@font-face{font-family:StudioMono;src:local("SF Mono"),local("Cascadia Code"),local("Menlo");font-display:swap}
:root{--bg:#111113;--surface:#18181b;--surface-2:#1e1e22;--surface-3:#25252a;--border:#2c2c32;--border-soft:#242429;--text:#e7e7eb;--muted:#85858f;--dim:#5c5c66;--purple:#9181f7;--purple-2:#7565e7;--green:#5ec9a0;--blue:#64a8ff;--orange:#e5b06f;--red:#ed7a7a;--mono:StudioMono,"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;overflow:hidden}button,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button{background:none;border:0}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);letter-spacing:2px}.app-shell{height:100dvh;display:flex;flex-direction:column;min-height:540px}.titlebar{height:43px;flex:0 0 43px;display:flex;align-items:center;background:#1b1b1e;border-bottom:1px solid var(--border);position:relative;padding:0 12px;user-select:none}.window-controls{display:flex;gap:8px;margin-right:23px}.window-controls i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.window-controls i:nth-child(2){background:#febc2e}.window-controls i:nth-child(3){background:#28c840}.main-menu{display:flex;gap:20px;color:#b0b0b7;font-size:12px}.main-menu span{cursor:default}.window-title{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#a9a9b1;font-size:12px;white-space:nowrap}.window-title svg{width:15px;height:15px;color:var(--purple)}.window-title>span:first-of-type{color:#d2d2d8;font-weight:500}.title-divider{color:#505059;margin:0 2px}.title-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.connection{font-size:10px;color:#a4a4ac;display:flex;align-items:center;gap:6px;font-family:var(--mono)}.connection i,.ai-status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 6px #5ec9a04d}.icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#9a9aa3;padding:0}.icon-button:hover{background:#303036;color:#eee}.icon-button svg{width:16px;height:16px}.workspace{display:flex;flex:1;min-height:0}.activity-bar{width:48px;flex:0 0 48px;background:#19191c;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:5px 0 8px}.activity-top{display:flex;flex-direction:column}.activity-button{height:48px;width:100%;display:flex;align-items:center;justify-content:center;color:#71717b;position:relative;padding:0}.activity-button svg{width:22px;height:22px}.activity-button:hover{color:#c5c5cc}.activity-button.active{color:#e2e2e7}.activity-button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--purple)}.sidebar{width:218px;flex:0 0 218px;background:#19191c;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-heading{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#a6a6ad;font-size:11px}.explorer-title{height:27px;display:flex;align-items:center;padding:0 10px;gap:4px;font-size:11px;font-weight:600;color:#c5c5cb;background:#1c1c20}.explorer-title svg{height:13px;width:13px}.file-tree{padding:4px 0}.file-item{width:100%;height:30px;padding:0 14px 0 27px;display:flex;align-items:center;gap:7px;text-align:left;color:#aaaab2;font-size:11px}.file-item.active{background:#2c2b39;color:#e1defc}.file-item svg{height:14px;width:14px;color:#8d85d7}.file-item span{white-space:nowrap}.unsaved-dot{width:6px;height:6px;border-radius:50%;background:#a3a3ac;margin-left:auto;display:none}.unsaved-dot.visible{display:block}.exam-title{margin-top:6px}.exam-settings{padding:15px 14px}.exam-settings>label{display:block;font-size:11px;color:#888892;margin:0 0 8px}.segmented{display:flex;padding:3px;border-radius:6px;background:#111114;border:1px solid #2a2a30;margin-bottom:17px}.segmented button{flex:1;padding:6px 0;color:#777781;border-radius:4px;font-size:11px}.segmented button.selected{background:#32303f;color:#d8d2ff;box-shadow:0 1px 3px #0003}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;background:#222227;color:#c5c5cb;border:1px solid #34343b;border-radius:5px;padding:8px 27px 8px 9px;font-size:11px;outline:none}.select-wrap select:focus{border-color:var(--purple)}.select-wrap>svg{position:absolute;right:8px;top:10px;transform:rotate(90deg);width:12px;height:12px;pointer-events:none;color:#888}.exam-meta{display:flex;justify-content:space-between;color:#686872;font-size:10px;margin-top:9px}.sidebar-tip{margin:auto 13px 18px;border-top:1px solid var(--border);padding-top:18px;display:flex;align-items:flex-start;gap:9px;color:#61616b}.sidebar-tip svg{width:15px;height:15px;color:#79709d;margin-top:2px}.sidebar-tip p{margin:0;font-size:10px;line-height:1.9}.editor-area{flex:1;min-width:360px;display:flex;flex-direction:column;background:#141416;min-height:0}.tabs{height:39px;flex:0 0 39px;background:#19191c;border-bottom:1px solid var(--border);display:flex;align-items:stretch}.tab{min-width:185px;padding:0 12px;display:flex;align-items:center;gap:7px;border-right:1px solid var(--border);background:#141416;font-size:11px;color:#c8c8ce;position:relative}.tab.active:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--purple)}.tab>svg{width:14px;height:14px;color:#8e86d2}.tab-dot{height:7px;width:7px;background:#aaa;border-radius:50%;margin-left:auto;display:none}.tab-dot.visible{display:block}.tab-close{padding:0;margin-left:auto;display:flex}.tab-close svg{width:14px;height:14px}.tab-dot.visible+.tab-close{margin-left:0}.tab-path{display:flex;align-items:center;gap:8px;padding-left:18px;color:#53535c;font-size:10px;white-space:nowrap;overflow:hidden}.breadcrumbs{height:30px;display:flex;align-items:center;padding:0 20px;gap:8px;color:#707079;font-size:10px;border-bottom:1px solid #202024;flex:0 0 30px}.breadcrumbs b{font-weight:400;color:#44444c}.breadcrumbs span:last-child{color:#9c96bd}.prompt-card{margin:17px 20px 0;padding:13px 15px 11px;border:1px solid #2b2b33;background:linear-gradient(110deg,#1d1d23,#1a1a1e);border-radius:7px;flex-shrink:0}.prompt-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.prompt-label{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.7px;color:#9b9ba5}.prompt-label .hash{color:var(--purple);font-size:14px}.prompt-badge{font-family:var(--sans);font-size:9px;letter-spacing:0;padding:3px 6px;border:1px solid #34313f;background:#292631;color:#aaa0dc;border-radius:4px;margin-left:4px}.text-button{display:flex;align-items:center;gap:5px;color:#9c91dd;font-size:10px;padding:2px}.text-button:hover{color:#c0b7ff}.text-button svg{width:12px;height:12px}.prompt-card textarea{display:block;resize:none;width:100%;background:transparent;border:0;outline:0;color:#b4b4bd;font-family:var(--mono);font-size:11px;line-height:1.65;padding:0;min-height:37px;max-height:94px}.prompt-hint{display:flex;align-items:center;gap:5px;margin-top:7px;color:#5e5e68;font-size:9px}.prompt-hint svg{width:12px;height:12px}.writing-panel{display:flex;flex-direction:column;flex:1;min-height:160px;margin:12px 20px 0;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#17171a}.editor-toolbar{height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:space-between;background:#1c1c20;border-bottom:1px solid #29292e;padding:0 10px 0 14px;color:#81818b;font-family:var(--mono);font-size:9px}.editor-mode{display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.toolbar-separator{color:#3f3f46;margin:0 3px}#word-status{color:#b2b2bb}#word-target{color:#5e5e68}.editor-actions{display:flex;align-items:center;gap:9px}#save-status{font-family:var(--sans);font-size:9px;color:#5d5d67}.editor-wrap{display:flex;flex:1;min-height:0;position:relative}.line-numbers{width:45px;flex:0 0 45px;background:#17171a;color:#4b4b54;text-align:right;padding:16px 12px 16px 0;font:12px/1.85 var(--mono);white-space:pre;overflow:hidden;user-select:none;border-right:1px solid #202024}#essay-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:#17171a;color:#d3d3d9;padding:16px 20px;font:12px/1.85 var(--mono);letter-spacing:.1px;caret-color:var(--purple);tab-size:4}#essay-input::placeholder{color:#494952}#essay-input::selection{background:#493e70}.writing-footer{height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#19191c;border-top:1px solid #242429;color:#565660;font-size:9px}.writing-footer span{display:flex;align-items:center;gap:5px}.writing-footer svg{width:11px;height:11px;color:#61957f}.submit-area{display:flex;align-items:center;justify-content:space-between;padding:13px 20px 16px;gap:10px}.submit-note{display:flex;align-items:center;gap:7px;color:#63636d;font-size:9px}.shortcut{padding:3px 5px;border:1px solid #34343b;border-radius:4px;color:#92929b;font-family:var(--mono)}.review-button{height:37px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;background:linear-gradient(135deg,#8e7bf3,#7563df);color:white;border:1px solid #a293ff33;border-radius:6px;box-shadow:0 4px 16px #7662df25;font-size:11px;font-weight:500;white-space:nowrap;transition:transform .15s,filter .15s}.review-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.review-button:active{transform:translateY(0)}.review-button:disabled{filter:grayscale(.3);opacity:.65;cursor:wait;transform:none}.review-button svg{width:15px;height:15px}.review-button kbd{font:9px var(--mono);padding:2px 4px;background:#ffffff16;border:1px solid #ffffff20;border-radius:3px;margin-left:4px}.report-panel{width:39%;max-width:520px;min-width:340px;background:#19191c;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.report-panel.collapsed{display:none}.report-tabs{height:40px;flex:0 0 40px;display:flex;align-items:stretch;border-bottom:1px solid var(--border);padding:0 14px;gap:20px}.report-tab{position:relative;font-size:11px;color:#71717b;padding:0 1px;white-space:nowrap}.report-tab:hover{color:#aaaab2}.report-tab.active{color:#d1caff}.report-tab.active:after{content:"";height:2px;background:var(--purple);position:absolute;bottom:0;left:0;right:0}.report-ai-label{margin-left:auto;align-self:center;font:8px var(--mono);letter-spacing:1px;color:#55555f}.report-content{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#37373e transparent}.empty-state{height:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 28px;text-align:center}.empty-orbit{width:74px;height:74px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px}.empty-orbit>svg{width:32px;height:32px;color:#9b8dec;filter:drop-shadow(0 0 15px #9b8dec66)}.orbit-ring{position:absolute;inset:0;border:1px solid #373241;border-radius:20px;transform:rotate(45deg);background:radial-gradient(circle,#7f6ddb12,transparent 65%)}.orbit-ring:after{content:"";position:absolute;width:5px;height:5px;background:#8778c9;border-radius:50%;top:6px;left:7px;box-shadow:53px 49px 0 #4d4765}.empty-state h2{font-size:15px;font-weight:500;letter-spacing:.4px;margin:0 0 11px;color:#d7d7dd}.empty-state>p{font-size:11px;color:#70707a;line-height:1.9;margin:0}.empty-features{width:100%;max-width:295px;margin:29px 0 22px;border-top:1px solid #28282e;padding-top:20px;display:flex;flex-direction:column;gap:14px}.empty-features>div{display:flex;align-items:center;gap:12px;text-align:left}.empty-features>div>span{font:9px var(--mono);color:#71689a;width:27px;height:27px;display:flex;align-items:center;justify-content:center;background:#222028;border:1px solid #2e2a38;border-radius:5px}.empty-features p{margin:0;display:flex;flex-direction:column;gap:4px}.empty-features b{font-size:11px;font-weight:500;color:#aaaab3}.empty-features small{font-size:9px;color:#5f5f69}.privacy-note{display:flex;align-items:center;gap:5px;color:#51515a;font-size:8px}.privacy-note svg{width:11px;height:11px}.loading-state{height:100%;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.code-loader{display:flex;gap:7px;margin-bottom:25px}.code-loader span{width:8px;height:28px;border-radius:3px;background:#8977e7;animation:loading 1.2s infinite ease-in-out}.code-loader span:nth-child(2){animation-delay:.15s}.code-loader span:nth-child(3){animation-delay:.3s}@keyframes loading{0%,60%,100%{transform:scaleY(.5);opacity:.4}30%{transform:scaleY(1);opacity:1}}.loading-state h2{font-size:14px;font-weight:500;margin:0 0 10px}.loading-state p{color:#9187bd;font-size:11px;margin:0 0 25px}.loading-state small{color:#5c5c66;font-size:9px}.loading-track{width:180px;height:2px;background:#2b2b31;margin-bottom:15px;overflow:hidden}.loading-track i{display:block;width:45%;height:100%;background:var(--purple);animation:track 2s infinite ease-in-out}@keyframes track{from{transform:translateX(-100%)}to{transform:translateX(320%)}}.result-wrap{padding:20px 20px 30px}.score-hero{display:flex;align-items:center;gap:20px;padding:2px 0 20px}.score-ring{width:91px;height:91px;border-radius:50%;flex:0 0 91px;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--purple) calc(var(--score)*1%),#2c2b33 0)}.score-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#19191c}.score-value{position:relative;display:flex;align-items:baseline}.score-value strong{font:30px var(--mono);font-weight:500;color:#e5e0ff}.score-value span{font:10px var(--mono);color:#64636e;margin-left:3px}.score-summary{min-width:0}.level-badge{display:inline-block;font-size:9px;color:#b6aaf7;background:#292535;border:1px solid #383148;padding:3px 7px;border-radius:4px;margin-bottom:7px}.score-summary h2{font-size:15px;font-weight:500;margin:0 0 6px}.score-summary p{font-size:10px;color:#71717b;margin:0;line-height:1.5}.dimension-list{display:flex;flex-direction:column;gap:13px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.dimension-top{display:flex;justify-content:space-between;font-size:10px;color:#9b9ba4;margin-bottom:7px}.dimension-top span:last-child{font-family:var(--mono);color:#777681}.dimension-bar{height:4px;background:#2a2a30;border-radius:3px;overflow:hidden}.dimension-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#7565d8,#a495f6)}.report-section{margin-top:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:11px;font-weight:500;color:#bdbdc5}.section-title span{font:9px var(--mono);color:#62616c;font-weight:400}.overall-comment{font-size:11px;line-height:1.9;color:#94949e;margin:0;padding:12px 13px;border-left:2px solid #6e60c5;background:#1e1d24;border-radius:0 5px 5px 0}.strength-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.strength-list li{display:flex;gap:7px;color:#8d8d97;font-size:10px;line-height:1.6}.strength-list svg{width:12px;height:12px;color:var(--green);margin-top:2px}.issue-card{border:1px solid #2d2d34;border-radius:6px;margin-bottom:10px;overflow:hidden}.issue-head{padding:10px 12px;background:#1f1f24;display:flex;align-items:center;justify-content:space-between;font-size:10px}.issue-category{color:#ba9c75}.issue-index{font:9px var(--mono);color:#575761}.issue-body{padding:11px 12px}.issue-original{font:10px/1.7 var(--mono);color:#b5b5bd;margin:0 0 10px;padding-bottom:10px;border-bottom:1px dashed #2d2d33}.issue-problem{font-size:10px;line-height:1.7;color:#85858f;margin:0 0 9px}.suggestion-label{display:block;font-size:9px;color:#7eaf9b;margin-bottom:5px}.issue-suggestion{font:10px/1.7 var(--mono);color:#9dc5b4;margin:0}.rewrite-article{color:#b5b5be;font:11px/2 var(--mono);white-space:pre-wrap;margin:0}.rewrite-card{border:1px solid #2d2d34;border-radius:6px;overflow:hidden;margin-bottom:16px}.rewrite-head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:#202025}.rewrite-head h3{font:500 11px var(--sans);margin:0;color:#c6c6ce}.rewrite-head button{display:flex;gap:5px;align-items:center;font-size:9px;color:#9085c8}.rewrite-head svg{width:12px;height:12px}.rewrite-body{padding:15px 13px}.sample-badge{font-size:8px;color:#a79bcf;background:#292434;border-radius:3px;padding:3px 5px;margin-left:6px}.rewrite-note{font-size:9px;color:#5f5f69;line-height:1.6;margin:0 0 20px}.statusbar{height:23px;flex:0 0 23px;background:#252233;color:#b5accf;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:9px;user-select:none}.statusbar>div{display:flex;align-items:center;gap:16px}.statusbar span{display:flex;align-items:center;gap:4px}.statusbar svg{width:11px;height:11px}.status-ready{color:#8ebca7}.statusbar .ai-status-dot{width:5px;height:5px}.toast{position:fixed;bottom:42px;left:50%;transform:translate(-50%,15px);background:#303038;border:1px solid #44444e;box-shadow:0 6px 24px #0006;border-radius:6px;padding:10px 16px;font-size:11px;color:#ddd;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#794747;color:#efb0b0}dialog{width:min(520px,calc(100vw - 32px));background:#1c1c21;color:var(--text);border:1px solid #393941;border-radius:9px;box-shadow:0 20px 80px #0009;padding:0}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--border)}.dialog-header h2{font-size:14px;font-weight:500;margin:0}#dialog-body{padding:20px;color:#9999a3;font-size:12px;line-height:1.9}#dialog-body h3{color:#d2d2da;font-size:12px;margin:16px 0 5px}#dialog-body h3:first-child{margin-top:0}#dialog-body p{margin:5px 0}#dialog-body ol{padding-left:20px;margin:6px 0}#dialog-body strong{color:#bcb2f0;font-weight:500}
@media(max-width:1200px){.sidebar{width:190px;flex-basis:190px}.report-panel{min-width:320px;width:38%}.main-menu{display:none}.window-title{left:44%;}.tab-path{display:none}.prompt-card{margin-left:15px;margin-right:15px}.writing-panel{margin-left:15px;margin-right:15px}.submit-area{padding-left:15px;padding-right:15px}.submit-note span:last-child{display:none}.empty-state{padding-left:20px;padding-right:20px}}
@media(max-width:950px){.sidebar{display:none}.window-title{left:50%}.window-title .title-divider,.window-title>span:last-child{display:none}.report-panel{width:42%;min-width:315px}.submit-note{display:none}.submit-area{justify-content:flex-end}.connection{display:none}}
@media(max-width:700px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh}.titlebar{position:sticky;top:0;z-index:10}.window-controls{margin-right:0}.window-title{font-size:11px}.window-title>span:first-of-type{font-size:0}.window-title>span:first-of-type:after{content:"AI Agent Studio";font-size:11px}.title-actions{gap:3px}.workspace{flex-wrap:wrap;overflow:visible}.activity-bar{width:40px;flex-basis:40px;position:sticky;top:43px;height:calc(100dvh - 66px);z-index:4}.activity-button{height:43px}.activity-button svg{width:19px;height:19px}.editor-area{min-width:0;width:calc(100% - 40px);flex:0 0 calc(100% - 40px);min-height:670px}.breadcrumbs{padding-left:13px}.prompt-card{margin:12px 12px 0}.writing-panel{margin:10px 12px 0;min-height:330px}.submit-area{padding:12px}.review-button{width:100%}.report-panel{width:calc(100% - 40px);min-width:0;max-width:none;flex:0 0 calc(100% - 40px);margin-left:40px;border-left:0;border-top:1px solid var(--border);min-height:540px}.report-content{overflow:visible}.report-tabs{position:sticky;top:43px;background:#19191c;z-index:3}.empty-state{min-height:490px}.statusbar{position:static}.statusbar>div:first-child .status-ready,.statusbar>div:last-child span:nth-child(2),.statusbar>div:last-child span:nth-child(3){display:none}.statusbar>div{gap:8px}.empty-features{max-width:290px}.result-wrap{padding:22px 18px}.report-ai-label{display:none}}
@media(max-width:390px){.window-title{left:47%}.title-actions{display:none}.prompt-hint{align-items:flex-start;line-height:1.5}.prompt-card textarea{font-size:10px}.line-numbers{width:36px;flex-basis:36px;padding-right:8px}#essay-input{padding-left:12px;padding-right:12px}.editor-actions #save-status{display:none}}
.prompt-visual{margin:0 0 12px;border:1px solid #32303e;border-radius:6px;overflow:hidden;background:#24212e}.prompt-visual img{display:block;width:100%;height:150px;object-fit:cover}.prompt-visual figcaption{padding:7px 10px;color:#888096;font-size:9px;border-top:1px solid #34303f}.completion-hint{position:absolute;z-index:3;left:54px;right:12px;bottom:12px;display:flex;align-items:center;gap:9px;padding:9px 10px;background:#292536f2;border:1px solid #51456f;border-radius:6px;box-shadow:0 8px 24px #0006;color:#c2b8ed;backdrop-filter:blur(8px);font:10px/1.5 var(--mono)}.completion-label{flex:0 0 auto;color:#8e7fc6;font-size:8px;letter-spacing:.7px}#completion-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completion-hint kbd{font:8px var(--mono);padding:2px 5px;border:1px solid #5c507b;border-radius:3px;background:#373044}.completion-hint button{display:flex;padding:1px;color:#8d83a7}.completion-hint button svg{width:12px;height:12px}#info-dialog.sample-dialog{width:min(780px,calc(100vw - 32px))}.sample-intro{margin:0 0 17px!important;color:#777783!important;font-size:11px!important}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sample-card{border:1px solid #32323b;background:#202025;border-radius:7px;overflow:hidden;text-align:left;padding:0;transition:border-color .15s,transform .15s}.sample-card:hover{border-color:#71649e;transform:translateY(-1px)}.sample-card img{width:100%;height:115px;object-fit:cover;display:block}.sample-card-body{padding:13px}.sample-card-meta{display:flex;gap:6px;margin-bottom:8px}.sample-card-meta span{font-size:8px;color:#a99bd7;background:#2c2739;border-radius:3px;padding:3px 5px}.sample-card h3{margin:0 0 6px;font-size:12px;color:#d2cddc}.sample-card p{margin:0 0 12px;color:#797984;font-size:10px;line-height:1.6}.sample-card-action{display:flex;align-items:center;gap:5px;color:#a99ae8;font-size:10px}.sample-card-action svg{width:12px;height:12px}.sample-card-icon{height:115px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#292433,#22242c);color:#9382ce}.sample-card-icon svg{width:42px;height:42px}@media(max-width:700px){.prompt-visual img{height:128px}.sample-grid{grid-template-columns:1fr}.sample-dialog #dialog-body{max-height:70dvh;overflow:auto}.completion-hint{left:42px;right:7px;bottom:8px}.completion-label{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}