.selection-panel{border-bottom:1px solid var(--line);padding:10px 14px;font-size:11px}.selection-breadcrumbs{color:#71819b;flex-wrap:wrap;gap:3px;margin-bottom:7px;display:flex}.selection-breadcrumbs button{padding:3px 0}.selection-breadcrumbs button:hover{color:var(--blue)}.object-tree{z-index:4;resize:both;border:1px solid var(--line);background:#fffffff5;border-radius:10px 10px 2px;flex-direction:column;width:246px;min-width:190px;max-width:calc(100% - 24px);height:230px;min-height:110px;max-height:calc(100% - 116px);font-size:11px;display:flex;position:absolute;top:52px;left:12px;overflow:hidden;box-shadow:0 8px 28px #24365614}.object-tree header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.object-tree>ul{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;margin:4px;overflow:auto}.object-tree ul{padding:0;list-style:none}.object-tree-row{text-align:left;border-radius:4px;align-items:center;gap:7px;width:100%;padding:6px;display:flex}.object-tree-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.object-tree-row small{color:#8b97a7;margin-left:auto}.object-tree-row[aria-pressed=true]{color:var(--blue);background:#eaf0ff}.selection-panel .selection-card{margin:0;padding:7px 10px}.canvas-selection{z-index:4;border:1px solid var(--line);background:#fffffff5;border-radius:8px;width:min(360px,100% - 24px);max-height:38%;position:absolute;bottom:54px;left:12px;overflow:auto;box-shadow:0 4px 16px #2436560d}.canvas-selection .selection-panel{border:0;padding:6px 8px}.selection-kind{color:#87909f;margin-left:8px}.canvas-selection .selection-instructions,.canvas-selection .selection-card p{display:none}.selection-actions{flex-wrap:wrap;gap:7px;margin:8px 0;display:flex}.selection-actions>button:not(.button){background:#fff;border:1px solid #dce1ea;border-radius:4px;padding:5px 7px}.selection-instructions{color:#87909f;margin-top:7px;font-size:9px;line-height:1.6}.scope-review{background:#fffbf1;border:1px solid #efcd89;border-radius:8px;margin:12px;padding:16px}.scope-review p{margin-top:8px;font-size:11px;line-height:1.6}.scope-review-counts{color:#975f12;margin:12px 0;font-size:11px}.scope-review ul{max-height:130px;padding-left:18px;font-size:11px;overflow:auto}.scope-review li{overflow-wrap:anywhere;padding:3px 0}.reply-status.reviewing{color:#975f12}.agent-activities{color:var(--muted);min-width:0;margin:8px 0;font-size:11px}.agent-history>summary{cursor:pointer;overflow-wrap:anywhere;padding:5px 0}.agent-step{border-left:1px solid var(--line);margin:4px 0;padding-left:8px}.agent-step>summary{cursor:pointer;align-items:center;gap:6px;padding:4px 0;list-style:none;display:flex}.agent-step>summary::-webkit-details-marker{display:none}.agent-step>summary>svg{flex-shrink:0}.agent-step>summary>span{overflow-wrap:anywhere;flex:1;min-width:0}.agent-step small{text-transform:capitalize;font-size:9px}.agent-step.running{color:#263246}.agent-step.failed{color:#b45309}.agent-step.completed>summary>svg{color:var(--blue)}.agent-step[open]>summary>.activity-chevron{transform:rotate(90deg)}.agent-step p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;margin:4px 0 8px 18px;line-height:1.6;overflow-y:auto}.agent-step>summary:focus-visible,.agent-history>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.activity-announcement{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.user-input-panel{background:#fff;border:1px solid #cedaf8;border-radius:12px;margin:10px 14px 14px;padding:14px;box-shadow:0 3px 14px #245ef008}.user-input-panel:focus{outline-offset:-1px;outline:2px solid #245ef050}.user-input-heading,.user-input-heading>span,.user-input-progress,.user-input-actions{align-items:center;gap:7px;display:flex}.user-input-heading{color:var(--blue);justify-content:space-between;font-weight:600}.user-input-heading button{padding:4px;display:flex}.user-input-progress{flex-wrap:wrap;margin:12px 0}.user-input-progress button{color:#6b7789;border-radius:4px;padding:4px 6px;font-size:11px}.user-input-progress button[aria-current]{color:var(--blue);background:#edf2ff}.user-input-progress>span{color:#87909f;margin-left:auto;font-size:11px}.user-input-panel h3{overflow-wrap:anywhere;margin:8px 0 12px;font-size:13px;line-height:1.5}.user-input-options{flex-direction:column;gap:5px;display:flex}.user-input-options button{text-align:left;border:1px solid var(--line);border-radius:7px;gap:8px;padding:9px;line-height:1.4;display:flex}.user-input-options button[aria-checked=true]{background:#f0f4ff;border-color:#91b0ff}.user-input-options strong{font-size:12px;font-weight:550}.user-input-options small{color:#6b7789;margin-top:3px;font-size:11px;display:block}.user-input-options button>span:last-child{overflow-wrap:anywhere;min-width:0}.user-input-number{color:#87909f}.user-input-panel textarea{border:1px solid var(--line);color:#263246;background:#fbfcff;border-radius:7px;width:100%;margin-top:10px;padding:9px;line-height:1.5}.user-input-notes-toggle{color:var(--blue);padding:10px 0;font-size:11px}.user-input-actions{flex-wrap:wrap;margin-top:9px}.user-input-actions button{border-radius:6px;align-items:center;gap:4px;padding:7px 8px;font-size:11px;display:flex}.user-input-actions .primary{background:var(--blue);color:#fff;margin-left:auto}.user-input-hints{color:#87909f;margin-top:10px;font-size:10px;line-height:1.6}.user-input-confirm p{color:#6b7789;font-size:12px;line-height:1.6}:root{color:#263246;font-synthesis:none;--blue:#245ef0;--line:#e6e9ef;--muted:#87909f;background:#f7f8fa;font-family:Inter,Segoe UI,sans-serif;font-size:13px;font-weight:400}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;min-height:0;overflow:clip}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #245ef0}button{color:inherit}a{color:inherit;text-decoration:none}textarea{resize:none}svg{flex-shrink:0}button{background:0 0;border:0}h1,h2,h3,p{margin:0}.muted{color:#7a8495;line-height:1.65}.app{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:24px;height:72px;padding:0 26px;display:flex}.brand{letter-spacing:-1.2px;color:#182437;align-items:center;gap:10px;font-size:24px;font-weight:750;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.brand-mark svg{width:28px;height:28px}.brand-dot{color:var(--blue)}.header-divider{background:var(--line);width:1px;height:22px}.project-name{color:#677184;align-items:center;gap:10px;font-weight:500;display:flex}.beta{letter-spacing:.7px;color:#7c889b;border:1px solid #e7eaf0;border-radius:4px;padding:3px 5px;font-size:9px}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.language-select{color:#677184;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.language-select select{font:inherit;color:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;max-width:105px;padding:7px 4px;font-size:12px}@media (width<=700px){.language-select>svg{display:none}.language-select select{max-width:90px;font-size:11px}}.status-dot{background:#77a38e;border-radius:50%;width:5px;height:5px;display:inline-block}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:12px;font-weight:550;transition:background .15s,box-shadow .15s;display:inline-flex}.button.primary{background:var(--blue);color:#fff;border:1px solid #1e55e0;box-shadow:0 2px 2px #173f9c0b}.button.primary:hover:not(:disabled){background:#164dd9;box-shadow:0 2px 5px #174acc26}.button.secondary{background:#fff;border:1px solid #dce1ea}.button.secondary:hover{background:#f7f8fb}.settings-button{background:#fff;border:1px solid #e2e6ec}.connection-dot{background:#b6bcc6;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.connection-dot.connected{background:#3aaf80}.export-wrap{position:relative}.export-menu{border:1px solid var(--line);z-index:30;background:#fff;border-radius:10px;width:260px;padding:7px;position:absolute;top:44px;right:0;box-shadow:0 12px 35px #26364a1f}.menu-label{letter-spacing:1px;color:#8a94a3;padding:9px 10px 7px;font-size:9px}.export-menu button{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;padding:11px 10px;display:flex}.export-menu button:hover{background:#f3f6ff}.export-menu button>span{flex:1;font-weight:550}.export-menu small{color:#8790a0;margin-top:4px;font-size:10px;font-weight:400;display:block}.export-menu p{color:#98a1b1;border-top:1px solid var(--line);margin-top:5px;padding:11px 10px 7px;font-size:10px}.studio{--sidebar-width:244px;grid-template-columns:var(--sidebar-width) minmax(360px, 1fr) 316px;flex:1;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;transition:grid-template-columns .2s;display:grid;overflow:hidden}.left-panel{border-right:1px solid var(--line);background:#f8f9fc;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.workflow-steps{color:#a0a8b5;justify-content:space-between;align-items:center;margin:0 23px 24px;font-size:10px;display:flex}.workflow-steps>span{align-items:center;gap:6px;display:flex}.workflow-steps b{color:#929cab;background:#f2f4f7;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:500;display:inline-flex}.workflow-steps .active{color:var(--blue);font-weight:600}.workflow-steps .active b{color:var(--blue);background:#edf2ff}.sketch-section{padding:0 23px 24px}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.section-title>span:first-child{align-items:center;gap:7px;display:flex}.optional{color:#9aa3b3;letter-spacing:.6px;font-size:8px;font-weight:500}kbd{font:inherit;background:#fff;border:1px solid #e1e6ed;border-radius:3px;padding:1px 3px;font-size:8px}.instructions-label{margin-top:23px;margin-bottom:10px}.instructions-label svg{color:#a9b1bf}.instruction-input{color:#526178;background:#fff;border:1px solid #e0e5ee;border-radius:6px;width:100%;height:108px;padding:11px 12px;font-size:11px;line-height:1.7}.instruction-input::placeholder{color:#a1aab9}.instruction-input:focus{border-color:#7ba0ff;outline:2px solid #eef3ff}.units-note{color:#a1a9b6;justify-content:space-between;align-items:center;margin:8px 0 16px;font-size:9px;display:flex}.unit-tag{color:#8c98a9;background:#f2f4f8;border:1px solid #e7eaf0;border-radius:3px;padding:1px 5px;font-size:9px}.generate-button{gap:8px;width:100%;height:39px;font-size:11px}.generate-button svg:last-child{margin-left:auto}.generate-button svg:first-child{margin-right:auto}.example-button{color:#9ba3b0;justify-content:center;gap:4px;width:100%;padding:14px 0 0;font-size:9px;display:flex}.example-button>span{color:#768ba9;align-items:center;gap:3px;display:flex}.layer-row{align-items:center;gap:10px;padding:11px 0;font-size:11px;display:flex}.layer-row>span:nth-child(2){flex:1}.layer-row input{accent-color:var(--blue);cursor:pointer;width:13px;height:13px}.text-button{color:var(--blue);align-items:center;gap:5px;padding:0;font-size:11px;display:inline-flex}.icon-button{color:#778296;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover:not(:disabled){color:#3d557e;background:#f0f3f9}.icon-button.active{color:var(--blue);background:#edf2ff}.drawing-workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.canvas-toolbar{border-bottom:1px solid var(--line);background:#fcfcfd;flex-shrink:0;justify-content:space-between;align-items:center;height:53px;padding:0 17px;display:flex}.canvas-tabs{align-items:center;gap:16px;height:100%;display:flex}.canvas-tabs button{color:#98a1b0;border-bottom:2px solid #0000;align-items:center;gap:6px;height:100%;padding:0 2px;font-size:11px;display:flex}.canvas-tabs button.active{border-bottom-color:var(--blue);color:#435c8c;font-weight:550}.canvas-tools{align-items:center;gap:2px;display:flex}.tool-separator{background:#e4e8ef;width:1px;height:15px;margin:0 8px}.canvas{background-color:#f3f5f9;background-image:radial-gradient(#ccd3df .65px,#0000 .65px);background-size:18px 18px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-document-heading{z-index:1;color:#76849a;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;top:23px;left:23px}.document-chip{color:#97a4b8;letter-spacing:.65px;border:1px solid #dce3ed;border-radius:3px;padding:4px 5px;font-size:7px}.drawing-paper{background:#fff;border:1px solid #e3e7ed;border-radius:2px;width:82%;max-width:900px;height:69%;max-height:620px;padding:27px 22px;box-shadow:0 2px 5px #27374e06,0 8px 26px #2c3b5310}.drawing-paper iframe{border:0;width:100%;height:100%;display:block}.canvas-hint{color:#8997ab;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:27px;left:22px}.zoom-controls{color:#8692a6;background:#fff;border:1px solid #e2e7f0;border-radius:6px;align-items:center;height:32px;display:flex;position:absolute;bottom:20px;right:21px;box-shadow:0 2px 6px #1d375409}.zoom-controls button{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.zoom-controls button:hover{background:#f1f5fd}.zoom-controls>span:not(.zoom-divider){text-align:center;width:41px;font-size:9px}.zoom-divider{background:#e3e8ef;width:1px;height:13px;margin:0 2px}.canvas-status{border-top:1px solid var(--line);color:#9da6b3;background:#fcfcfd;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 18px;font-size:9px;display:flex}.canvas-status>span{align-items:center;gap:6px;display:flex}.status-dot{background:#79ad95;width:4px;height:4px}.status-divider{color:#ccd2dc;margin:0 3px}.scale-icon{color:#8e9cb3;font-size:13px}.canvas-loading{border:1px solid var(--line);z-index:5;color:#56729f;background:#fffffff5;border-radius:20px;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #2436560d}.canvas-loading button{color:#72839d;font-size:10px;text-decoration:underline}.code-panel{z-index:3;background:#f8fafe;flex-direction:column;display:flex;position:absolute;inset:0}.code-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:62px;padding:16px 21px;display:flex}.code-heading>span{color:#7687a3;align-items:center;gap:8px;font-size:11px;display:flex}.button.small{height:29px;padding:0 10px;font-size:10px}.code-actions{align-items:center;gap:8px;display:flex}.code-editor{flex:1;width:100%;min-width:0;min-height:0;overflow:hidden}.code-note{color:#8c99ae;border-top:1px solid var(--line);align-items:center;gap:6px;padding:12px 19px;font-size:9px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.assistant-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.assistant-heading{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:11px;height:83px;padding:20px 21px;display:flex}.assistant-mark{color:#6084d6;background:#edf2ff;border:1px solid #e3eaff;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.assistant-heading h2{letter-spacing:-.1px;font-size:12px;font-weight:600}.assistant-heading p{color:#99a4b5;align-items:center;gap:5px;margin-top:6px;font-size:9px;display:flex}.assistant-heading p>span{background:#71b095;border-radius:50%;width:4px;height:4px}.assistant-content{scrollbar-width:thin;scrollbar-color:#e1e6ee transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:22px 20px;overflow:auto}.assistant-controls{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-height:0;max-height:70%;overflow:hidden auto}.assistant-intro{border-bottom:1px solid #f0f2f7;margin-bottom:23px;padding:8px 7px 28px}.intro-art{width:54px;height:52px;margin-bottom:14px;position:relative}.intro-art>span{background:#f1f5ff;border:1px solid #aabde4;border-radius:4px;width:33px;height:24px;position:absolute;top:18px;left:0;transform:skewY(-13deg)}.intro-art>span:nth-child(2){background:#f5f8ff;border-color:#bdcce9;top:12px;left:4px}.intro-art>span:nth-child(3){background:#fbfcff;border-color:#ccd7ec;top:6px;left:8px}.intro-art>svg{color:#7393d6;position:absolute;top:0;right:0}.assistant-intro h3{letter-spacing:-.45px;color:#3a4b67;margin-bottom:8px;font-size:17px;font-weight:600}.assistant-intro p{color:#96a0af;font-size:11px;line-height:1.9}.chat-message{color:#6f7f97;white-space:pre-wrap;overflow-wrap:anywhere;gap:8px;margin-bottom:19px;font-size:11px;line-height:1.85;display:flex}.chat-avatar{color:#8ca4ce;background:#eff3fb;border:1px solid #e7edf7;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:3px;display:flex}.chat-message.user{color:#5876a5;background:#eff4ff;border:1px solid #e4ecfb;border-radius:8px 8px 0;margin-left:22px;padding:10px 12px}.message-content{flex:1;min-width:0}.stream-cursor{vertical-align:middle;background:#7798d1;width:2px;height:12px;margin-left:3px;animation:1s infinite pulse;display:inline-block}.reply-status{color:#91a4bf;margin-top:7px;font-size:8px;display:block}.reply-status.error{color:#b17a66}.reply-status.cancelled{color:#a0a8b5}.stream-code{white-space:normal;background:#f8faff;border:1px solid #e2e9f5;border-radius:5px;margin-top:9px}.stream-code summary{cursor:pointer;color:#8196b7;align-items:center;gap:5px;padding:7px 8px;font-size:8px;display:flex}.stream-code pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#6b82a7;border-top:1px solid #e5ebf6;max-height:150px;margin:0;padding:9px;font-family:Cascadia Code,Consolas,monospace;font-size:9px;line-height:1.55;overflow:auto}.validation-preview{pointer-events:none;opacity:0;z-index:-1;width:800px;max-width:100vw;height:600px;max-height:100vh;position:fixed;top:0;left:0;overflow:hidden}.validation-preview iframe{border:0;width:800px;height:600px}.suggestions{margin:10px 0 0 30px}.suggestions>span{letter-spacing:1.1px;color:#a2acba;margin-bottom:9px;font-size:8px;display:block}.suggestions button{color:#8493aa;text-align:left;border:1px solid #e8edf4;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:7px;padding:9px 10px;font-size:10px;display:flex}.suggestions button:hover{background:#f6f8fd;border-color:#c6d8fd}.suggestions button>svg{color:#a4b1c7;transform:rotate(180deg)}.thinking{color:#8a9db9;align-items:center;gap:4px;margin-left:30px;font-size:9px;display:flex}.thinking span{background:#91a8ce;border-radius:50%;width:3px;height:3px;animation:1.1s infinite pulse}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){margin-right:5px;animation-delay:.4s}@keyframes pulse{50%{opacity:.25}}.selection-card{color:#6b84ad;background:#f5f8ff;border:1px solid #e0e8f9;border-radius:7px;margin:0 20px 12px;padding:10px 12px}.selection-heading{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.selection-heading>span{letter-spacing:.8px;align-items:center;gap:5px;font-size:7px;display:flex}.selection-heading .icon-button{color:#8fa2c1;width:20px;height:20px}.selection-card strong{color:#5372a8;font-size:11px;font-weight:550}.selection-properties{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.selection-properties span{background:#fff;border:1px solid #e3eafa;border-radius:3px;padding:3px 5px;font-size:8px}.selection-card p{color:#97a7c0;margin-top:8px;font-size:8px}.clarification-banner{color:#9a8049;background:#fffaf0;border:1px solid #f1e6cd;border-radius:5px;align-items:center;gap:7px;margin:0 20px 10px;padding:10px;font-size:9px;line-height:1.6;display:flex}.composer-input{background:#fff;border:1px solid #dce3ee;border-radius:8px;box-shadow:0 1px 4px #1e386506}.composer-input:focus-within{border-color:#a0bdfc;box-shadow:0 0 0 2px #f0f5ff}.composer-input textarea{color:#6880a5;background:0 0;border:0;outline:none;width:100%;height:76px;padding:13px 13px 6px;font-size:11px;line-height:1.7}.composer-input textarea::placeholder{color:#a2adbf}.composer-bottom{justify-content:space-between;align-items:center;padding:0 9px 9px 12px;display:flex}.composer-bottom>span{color:#9caac0;align-items:center;gap:4px;font-size:8px;display:flex}.composer-bottom button{color:#fff;background:var(--blue);border-radius:5px;justify-content:center;align-items:center;width:28px;height:27px;display:flex}.composer-bottom button:disabled{color:#a1adc0;opacity:1;background:#e7ecf5}.assistant-model{color:#9daabd;align-items:center;gap:5px;margin-top:11px;font-size:8px;display:flex}.assistant-model button{color:#9daabd;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;padding:0;font-size:9px;display:flex;overflow:hidden}.assistant-model>span:last-child{white-space:nowrap;color:#b2bccb;margin-left:auto}.toast{z-index:100;color:#4a705f;background:#fff;border:1px solid #dde7e2;border-radius:8px;align-items:center;gap:9px;max-width:min(600px,90vw);padding:12px 13px;font-size:11px;line-height:1.6;display:flex;position:fixed;bottom:29px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #20365022}.toast.error{color:#a7705a;border-color:#efdbd4}.toast button{color:#a5afbc;align-items:center;margin-left:8px;display:flex}.settings-dialog{color:#3a4962;border:1px solid #e5e9f0;border-radius:14px;width:min(460px,100vw - 32px);padding:30px;box-shadow:0 25px 100px #14233c3b}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25374e38}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.dialog-icon{color:#537edf;background:#eef3ff;border:1px solid #e5ecfd;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-dialog h2,.help-card h2{letter-spacing:-.7px;margin-bottom:8px;font-size:24px;font-weight:600}.settings-dialog .muted{margin-bottom:25px;font-size:12px}.field-label{margin:17px 0 8px;font-size:11px;font-weight:550;display:block}.field-label>span{float:right;color:#a1abbc;font-size:10px;font-weight:400}.settings-dialog input{color:#526b94;background:#fff;border:1px solid #dfe5ef;border-radius:6px;width:100%;height:39px;padding:0 11px;font-size:12px}.settings-dialog input:focus{border-color:#88a9fa;outline:2px solid #eef3ff}.settings-dialog input::placeholder{color:#abb5c4}.provider-options{background:#f7f9fc;border:1px solid #e2e7f0;border-radius:6px;padding:3px;display:flex}.provider-options button{color:#9aa6b9;border-radius:4px;flex:1;padding:8px;font-size:11px}.provider-options button.active{color:#4978de;background:#fff;box-shadow:0 1px 5px #223a6312}.input-with-action{align-items:center;display:flex;position:relative}.input-with-action input{padding-right:38px}.input-with-action button,.input-with-action>svg{color:#9cacbf;align-items:center;display:flex;position:absolute;right:10px}.field-row{justify-content:space-between;align-items:center;margin-top:17px;margin-bottom:8px;display:flex}.model-combobox .model-toggle{border-radius:0 5px 5px 0;justify-content:center;width:36px;height:37px;right:1px}.model-toggle:hover{color:#4978de;background:#f2f6ff}.model-toggle[data-open] svg{transform:rotate(180deg)}.model-options{--anchor-max-height:240px;width:var(--input-width);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1dcef transparent;color:#526b94;z-index:1;background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:5px;font-size:12px;line-height:1.5;overflow-y:auto;box-shadow:0 8px 24px #223a631c}.model-option{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.model-option>span{overflow-wrap:anywhere;min-width:0}.model-option[data-focus]{color:#245ef0;background:#edf3ff}.model-option[data-selected]{color:#245ef0;font-weight:550}.model-selected{visibility:hidden}.model-option[data-selected] .model-selected{visibility:visible}.model-custom{border-top:1px solid #edf0f5;margin-top:4px}.model-custom small{color:#9aa7bb;margin-top:2px;font-size:9px;font-weight:400;display:block}.model-empty{color:#9aa7bb;padding:9px 10px;font-size:10px;line-height:1.7}.field-row .field-label{margin:0}.field-row .text-button{font-size:10px}.field-hint{color:#9aa7bb;margin-top:8px;font-size:9px}.connection-status{border-radius:5px;align-items:center;gap:7px;margin-top:16px;padding:10px 11px;font-size:10px;line-height:1.6;display:flex}.connection-status.success{color:#60947b;background:#f0faf5}.connection-status.error{color:#b27c64;background:#fff5f0}.privacy-note{color:#8d9eb7;background:#f8fafd;border:1px solid #e7edf5;border-radius:6px;gap:9px;margin-top:21px;padding:12px 13px;font-size:9px;line-height:1.7;display:flex}.privacy-note svg{color:#97aac7;margin-top:3px}.dialog-actions{justify-content:space-between;gap:10px;margin-top:23px;display:flex}.settings-help{color:#a4b0c2;justify-content:center;align-items:center;gap:5px;margin-top:17px;font-size:9px;display:flex}.help-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#25374e38;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-card{background:#fff;border:1px solid #e5e9f0;border-radius:14px;width:460px;padding:30px;position:relative;box-shadow:0 25px 100px #14233c3b}.help-close{position:absolute;top:18px;right:18px}.help-card .dialog-icon{margin-bottom:20px}.help-card p{color:#8290a6;margin:17px 0;font-size:12px;line-height:1.8}.help-card small{color:#a1aec0;border-top:1px solid #edf0f5;padding-top:16px;font-size:10px;line-height:1.8;display:block}.help-card .button{width:100%;margin-top:21px}@media (width>=1600px){.studio{grid-template-columns:var(--sidebar-width) minmax(360px, 1fr) 340px}.sketch-section{padding-left:27px;padding-right:27px}.assistant-content{padding-left:24px;padding-right:24px}.drawing-paper{width:78%;height:72%}}@media (width<=1250px){.studio{grid-template-columns:var(--sidebar-width) minmax(330px, 1fr) 282px}.app-header{gap:18px;padding:0 20px}.sketch-section{padding-left:19px;padding-right:19px}.workflow-steps{margin-left:19px;margin-right:19px}.assistant-content{padding:18px 16px}.assistant-heading{padding:20px 16px}.chat-composer{padding-left:15px;padding-right:15px}.canvas-hint{font-size:8px;bottom:61px}.canvas-tools{gap:0}.tool-separator{margin:0 4px}.canvas-toolbar{padding:0 12px}.header-actions{gap:8px}.canvas-document-heading{flex-direction:column;align-items:flex-start;gap:7px}.drawing-paper{width:85%;padding:21px 15px}}@media (width<=1050px){.studio{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.left-panel{grid-row:1/-1}.drawing-workspace{grid-area:1/2}.assistant-panel{border-top:1px solid var(--line);grid-area:2/2}.assistant-heading{height:56px;padding-top:10px;padding-bottom:10px}.assistant-intro{display:none}.assistant-content .chat-message{max-width:650px}.project-name{font-size:11px}.canvas-hint{bottom:27px}}@media (width<=700px){.app-header{gap:10px;height:63px;padding:0 15px}.brand{gap:7px;font-size:20px}.brand-mark{width:29px;height:29px}.header-divider,.project-name,.settings-button span{display:none}.settings-button{padding:0 8px}.header-actions .button{gap:5px;height:33px;font-size:10px}.studio{flex-direction:column;display:flex}.workflow-steps{justify-content:flex-start;gap:12px;margin-bottom:20px}.sketch-section{grid-template-columns:1fr 1fr;gap:10px 16px;padding-bottom:20px;display:grid}.sketch-section>.section-title:first-child{grid-area:1/1;margin-bottom:0}.instructions-label{grid-area:1/2;margin:0}.instruction-input{grid-area:2/2;height:175px;font-size:10px}.units-note{grid-area:3/2;margin:0}.generate-button{grid-area:4/1/auto/-1;margin-top:7px}.example-button{grid-area:5/1/auto/-1;padding-top:2px}.drawing-workspace{border-top:1px solid var(--line);flex:45%}.canvas-toolbar{height:49px}.canvas-tabs{gap:14px}.canvas-tabs button{font-size:10px}.canvas-tools .icon-button{width:26px}.tool-separator{margin:0 3px}.drawing-paper{width:87%;height:65%;padding:17px 13px}.canvas-document-heading{flex-direction:row;top:19px;left:19px}.canvas-hint{font-size:9px;bottom:65px;left:20px}.canvas-status{padding:0 12px;font-size:8px}.assistant-panel{flex:55%}.assistant-heading{padding-left:20px;padding-right:20px}.assistant-content{min-height:0;max-height:none;padding:19px 20px}.chat-composer{align-self:stretch;padding:0 19px 20px}.selection-card{margin:0 19px 12px}.clarification-banner{margin:0 19px 10px}.settings-dialog{padding:24px}.toast{bottom:18px}.dialog-actions{gap:7px}.dialog-actions .button{padding:0 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.workspace-opening{color:#6b84ad;justify-content:center;align-items:center;gap:12px;height:100dvh;display:flex}.project-name{min-width:0}.project-title{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.studio.sidebar-closed{--sidebar-width:0px}.left-panel{transition:opacity .16s,visibility .2s}.sidebar-closed .left-panel{opacity:0;visibility:hidden;border:0}.sidebar-navigation,.drawings-label,.drawings-scroll,.sidebar-footer{min-width:244px}.sidebar-navigation{padding:12px 10px 4px}.sidebar-top-row{align-items:center;display:flex}.sidebar-link{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:10px;font-size:13px;display:flex}.sidebar-link:hover:not(:disabled){background:#edf0f5}.new-drawing{color:#335c9e;font-weight:550}.drawing-search{color:#657287;border-radius:8px;align-items:center;gap:10px;height:38px;margin-top:3px;padding:0 10px;display:flex}.drawing-search:focus-within{background:#fff;box-shadow:0 0 0 1px #a9bfe8}.drawing-search input{color:#34435b;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:13px}.drawing-search input::placeholder{color:#657287}.drawing-search input::-webkit-search-cancel-button{display:none}.drawing-search .icon-button{flex-shrink:0;width:22px;height:26px}.drawings-label{color:#657287;margin:20px 0 8px;padding:0 20px;font-size:11px;font-weight:500}.drawings-scroll{scrollbar-width:thin;scrollbar-color:#d3dae6 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:0 10px 10px;overflow:hidden auto}.drawing-search-empty{color:#657287;padding:12px 10px;font-size:12px}.sidebar-footer{color:#657287;padding:8px 10px 12px}.sidebar-toggle{flex-shrink:0}.project-dialog,.sidebar-drawer{z-index:60;position:fixed;inset:0}.project-dialog{z-index:80}.project-dialog-backdrop,.sidebar-backdrop{background:#1d2b4440;position:fixed;inset:0}.project-dialog-position{justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.project-dialog-panel{background:#fff;border-radius:14px;width:min(390px,100%);padding:24px;box-shadow:0 20px 60px #20365026}.project-dialog-panel h2{font-size:18px;font-weight:600}.project-dialog-panel p{color:#657287;overflow-wrap:anywhere;margin-top:12px;line-height:1.7}.project-dialog-panel strong{color:#34435b;font-weight:500}.project-dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.delete-project{color:#fff;background:#bd4444}.delete-project:hover:not(:disabled){background:#a53838}.sidebar-drawer-panel{background:#f8f9fc;flex-direction:column;width:min(300px,100vw - 44px);transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-drawer-panel[data-closed]{transform:translate(-100%)}.sidebar-backdrop{transition:opacity .2s}.sidebar-backdrop[data-closed]{opacity:0}.project-list{margin:0;padding:0;list-style:none}.project-row{border-radius:8px;align-items:center;min-width:0;margin:2px 0;padding-right:4px;transition:background .12s;display:flex}.project-row.active{color:#264f96;background:#e8eef9}.project-row:hover,.project-row:focus-within{background:#edf0f5}.project-row.active:hover,.project-row.active:focus-within{background:#e1eaf9}.project-open{text-align:left;border-radius:8px;flex:1;align-items:center;min-width:0;min-height:38px;padding:9px 10px;font-size:13px;line-height:20px;display:flex}.project-open>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-action.icon-button{opacity:0;color:#667389;flex-shrink:0;width:28px;height:28px}.project-row:hover .project-action,.project-row:focus-within .project-action,.project-action[data-open]{opacity:1}.project-rename{align-items:center;gap:2px;width:100%;padding:3px;display:flex}.project-rename input{border:1px solid #cad9f3;border-radius:5px;width:100%;min-width:0;padding:6px;font-size:13px}.project-rename .icon-button{flex-shrink:0}.project-menu,.layers-popover{--anchor-gap:6px;--anchor-padding:10px;z-index:65;border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:188px;padding:5px;box-shadow:0 8px 28px #2036501a}.project-menu button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;display:flex}.project-menu button[data-focus]{background:#f0f3f8}.project-menu .danger-action{color:#bc4545}.layers-toggle[data-open]{color:var(--blue);background:#edf2ff}.layers-popover{width:218px;padding:12px}.layers-popover h2{margin:2px 3px 7px;font-size:12px;font-weight:600}.layers-popover .layer-row{gap:10px;padding:9px 3px;font-size:13px}.layers-popover input{width:15px;height:15px;margin:0}.empty-canvas{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-canvas .assistant-mark{width:52px;height:52px;margin-bottom:22px}.empty-canvas h2{color:#556b8b;margin-bottom:12px;font-size:18px;font-weight:550}.empty-canvas p{color:#94a1b4;font-size:12px;line-height:1.9}.empty-canvas>span{color:#acb7c6;margin-top:24px;font-size:9px}.chat-composer .upload-zone{height:55px;margin-bottom:10px}.chat-composer .upload-button{flex-direction:row;gap:9px;height:54px;padding:8px}.chat-composer .upload-icon{border-radius:7px;width:30px;height:30px;margin:0}.chat-composer .upload-icon svg{width:18px;height:18px}.chat-composer .upload-button strong{margin:0;font-size:10px}.chat-composer .upload-button>span,.chat-composer .upload-button>small,.chat-composer .paste-hint{display:none}.chat-composer .upload-zone.has-sketch{background:#f8faff;border-style:solid;align-items:center;gap:8px;height:89px;padding:8px;display:flex}.chat-composer .has-sketch>img{object-fit:contain;background:#fff;border-radius:4px;width:70px;height:70px}.chat-composer .sketch-caption{background:0 0;border:0;flex:1;align-self:flex-start;min-width:0;padding:0}.chat-composer .replace-sketch{background:#fff;font-size:9px;inset:auto auto 13px 88px}.chat-composer .example-button{justify-content:center;align-items:center;gap:5px;padding:0 0 9px;font-size:10px;display:flex}.message-reference{margin:0 0 8px}.message-reference img{object-fit:contain;background:#fff;border-radius:4px;max-width:100%;height:110px;display:block}.message-reference figcaption{color:#8799b6;margin-top:4px;font-size:9px}.clear-settings{margin:16px auto 0;font-size:11px;display:flex}@media (width<=1100px) and (width>=761px){.project-title{max-width:180px}}@media (width<=700px){.app-header{gap:7px;padding:0 10px}.app-header .brand{gap:5px;font-size:18px}.app-header .header-actions{gap:6px}.canvas-toolbar{padding:0 10px}.canvas-tabs{gap:10px}.canvas-tools .icon-button{width:25px}.canvas-tools .tool-separator{margin:0 2px}.project-action.icon-button{opacity:1}.empty-canvas h2{font-size:15px}.empty-canvas p{font-size:11px}.project-title{max-width:90px}}@media (hover:none){.project-action.icon-button{opacity:1}}@media (width<=400px){.app-header .brand>span:last-child{display:none}.app-header,.app-header .header-actions{gap:4px}}.assistant-heading{height:65px;padding:14px 18px}.assistant-content{padding:18px;position:relative}.assistant-intro{margin-bottom:18px;padding-bottom:16px}.chat-message{margin-bottom:18px}.message-content{min-width:0;max-width:100%}.message-text{overflow-wrap:anywhere;white-space:normal;font-size:12px;line-height:1.7}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-text ul,.message-text ol{padding-left:20px}.message-text pre{background:#f4f6fa;border-radius:6px;max-width:100%;padding:10px;font-size:11px;overflow:auto}.message-text code{font-size:11px}.message-text a{color:var(--blue);text-decoration:underline}.message-text table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.message-text td,.message-text th{border:1px solid var(--line);padding:4px 7px}.message-actions{color:#8b97aa;gap:8px;margin-top:7px;font-size:10px;display:flex}.message-actions button{align-items:center;gap:4px;padding:3px;display:flex}.scroll-to-latest{border:1px solid var(--line);background:#fff;border-radius:50%;margin:0 auto;padding:8px;display:flex;position:sticky;bottom:0;box-shadow:0 3px 12px #24365615}.scroll-to-latest:disabled{display:none}.chat-composer{padding:10px 14px 12px}.composer-input{background:#fcfcfe;border-radius:12px}.composer-input textarea{color:#3f526d;resize:none;height:auto;min-height:58px;font-size:12px}.composer-bottom{gap:8px;padding:4px 8px 8px}.composer-bottom>span{margin-right:auto;font-size:9px}.composer-bottom button:first-child{color:#78879c;background:0 0}.composer-selection{color:#5372a8;background:#edf2ff;border-radius:6px;align-items:center;gap:6px;margin-bottom:7px;padding:5px 8px;font-size:10px;display:inline-flex}.composer-selection button{display:flex}.composer-attachments{flex-wrap:wrap;gap:6px;max-height:145px;display:flex;overflow:auto}.composer-attachments:empty{display:none}.composer-attachment{border:1px solid var(--line);color:#67788f;background:#fff;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:5px;padding:7px;font-size:11px;display:flex}.composer-attachment img{object-fit:cover;border-radius:4px;width:38px;height:38px}.composer-attachment>span{overflow-wrap:anywhere;flex:1;min-width:0}.composer-attachment small{margin-top:3px;font-size:9px;display:block}.composer-attachment.incomplete{color:#a0594e;border-color:#e4aaa0}.composer-attachment button{padding:4px;display:flex}.composer-dropzone[data-dragging=true]{background:#f3f6ff;border-radius:10px;outline:2px dashed #92aff0}.message-reference{max-width:100%}.message-reference figcaption{overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.message-reference small{color:#8795a9}@media (width<=700px){.assistant-heading{height:52px;padding:8px 14px}.object-tree{width:215px;height:170px;min-height:80px;max-height:calc(100% - 80px);top:40px}.canvas-selection{max-height:40%;bottom:42px}}