*{box-sizing:border-box}:root{--bg: #0f1012;--panel: #17181b;--panel-2: #1d1f23;--panel-3: #23262b;--border: #2b2e34;--border-strong: #3a3e45;--text: #e8eaed;--muted: #9197a1;--accent: #4c8dff;--accent-soft: rgba(76, 141, 255, .14);--danger: #ff5c5c;--success: #3ecf8e;--warning: #f5a623;--code-bg: #0e1117;--code-keyword: #c792ea;--code-string: #a5e075;--code-number: #f78c6c;--code-comment: #6f7b8c;--code-type: #82aaff;--code-function: #82aaff;--code-tag: #ffcb6b;--code-variable: #c9d4e5;--code-punctuation: #91a0b5;--radius: 8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color-scheme:dark}html[data-theme=light]{--bg: #f6f7fa;--panel: #ffffff;--panel-2: #f3f5f8;--panel-3: #e9edf3;--border: #dfe4ec;--border-strong: #cbd3df;--text: #18212d;--muted: #687383;--accent: #2f6fe4;--accent-soft: rgba(47, 111, 228, .09);--danger: #d14452;--success: #168b64;--warning: #a96c13;--code-bg: #f8fafc;--code-keyword: #8b36a8;--code-string: #297a3b;--code-number: #b45309;--code-comment: #8792a2;--code-type: #1d5eb8;--code-function: #2557a7;--code-tag: #9a5b00;--code-variable: #263342;--code-punctuation: #667085;color-scheme:light}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit}.theme-toggle{display:inline-flex;flex:0 0 auto;width:54px;height:26px;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);cursor:pointer;transition:border-color .18s ease,background .18s ease}.theme-toggle:hover{border-color:var(--border-strong);background:var(--panel-3)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle__track{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}.theme-toggle__thumb{position:absolute;inset:0 auto 0 0;width:50%;border-radius:999px;background:var(--panel);box-shadow:0 1px 4px #00000038,0 0 0 1px #ffffff0a inset;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.theme-toggle[data-current-theme=dark] .theme-toggle__thumb{transform:translate(100%)}.theme-toggle__icon{position:relative;z-index:1;display:grid;place-items:center;color:var(--muted);transition:color .18s ease}.theme-toggle[data-current-theme=light] .theme-toggle__icon--light,.theme-toggle[data-current-theme=dark] .theme-toggle__icon--dark{color:var(--accent)}html[data-theme=light] .theme-toggle__thumb{box-shadow:0 1px 4px #1a2a4024,0 0 0 1px #1227450a inset}@media (prefers-reduced-motion: reduce){.theme-toggle__thumb,.theme-toggle__icon{transition:none}}input,select,textarea{font-family:inherit;font-size:12px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=color]{padding:2px;height:28px;cursor:pointer}textarea{resize:vertical;line-height:1.5}label{color:var(--muted);font-size:11px}.app{display:flex;flex-direction:column;height:100vh}.topbar{height:48px;flex:0 0 48px;display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.2px}.topbar__logo{display:block;flex:0 0 auto;width:22px;height:22px;border-radius:6px;filter:drop-shadow(0 1px 5px rgba(0,0,0,.26))}.topbar__doc{width:160px;background:transparent;border-color:transparent;font-size:12px;color:var(--muted)}.topbar__doc:hover{border-color:var(--border)}.topbar__spacer{flex:1}.topbar__group{display:flex;align-items:center;gap:6px}.zoom-value{min-width:46px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.body{position:relative;flex:1;min-height:0;display:flex}.left-panel{width:360px;flex:0 0 360px;border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.left-panel__section{border-bottom:1px solid var(--border);min-height:0}.left-panel__section--grow{flex:1;display:flex;flex-direction:column;border-bottom:none}.right-panel{width:320px;flex:0 0 320px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:width .2s ease,flex-basis .2s ease,border-color .2s ease,opacity .16s ease}.right-panel--collapsed{width:0;flex-basis:0;border-left-color:transparent;opacity:0;pointer-events:none}.right-panel__tabs{position:relative}.right-panel__handle{position:relative;flex:0 0 20px;align-self:center;z-index:55;display:grid;width:20px;height:36px;padding:0;place-items:center;border:1px solid var(--border);border-right:0;border-radius:7px 0 0 7px;background:var(--panel-2);color:var(--muted);font:14px/1 system-ui,sans-serif;cursor:pointer;transition:background .15s ease,color .15s ease}.right-panel__handle:hover{border-color:var(--border-strong);background:var(--panel-3);color:var(--text)}.right-panel__handle--collapsed{box-shadow:0 6px 18px #0003}.screen-list__retry-note{display:flex;flex-direction:column;gap:3px;margin:8px 10px;padding:9px 10px;border:1px solid rgba(239,172,75,.24);border-radius:8px;background:#efac4b12;color:var(--muted);font-size:10px;line-height:1.45}.screen-list__retry-note strong{color:#f0bd68;font-size:11px}.left-panel__chat{min-height:250px}.chat-panel{display:flex;min-height:0;flex:1;flex-direction:column}.chat-panel__messages{flex:1;min-height:160px}.chat-panel__composer{display:flex;flex-direction:column;gap:9px;padding:16px 16px max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,black)}.chat-panel__target{margin:0;font-size:11px;line-height:1.45}.chat-panel__scope-note{margin-top:-3px;color:color-mix(in srgb,var(--muted) 78%,transparent);font-size:10.5px;line-height:1.45}.chat-panel__input{width:100%;min-height:118px;max-height:220px;padding:12px 13px;resize:vertical;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-size:13px;line-height:1.55}.chat-panel__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-panel__actions{display:flex;gap:8px}.chat-panel__actions .btn{min-height:44px;font-size:13px}.chat-panel__actions .btn--primary{flex:1}.right-panel__layers{display:flex;min-height:0;flex:1;flex-direction:column}.right-panel__layer-tree{min-height:0;flex:1;overflow:auto}[data-tooltip]{position:relative}[data-tooltip]:after{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:700;max-width:220px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:6px;background:color-mix(in srgb,var(--panel-2) 96%,black);color:var(--text);content:attr(data-tooltip);font-size:11px;font-weight:500;line-height:1.35;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,3px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}[data-tooltip][data-tooltip-placement=bottom]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-3px)}[data-tooltip][data-tooltip-placement=left]:after{top:50%;right:calc(100% + 8px);bottom:auto;left:auto;transform:translate(3px,-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}[data-tooltip][data-tooltip-placement=left]:hover:after,[data-tooltip][data-tooltip-placement=left]:focus-visible:after{transform:translateY(-50%)}.stage-column{flex:1;min-width:0;display:flex;flex-direction:column}.stage-modebar{min-height:48px;padding:7px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:var(--panel)}.stage-modebar>div:first-child{display:grid;gap:2px}.stage-modebar strong{font-size:12px}.stage-modebar span{color:var(--muted);font-size:10px}.stage-modebar__actions{display:flex;padding:2px;border:1px solid var(--border);border-radius:7px}.stage-modebar__actions button{border:0;padding:6px 10px;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.stage-modebar__actions button.active{background:var(--accent-soft);color:var(--accent)}.stage-wrap{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;background-color:#0b0c0e;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;cursor:default}.stage-wrap--sandbox{padding:22px;align-items:center;justify-content:center}.code-sandbox{position:relative;width:100%;min-height:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 16px 48px #0000006b}.code-sandbox iframe{width:100%;height:100%;border:0;display:block;background:#fff}.code-sandbox--desktop{width:100%;height:100%}.code-sandbox--mobile{flex:0 0 auto;width:390px;height:844px;max-width:100%;max-height:100%;border:8px solid #17191d;border-radius:34px;box-shadow:0 20px 56px #00000080,inset 0 0 0 1px #ffffff14}.code-sandbox--tablet{flex:0 0 auto;width:834px;height:768px;max-width:100%;max-height:100%;border:9px solid #17191d;border-radius:24px}.code-sandbox--framed{flex:0 0 auto;max-width:100%;max-height:100%;width:max-content;height:max-content;min-width:320px;min-height:240px;border:1px solid #282c34;border-radius:18px;box-shadow:0 18px 54px #0000006b}.code-sandbox__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#667085;background:#fff;z-index:1}.code-sandbox__loading>div{display:flex;flex-direction:column;gap:4px;max-width:320px}.code-sandbox__loading strong{color:#344054;font-size:13px;font-weight:650}.code-sandbox__loading small{color:#98a2b3;font-size:11px;line-height:1.55}.code-sandbox-placeholder{display:flex;width:min(560px,calc(100% - 48px));min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--muted);text-align:center}.code-sandbox-placeholder strong{color:var(--text);font-size:16px}.code-sandbox-placeholder span:not(.mini-spinner){font-size:12px;line-height:1.55}.code-sandbox__runtime-error{position:absolute;left:16px;right:16px;bottom:16px;max-height:35%;overflow:auto;margin:0;padding:12px;border-radius:8px;background:#fff1f0f5;color:#a61d24;font:11px/1.5 ui-monospace,monospace;z-index:3}.code-sandbox__error-panel{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(255,106,106,.32);border-radius:12px;background:#1f0c10f5;color:#ffd6d6;box-shadow:0 18px 52px #00000073}.code-sandbox__error-copy{display:flex;flex-direction:column;gap:3px}.code-sandbox__error-copy strong{color:#fff;font-size:13px}.code-sandbox__error-copy span{color:#d7b8ba;font-size:11px;line-height:1.5}.code-sandbox__error-panel details{min-width:0;color:#d7b8ba;font-size:10px}.code-sandbox__error-panel summary{cursor:pointer;-webkit-user-select:none;user-select:none}.code-sandbox__error-panel pre{max-height:150px;overflow:auto;margin:8px 0 0;padding:9px;border-radius:7px;background:#00000052;color:#ffc5c5;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.code-sandbox__error-actions{display:flex;justify-content:flex-end;gap:7px}.code-panel{min-height:0;flex:1;display:flex;flex-direction:column;padding:12px;gap:10px}.code-panel__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.code-panel__meta>div{display:grid;gap:3px}.code-panel__meta strong{font-size:12px}.code-panel__meta span,.code-panel p{color:var(--muted);font-size:10px;line-height:1.5;margin:0}.code-panel__highlight-action{flex:0 0 auto}.code-panel textarea,.code-panel__editor-shell{flex:1;min-height:260px;border:1px solid var(--border);border-radius:8px;background:var(--code-bg)}.code-panel textarea{resize:none;padding:12px;color:var(--code-variable);font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;-moz-tab-size:2;tab-size:2}.code-panel__editor-shell{overflow:hidden}.code-panel__editor{height:100%;min-height:0}.code-panel__highlight-error{color:var(--warning)}.code-panel__diagnostic{padding:8px 10px;border-radius:7px;background:#22a06b1f;color:#42c98b;font:10px/1.45 ui-monospace,monospace;white-space:pre-wrap;max-height:100px;overflow:auto}.code-panel__diagnostic.error{background:#d930251f;color:#ff8278}.code-panel>.btn{align-self:flex-end}.canvas-transform{position:relative;flex:0 0 auto;transform-origin:center center;will-change:transform}.canvas-surface{position:relative;box-shadow:0 12px 48px #00000080;overflow:hidden}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9aa0aa;pointer-events:none;font-size:13px}.canvas-empty strong{font-size:15px;color:#c2c7cf;font-weight:500}.panel-header{height:38px;flex:0 0 38px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text)}.panel-header__count{color:var(--muted);font-weight:400;font-size:11px}.panel-header__spacer{flex:1}.panel-body{overflow:auto;padding:12px;min-height:0}.panel-body--flush{padding:0}.chat-message{animation:chat-message-in .16s ease-out both}.chat-message--pending{align-self:flex-start;max-width:88%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);font-size:12px;line-height:1.5}.chat-pending__row{display:flex;align-items:center;gap:7px}.chat-pending__row>span:nth-child(2){flex:1;min-width:0}.chat-thinking{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;height:12px}.chat-thinking i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:chat-thinking-bounce 1s ease-in-out infinite}.chat-thinking i:nth-child(2){animation-delay:.14s}.chat-thinking i:nth-child(3){animation-delay:.28s}.chat-pending__time{flex:0 0 auto;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.chat-pending__hint{margin-top:5px;padding-left:25px;color:var(--muted);font-size:10.5px;line-height:1.4}@keyframes chat-message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-thinking-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.chat-message,.chat-thinking i{animation:none}}.tabs{display:flex;gap:2px;padding:8px 8px 0;border-bottom:1px solid var(--border)}.tab{flex:1;padding:7px 4px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;cursor:pointer}.tab--active{color:var(--text);border-bottom-color:var(--accent)}.tab__badge{margin-left:4px;padding:0 5px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:12px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn--primary:hover:not(:disabled){background:#5f9bff;border-color:#5f9bff}.btn--ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--panel-2);border-color:transparent}.btn--danger{color:var(--danger);border-color:#ff5c5c59;background:#ff5c5c14}.btn--danger-solid{color:#fff;border-color:var(--danger);background:var(--danger);font-weight:500}.btn--danger-solid:hover:not(:disabled){border-color:#ff7575;background:#ff7575}.btn--block{width:100%}.btn--sm{height:24px;padding:0 7px;font-size:11px}.icon-btn{width:28px;height:28px;display:inline-grid;place-items:center;padding:0;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.field--row{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-row{display:flex;align-items:center;gap:6px}.field-row>input{flex:1;min-width:0}.section{padding:12px;border-bottom:1px solid var(--border)}.section:last-child{border-bottom:none}.section__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.hint{color:var(--muted);font-size:11px;line-height:1.5}.hint--error{color:var(--danger)}.hint--warning{color:var(--warning)}.hint--success{color:var(--success)}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;background:var(--panel-3);color:var(--muted);font-size:10px}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--danger{background:#ff5c5c1f;color:var(--danger)}.divider{height:1px;background:var(--border);margin:10px 0}.generation-progress{display:flex;flex-direction:column;gap:7px;padding:10px 12px 12px}.generation-progress .status-line{margin-top:0}.generation-progress__meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10.5px;font-variant-numeric:tabular-nums}.status-line{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.dot--live{background:var(--accent);animation:pulse 1.1s infinite}.dot--error{background:var(--danger)}.dot--mock{background:var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.error-box{margin-top:8px;padding:8px;border-radius:6px;background:#ff5c5c14;border:1px solid rgba(255,92,92,.25);color:#ffb3b3;font-size:11px;line-height:1.5;white-space:pre-wrap;max-height:160px;overflow:auto}.variant-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.variant{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);cursor:pointer}.variant:hover{border-color:var(--border-strong)}.variant--active{border-color:var(--accent);background:var(--accent-soft)}.variant__thumb{width:52px;height:34px;border-radius:4px;background:#fff;position:relative;overflow:hidden;flex:0 0 52px}.variant__thumb span{position:absolute;background:#1677ff;border-radius:1px}.variant__meta{min-width:0;flex:1}.variant__label{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant__sub{margin-top:2px;font-size:10px;color:var(--muted)}.tree{padding:6px}.tree-node__row{display:flex;align-items:center;gap:4px;height:26px;padding:0 6px 0 0;border-radius:5px;color:var(--muted);cursor:default;-webkit-user-select:none;user-select:none}.tree-node__row:hover{background:var(--panel-2);color:var(--text)}.tree-node__row--selected{background:var(--accent-soft);color:var(--text)}.tree-node__caret{width:14px;height:14px;display:grid;place-items:center;color:var(--muted);cursor:pointer;flex:0 0 14px}.tree-node__caret--hidden{visibility:hidden}.tree-node__icon{width:14px;height:14px;flex:0 0 14px;color:var(--muted)}.tree-node__name{flex:1;min-width:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-tree__preview{color:var(--muted);font-size:10px}.code-inspector__identity{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.code-inspector__identity strong{color:var(--text);font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.code-inspector__identity span{color:var(--muted);font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.code-style-values{display:flex;flex-direction:column;gap:5px}.code-style-value{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;min-height:24px;color:var(--muted);font-size:10px}.code-style-value code{overflow:hidden;padding:3px 6px;border-radius:5px;background:var(--panel-2);color:var(--text);font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.tree-node__tag{font-size:9px;color:var(--muted);opacity:.7}.page-device-tag{display:inline-flex;flex:0 0 auto;align-items:center;height:16px;padding:0 5px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:9px;font-weight:650;line-height:1;letter-spacing:.01em}.page-device-tag--desktop{border-color:#4c8dff33;background:#4c8dff12;color:#86adff}.page-device-tag--mobile{border-color:#2dccab38;background:#2dccab12;color:#62d9be}.page-device-tag--tablet{border-color:#a375ff38;background:#925ff613;color:#b696ff}.page-device-tag--graphic,.page-device-tag--icon{border-color:#efac4b38;background:#efac4b13;color:#f0bd68}.page-device-tag--tab{height:14px;padding:0 4px;font-size:8px}.tree-empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:11px;line-height:1.6}.sel-overlay{position:absolute;pointer-events:none;border:1px solid var(--accent);z-index:50}.sel-overlay--hover{border-color:#4c8dff8c}.sel-label{position:absolute;top:-18px;left:-1px;padding:1px 5px;border-radius:3px;background:var(--accent);color:#fff;font-size:9px;white-space:nowrap;pointer-events:none}.sel-handle{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border:1px solid var(--accent);border-radius:2px;pointer-events:auto}.sel-handle--nw{left:0;top:0;cursor:nwse-resize}.sel-handle--n{left:50%;top:0;cursor:ns-resize}.sel-handle--ne{left:100%;top:0;cursor:nesw-resize}.sel-handle--e{left:100%;top:50%;cursor:ew-resize}.sel-handle--se{left:100%;top:100%;cursor:nwse-resize}.sel-handle--s{left:50%;top:100%;cursor:ns-resize}.sel-handle--sw{left:0;top:100%;cursor:nesw-resize}.sel-handle--w{left:0;top:50%;cursor:ew-resize}.layer-node--missing-token{outline:1px dashed rgba(245,166,35,.7);outline-offset:-1px}.layer-node--hover{outline:1px solid rgba(76,141,255,.45);outline-offset:-1px}.text-editor{outline:2px solid var(--accent);outline-offset:2px;cursor:text;white-space:pre-wrap}.bind-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.bind-row>label{width:56px;flex:0 0 56px}.bind-row>input,.bind-row>select{flex:1;min-width:0}.bind-row>input[type=color]{flex:0 0 30px;width:30px}.binding-missing{border-color:var(--warning)!important}.segmented{display:flex;gap:2px;padding:2px;background:var(--panel-2);border-radius:6px}.segmented button{flex:1;height:24px;border:none;border-radius:4px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.segmented button.active{background:var(--panel-3);color:var(--text)}.token-system-bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}.token-system-bar select{flex:1;min-width:0}.token-group{border-bottom:1px solid var(--border)}.token-group__title{padding:8px 12px 4px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.token-row{display:flex;align-items:center;gap:6px;padding:4px 12px;min-height:30px}.token-row:hover{background:var(--panel-2)}.token-row__swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.15);flex:0 0 14px}.token-row__name{flex:1;min-width:0;font-size:11px;font-family:SF Mono,ui-monospace,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-row__value{width:78px;flex:0 0 78px;text-align:right;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10.5px;background:transparent;border-color:transparent;color:var(--muted)}.token-row__value:hover,.token-row__value:focus{background:var(--panel-3);border-color:var(--border);color:var(--text)}.token-row__type{flex:0 0 auto}.import-errors{margin:8px 12px;padding:8px;border-radius:6px;background:#ff5c5c14;border:1px solid rgba(255,92,92,.25);max-height:160px;overflow:auto}.import-errors div{color:#ffb3b3;font-size:10.5px;line-height:1.6;font-family:SF Mono,ui-monospace,Menlo,monospace;word-break:break-all}.match-stats{display:flex;gap:8px;margin-bottom:10px}.match-stat{flex:1;padding:8px;border-radius:6px;background:var(--panel-2);text-align:center}.match-stat strong{display:block;font-size:16px;font-weight:600}.match-stat span{font-size:10px;color:var(--muted)}.match-stat--ok strong{color:var(--success)}.match-stat--warn strong{color:var(--warning)}.match-list{display:flex;flex-direction:column;gap:6px}.match-item{padding:7px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2)}.match-item__head{display:flex;align-items:center;gap:6px;font-size:11px}.match-item__layer{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-item__prop{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px;color:var(--muted)}.match-item__value{margin-top:3px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:auto;border-radius:12px;border:1px solid var(--border-strong);background:var(--panel);box-shadow:0 24px 80px #0009}.modal__header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600}.modal__header .icon-btn{margin-left:auto}.modal__header-guide{margin-left:6px;font-weight:500}.modal__body{padding:16px}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:24px;background:#050608b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:confirm-fade-in .14s ease-out}.confirm-dialog{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 14px;width:min(440px,calc(100vw - 32px));padding:22px;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(180deg,#1b1d21,#17181b);box-shadow:0 28px 90px #000000ad;animation:confirm-pop-in .16s ease-out}.confirm-dialog__symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,92,92,.32);border-radius:50%;background:#ff5c5c1a;color:var(--danger);font-size:18px;font-weight:700}.confirm-dialog__symbol--primary{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:var(--accent-soft);color:var(--accent)}.confirm-dialog__content h2{margin:1px 0 0;color:var(--text);font-size:15px;font-weight:600;line-height:1.45}.confirm-dialog__description{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.confirm-dialog__description strong{color:var(--text);font-weight:600}.confirm-dialog__footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid var(--border)}@keyframes confirm-fade-in{0%{opacity:0}}@keyframes confirm-pop-in{0%{opacity:0;transform:translateY(4px) scale(.985)}}@media (prefers-reduced-motion: reduce){.confirm-backdrop,.confirm-dialog{animation:none}}.notice-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent-soft);border-bottom:1px solid rgba(76,141,255,.25);color:#b9d1ff;font-size:11.5px}.notice-bar--warning{background:#f5a6231a;border-bottom-color:#f5a6234d;color:#ffd699}.notice-bar--error{background:#ff5c5c1a;border-bottom-color:#ff5c5c4d;color:#ffb3b3}.notice-bar__spacer{flex:1}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);width:220px;padding:5px;border-radius:8px;border:1px solid var(--border-strong);background:var(--panel-2);box-shadow:0 16px 40px #00000080;z-index:120}.menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:7px 8px;border:none;border-radius:5px;background:transparent;color:var(--text);font-size:12px;text-align:left;cursor:pointer}.menu button:hover{background:var(--panel-3)}.menu button span{color:var(--muted);font-size:10px}.menu button .menu__title{display:flex;align-items:center;gap:6px;color:var(--text);font-size:12px}.menu__beta{display:inline-flex;align-items:center;height:15px;padding:0 5px;border:1px solid rgba(76,141,255,.32);border-radius:999px;background:#4c8dff1a;color:#8db4ff;font-size:8px;font-weight:650;line-height:1;letter-spacing:.02em}.menu__sep{height:1px;margin:4px 2px;background:var(--border)}.menu__note{margin:5px 6px 4px;color:var(--muted);font-size:9.5px;line-height:1.55}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#33373d;border:3px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#444a52;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.gen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#080a0e94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gen-card{width:320px;max-width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 22px 18px;border-radius:12px;border:1px solid var(--border-strong);background:var(--panel);box-shadow:0 24px 70px #0000008c;text-align:center}.gen-spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);animation:gen-spin .9s linear infinite}@keyframes gen-spin{to{transform:rotate(360deg)}}.gen-title{font-size:14px;font-weight:600}.gen-stage{font-size:11.5px;color:var(--muted);line-height:1.5;min-height:18px}.gen-scopes{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.gen-scope{display:inline-flex;align-items:center;gap:5px;min-height:21px;padding:0 7px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:9.5px;font-variant-numeric:tabular-nums}.gen-scope strong{color:var(--text);font-weight:520}.gen-scope em{font-style:normal;opacity:.82}.gen-scope i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--border-strong)}.gen-scope--planning,.gen-scope--generating{border-color:#558bff3d;background:var(--accent-soft)}.gen-scope--planning i,.gen-scope--generating i{background:var(--accent)}.gen-scope--done i{background:var(--success)}.gen-scope--failed{border-color:#ff5c5c33}.gen-scope--failed i{background:#ff9b9b}.gen-progress{width:100%;height:4px;margin-top:2px;border-radius:4px;background:var(--panel-3);overflow:hidden}.gen-progress span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.gen-progress--indeterminate span{width:35%;animation:gen-indeterminate 1.3s ease-in-out infinite}@keyframes gen-indeterminate{0%{transform:translate(-110%)}to{transform:translate(310%)}}.gen-meta{width:100%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.gen-tip{color:var(--muted);font-size:10.5px}.gen-pages{width:100%;max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:4px;margin-top:4px;text-align:left}.gen-surface-group{display:flex;flex-direction:column;gap:4px}.gen-surface-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:6px;min-height:24px;padding:2px 6px;border-radius:5px;background:var(--panel);color:var(--muted);font-size:10.5px}.gen-surface-head strong{color:var(--text);font-weight:540}.gen-surface-head__meta{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.gen-surface-head--planning,.gen-surface-head--generating{background:var(--accent-soft)}.gen-page{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;background:var(--panel-2);font-size:11px}.gen-page--generating{background:var(--accent-soft)}.gen-page--failed{background:#ff5c5c1a}.gen-page__icon{width:14px;flex:0 0 14px;text-align:center;color:var(--muted);font-size:10px}.gen-page--done .gen-page__icon{color:var(--success)}.gen-page--failed .gen-page__icon{color:var(--danger)}.gen-page__title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-page__status{color:var(--muted);font-size:10px}.mini-spinner{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:gen-spin .9s linear infinite}.save-indicator{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:10px;background:var(--panel-2);color:var(--muted);font-size:10.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.save-indicator__dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--muted)}.save-indicator--saved .save-indicator__dot{background:var(--success)}.save-indicator--saving .save-indicator__dot{background:var(--accent);animation:pulse 1.1s infinite}.save-indicator--error{color:var(--danger);background:#ff5c5c1a}.save-indicator--error .save-indicator__dot{background:var(--danger)}.modal--wide{width:900px}.modal--model-manager{width:min(900px,calc(100vw - 32px));height:auto;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.modal--model-manager .modal__header,.modal--model-manager .modal__footer{flex:0 0 auto}.modal--model-manager .modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.model-connection-note{display:flex;align-items:flex-start;gap:8px;margin:8px 0 10px;padding:8px 10px;border:1px solid rgba(76,141,255,.22);border-radius:8px;background:#4c8dff0f;color:var(--muted);font-size:10.5px;line-height:1.6}.model-connection-note__badge{flex:0 0 auto;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.04em}html[data-theme=light] .model-connection-note{background:#2f6fe40f}.model-manager__list{max-height:360px;overflow-y:auto;padding-right:6px;scrollbar-gutter:stable}.model-wizard{padding-top:4px}.model-wizard__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.model-wizard__step{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer}.model-wizard__step:disabled{cursor:default;opacity:.48}.model-wizard__step.is-active{background:var(--panel);color:var(--text);box-shadow:0 1px 5px #00000014}.model-wizard__step.is-complete{color:var(--accent)}.model-wizard__number{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:inherit;font-size:10px}.model-wizard__step.is-active .model-wizard__number,.model-wizard__step.is-complete .model-wizard__number{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.model-wizard__panel{animation:model-wizard-enter .16s ease-out}@keyframes model-wizard-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.model-wizard__intro{margin-bottom:18px}.model-wizard__intro h3{margin:5px 0 7px;color:var(--text);font-size:18px;line-height:1.3}.model-wizard__intro p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.model-wizard__eyebrow{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.model-wizard__advanced{margin-top:10px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.model-wizard__advanced summary{padding:10px 12px;color:var(--muted);font-size:11px;cursor:pointer}.model-wizard__advanced[open] summary{border-bottom:1px solid var(--border);color:var(--text)}.model-wizard__advanced>:not(summary){margin:10px 12px}.model-wizard__discovered{padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.model-wizard__model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:174px;overflow-y:auto;scrollbar-gutter:stable}.model-wizard__model-option{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border:1px solid transparent;border-radius:7px;color:var(--text);font-size:11px;cursor:pointer}.model-wizard__model-option:hover{border-color:var(--border);background:var(--panel)}.model-wizard__model-option.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent),0 0 14px var(--accent-soft)}.model-wizard__model-option.is-selected:hover{border-color:var(--accent);background:var(--accent-soft)}.model-wizard__model-option.is-selected input[type=checkbox]{accent-color:var(--accent)}.model-wizard__model-option.is-added{cursor:default;opacity:.7}.model-wizard__model-option>span:first-of-type{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.model-wizard__empty{padding:16px;border:1px dashed var(--border);border-radius:9px;color:var(--muted);font-size:11px;text-align:center}.model-manager__row{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.model-manager__row.is-selected{border-color:var(--accent);background:var(--accent-soft)}.model-manager__row.is-default{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.model-manager__identity{flex:1;min-width:150px}.model-manager__name-row{display:flex;align-items:center;gap:6px;min-width:0}.model-manager__name-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.model-manager__toggle{display:flex;align-items:center;gap:4px;flex:0 0 auto}.model-manager__concurrency{width:50px}.model-manager__test-state{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-wizard__finish-card{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.model-wizard__switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;color:var(--text);cursor:pointer}.model-wizard__switch-row+.model-wizard__switch-row{border-top:1px solid var(--border)}.model-wizard__switch-row span{display:flex;flex-direction:column;gap:3px}.model-wizard__switch-row strong{font-size:12px}.model-wizard__switch-row small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.5}.model-wizard__switch-row>input[type=number]{width:64px;flex:0 0 64px}.model-wizard__summary{display:grid;grid-template-columns:.7fr 1fr 1.6fr;gap:8px;margin-top:16px}.model-wizard__summary>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2)}.model-wizard__summary span{color:var(--muted);font-size:9px;letter-spacing:.03em}.model-wizard__summary strong{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.model-wizard__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-backdrop--nested{z-index:450}.modal--manual-model{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.modal--manual-model__body{flex:1 1 auto;min-height:0;overflow-y:auto}@media (max-width: 720px){.model-wizard__step{padding:8px 5px}.model-wizard__model-options,.model-wizard__summary{grid-template-columns:1fr}.model-manager__row{align-items:flex-start;flex-wrap:wrap}.model-wizard__footer{align-items:flex-start;flex-direction:column}}.inspect-toolbar{display:flex;align-items:center;gap:2px;padding:4px 8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.inspect-section{border-bottom:1px solid var(--border)}.inspect-section__head{display:flex;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.inspect-section__head:hover{color:var(--text)}.inspect-section__spacer{flex:1}.inspect-section__body{padding:0 12px 12px}.inspect-caret{display:inline-block;width:10px;font-size:9px;transition:transform .15s ease}.inspect-caret.open{transform:rotate(90deg)}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspect-slider{display:flex;align-items:center;gap:8px}.inspect-slider input[type=range]{flex:1;accent-color:var(--accent)}.inspect-slider input[type=number]{width:56px}.color-swatch-row{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:22px;height:22px;border-radius:5px;border:1px solid rgba(255,255,255,.15);cursor:pointer;padding:0}.app-root{height:100%}.app-boot{display:flex;height:100%;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px}.topbar__back{flex:0 0 auto;padding-left:7px}.chevron-icon{display:block;flex:0 0 auto}.icon-btn--active{color:var(--accent);background:var(--accent-soft);border-color:#4c8dff73}.screen-batch-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--panel-2)}.screen-batch-bar__spacer{flex:1}.screen-select-box{width:13px;height:13px;margin:0;padding:0;accent-color:var(--accent)}.project-overview{height:100vh;overflow-y:auto;background:radial-gradient(900px 520px at 12% -10%,rgba(76,141,255,.16),transparent 62%),radial-gradient(780px 520px at 88% 0%,rgba(155,107,255,.12),transparent 58%),var(--bg)}.project-overview__header{position:sticky;top:0;z-index:20;height:62px;display:flex;align-items:center;gap:14px;padding:0 30px;border-bottom:1px solid var(--border);background:#0f1012db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-overview__brand{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}.project-overview__brand:hover strong{color:#a9c6ff}.project-overview__brand>div{display:flex;flex-direction:column;gap:1px}.project-overview__brand strong{font-size:14px;letter-spacing:.2px}.project-overview__brand span:not(.topbar__logo){color:var(--muted);font-size:10px}.project-overview__spacer{flex:1}.project-overview__main{width:min(1180px,100%);margin:0 auto;padding:54px 30px 90px}.project-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:34px}.project-hero__eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.22em}.project-hero h1{margin:8px 0 10px;font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.04em}.project-hero p{max-width:620px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.project-hero__stats{display:flex;gap:10px}.project-hero__stats>div{min-width:88px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#17181bb8}.project-hero__stats strong,.project-hero__stats span{display:block}.project-hero__stats strong{font-size:22px;font-variant-numeric:tabular-nums}.project-hero__stats span{margin-top:2px;color:var(--muted);font-size:10px}.project-create{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;margin-bottom:28px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,#23262be0,#17181bcc);box-shadow:0 18px 45px #0000002e}.project-create>div:first-child{display:flex;flex-direction:column;gap:4px}.project-create strong{font-size:13px}.project-create span{color:var(--muted);font-size:11px}.project-create__form{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.project-create__form input{width:min(340px,100%);height:34px;padding:0 12px}.project-demo-banner{display:flex;align-items:flex-start;gap:12px;margin:-8px 0 18px;padding:13px 16px;border:1px solid rgba(76,141,255,.3);border-radius:12px;background:linear-gradient(135deg,#4c8dff1c,#17181b8c)}.project-demo-banner__badge{flex:0 0 auto;padding:2px 7px;border:1px solid rgba(76,141,255,.35);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.04em}.project-demo-banner>div{display:flex;min-width:0;flex-direction:column;gap:3px}.project-demo-banner strong{font-size:12px}.project-demo-banner span{color:var(--muted);font-size:10.5px;line-height:1.6}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;margin:-8px 0 18px;padding:9px 12px 9px 16px;border:1px solid var(--border);border-radius:12px;background:#17181b94}.project-toolbar--managing{border-color:#4c8dff5c;background:#4c8dff0e}.project-toolbar__summary{display:flex;align-items:baseline;gap:10px;min-width:0}.project-toolbar__summary strong{font-size:12px;white-space:nowrap}.project-toolbar__summary span{color:var(--muted);font-size:10.5px;font-variant-numeric:tabular-nums}.project-toolbar__actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.project-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#1d1f23fa,#17181bfa);box-shadow:0 15px 45px #00000030;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-3px);border-color:#4c8dff80;box-shadow:0 22px 55px #00000047}.project-card--managing:hover{transform:none}.project-card--selected{border-color:#4c8dffb8;box-shadow:0 0 0 1px #4c8dff3d inset,0 20px 52px #00000042}.project-card--selected .project-card__footer{color:#a9c6ff;background:#4c8dff17}.project-card--busy{pointer-events:none}.project-card--demo{border-color:#4c8dff47}.project-card--demo .project-card__preview{background:linear-gradient(160deg,#4c8dff24,#15171be6)}.project-card__preview{position:relative;height:158px;padding:22px 20px 0;overflow:hidden;background:linear-gradient(145deg,rgba(76,141,255,.12),transparent 55%),#101216;border-bottom:1px solid var(--border)}.project-card__select{position:absolute;top:12px;left:14px;z-index:2;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--border-strong);border-radius:6px;background:#0f1012d1;color:#fff;font-size:12px;font-weight:700;line-height:1}.project-card__select--checked{border-color:var(--accent);background:var(--accent)}.project-card__mini-bar,.project-card__mini-body{width:84%;margin:0 auto;border:1px solid #343841;background:#1a1c21}.project-card__mini-bar{height:18px;display:flex;align-items:center;gap:4px;padding:0 7px;border-bottom:0;border-radius:7px 7px 0 0}.project-card__mini-bar span{width:5px;height:5px;border-radius:50%;background:#4c515c}.project-card__mini-body{height:118px;display:flex;border-radius:0 0 7px 7px}.project-card__mini-nav{width:23%;border-right:1px solid #2c3037;background:#16181c}.project-card__mini-content{flex:1;display:flex;flex-direction:column;gap:9px;padding:16px}.project-card__mini-content span{height:8px;border-radius:4px;background:#2f343d}.project-card__mini-content span:nth-child(2){width:72%;background:#3a4150}.project-card__mini-content span.short{width:46%}.project-card__preview--tablet .project-card__mini-bar,.project-card__preview--tablet .project-card__mini-body{width:58%}.project-card__preview--mobile .project-card__mini-bar,.project-card__preview--mobile .project-card__mini-body{width:35%}.project-card__preview--mobile .project-card__mini-nav{display:none}.project-card__tags{position:absolute;top:12px;right:14px;display:flex;max-width:68%;flex-wrap:wrap;justify-content:flex-end;gap:4px}.project-card__device{padding:3px 7px;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);background:#0f1012b3;font-size:9px}.project-card__body{padding:15px 16px 13px}.project-card__title-row{display:flex;align-items:center;gap:8px}.project-card__title-row h2{min-width:0;flex:1;margin:0;overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-card__demo-badge{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(76,141,255,.35);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:600}.project-card__rename{min-width:0;flex:1;height:26px;padding:0 7px;font-size:13px}.project-card__menu{display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.project-card:hover .project-card__menu,.project-card:focus-within .project-card__menu{opacity:1}.project-card__delete:hover:not(:disabled){color:var(--danger);border-color:#ff5c5c66}.project-card__meta{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted);font-size:10px}.project-card__meta span+span:before{content:"·";margin-right:8px;color:var(--border-strong)}.project-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:11px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.project-card:hover .project-card__footer{color:var(--accent);background:#4c8dff0d}.project-card__footer .chevron-icon{transition:transform .15s ease}.project-card:hover .project-card__footer .chevron-icon{transform:translate(2px)}.screen-tab-close{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font-size:13px;line-height:1;cursor:pointer;opacity:.62}.screen-tab-close:hover{background:#ff5c5c1f;color:var(--danger);opacity:1}.tab-context-menu{position:fixed;z-index:350;width:208px;padding:5px;border:1px solid var(--border-strong);border-radius:10px;background:#1a1c20;box-shadow:0 18px 52px #0000009e;animation:tab-menu-in .12s ease-out}.tab-context-menu__header{margin-bottom:4px;padding:7px 9px 8px;overflow:hidden;border-bottom:1px solid var(--border);color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tab-context-menu__item{display:flex;align-items:center;width:100%;height:29px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:12px;text-align:left;cursor:pointer}.tab-context-menu__item:hover:not(:disabled),.tab-context-menu__item:focus-visible{outline:none;background:var(--panel-3)}.tab-context-menu__item:disabled{color:var(--muted);opacity:.38;cursor:not-allowed}.tab-context-menu__count{margin-left:auto;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.tab-context-menu__divider{height:1px;margin:4px 3px;background:var(--border)}.onboarding-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600}.onboarding-layer--center{background:#050608c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.onboarding-spotlight{position:fixed;border:1px solid rgba(76,141,255,.68);border-radius:12px;box-shadow:0 0 0 9999px #040507c2,0 0 0 4px #4c8dff17,0 0 34px #4c8dff24;pointer-events:none;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease}.onboarding-card{position:fixed;width:min(370px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:19px 20px 18px;border:1px solid rgba(76,141,255,.34);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(76,141,255,.1),transparent 38%),linear-gradient(160deg,#1d2026,#17181b 58%);box-shadow:0 28px 90px #0000009e,0 0 0 1px #ffffff05 inset;outline:none;transition:left .18s ease,top .18s ease}.onboarding-card--welcome{width:min(430px,calc(100vw - 32px));padding:25px 26px 22px}.onboarding-card__top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.onboarding-card__eyebrow{color:#8bb5ff;font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.onboarding-card__skip{margin-left:auto;padding:3px 6px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.onboarding-card__skip:hover{background:var(--panel-3);color:var(--text)}.onboarding-card__mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:15px;border-radius:13px;background:linear-gradient(135deg,#4c8dff,#9b6bff);box-shadow:0 12px 30px #4c8dff3d;color:#fff;font-size:23px;font-weight:650}.onboarding-card h2{margin:0;color:var(--text);font-size:20px;font-weight:620;letter-spacing:-.02em;line-height:1.35}.onboarding-card--welcome h2{font-size:23px}.onboarding-card__description{margin:9px 0 0;color:#aeb5c0;font-size:12px;line-height:1.75}.onboarding-card__tips{display:flex;flex-direction:column;gap:7px;margin:14px 0 0;padding:12px 13px;border:1px solid var(--border);border-radius:9px;background:#0f101261;list-style:none}.onboarding-card__tips li{position:relative;padding-left:13px;color:var(--muted);font-size:11px;line-height:1.55}.onboarding-card__tips li:before{position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:50%;background:var(--accent);content:""}.onboarding-card__footer{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.onboarding-card__progress{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.onboarding-card__dots{display:flex;gap:4px}.onboarding-card__dots i{display:block;width:13px;height:2px;border-radius:999px;background:var(--border-strong);transition:background .16s ease}.onboarding-card__dots i.is-active{background:var(--accent)}.onboarding-card__actions{display:flex;justify-content:flex-end;gap:6px;margin-left:auto}@media (max-width: 560px){.onboarding-card{width:calc(100vw - 24px);padding:16px}.onboarding-card__footer{align-items:flex-end}}@keyframes tab-menu-in{0%{opacity:0;transform:translateY(-2px) scale(.99)}}@media (prefers-reduced-motion: reduce){.tab-context-menu{animation:none}.onboarding-spotlight,.onboarding-card{transition:none}}.project-card__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f1012bd;color:var(--text);font-size:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-overview__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:70px 20px;border:1px dashed var(--border-strong);border-radius:16px;color:var(--muted);text-align:center}.project-overview__empty strong{color:var(--text);font-size:15px}.project-overview__empty-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:4px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2);color:var(--accent);font-size:20px}.project-overview__empty--demo{padding:56px 20px 48px}.project-overview__empty-actions{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:10px}.project-overview__empty-actions span{color:var(--muted);font-size:10px}.project-overview__empty-tips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 0;padding:0;list-style:none}.project-overview__empty-tips li{padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:10px}@media (max-width: 760px){.project-overview__header{gap:8px;padding:0 18px}.project-overview__brand>div>span{display:none}.project-overview__main{padding:34px 18px 70px}.project-hero,.project-create{align-items:stretch;flex-direction:column}.project-hero__stats{align-self:flex-start}.project-create__form{justify-content:flex-start}.project-create__form input{flex:1;width:auto}.project-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.project-toolbar__actions{width:100%;justify-content:flex-end}.topbar{gap:6px;padding:0 8px}.topbar__back span,.topbar__brand>span,.save-indicator,.topbar__group--history,.topbar__group--zoom{display:none}.topbar__doc{width:116px}}@media (max-width: 560px){.topbar__doc{display:none}.topbar__group--tools{gap:4px}}html[data-theme=light] body{background:var(--bg)}html[data-theme=light] ::selection{background:#2f6fe433;color:#14213a}html[data-theme=light] .topbar{box-shadow:0 1px #1f304606}html[data-theme=light] .topbar__logo{filter:drop-shadow(0 1px 4px rgba(31,56,92,.14))}html[data-theme=light] .stage-wrap{background-color:#edf1f7;background-image:radial-gradient(rgba(76,94,120,.13) 1px,transparent 1px)}html[data-theme=light] .canvas-surface{box-shadow:0 18px 54px #2537502e,0 0 0 1px #192d4b0a}html[data-theme=light] .canvas-empty{color:#788496}html[data-theme=light] .canvas-empty strong{color:#4b596c}html[data-theme=light] .btn--primary:hover:not(:disabled){background:#3c7aec;border-color:#3c7aec}html[data-theme=light] .btn--danger{border-color:#d1445242;background:#d144520e}html[data-theme=light] .btn--danger-solid:hover:not(:disabled){border-color:#bd3947;background:#bd3947}html[data-theme=light] .error-box,html[data-theme=light] .import-errors{border-color:#d1445238;background:#d144520e;color:#b33a48}html[data-theme=light] .token-row__swatch,html[data-theme=light] .color-swatch{border-color:#1b304c29}html[data-theme=light] .modal-backdrop{background:#1c293a4d}html[data-theme=light] .modal{box-shadow:0 24px 80px #1a2b4333}html[data-theme=light] .confirm-backdrop{background:#212f4152}html[data-theme=light] .confirm-dialog{background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:0 28px 90px #192b4438}html[data-theme=light] .confirm-dialog__symbol{border-color:#d144523d;background:#d1445211}html[data-theme=light] .notice-bar{border-bottom-color:#2f6fe42e;color:#2458a8}html[data-theme=light] .notice-bar--warning{border-bottom-color:#a96c1333;background:#a96c1312;color:#83550e}html[data-theme=light] .notice-bar--error{border-bottom-color:#d1445233;background:#d144520f;color:#ae3845}html[data-theme=light] .menu{box-shadow:0 16px 42px #1e304829}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#c5cedb;border:3px solid transparent;background-clip:padding-box}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#aebac9;background-clip:padding-box}html[data-theme=light] .gen-overlay{background:#eff3f9a8}html[data-theme=light] .gen-card{box-shadow:0 24px 70px #1c304a33}html[data-theme=light] .gen-spinner,html[data-theme=light] .mini-spinner{border-color:#20375424;border-top-color:var(--accent)}html[data-theme=light] .save-indicator--error{background:#d1445212}html[data-theme=light] .project-overview{background:radial-gradient(900px 520px at 12% -10%,rgba(47,111,228,.1),transparent 62%),radial-gradient(780px 520px at 88% 0%,rgba(123,90,220,.075),transparent 58%),var(--bg)}html[data-theme=light] .project-overview__header{background:#f8fafddb;box-shadow:0 1px #23354d05}html[data-theme=light] .project-overview__brand:hover strong{color:#215bbd}html[data-theme=light] .project-hero__stats>div{background:#ffffffb8;box-shadow:0 8px 24px #2236510b}html[data-theme=light] .project-create{background:linear-gradient(135deg,#fffffff5,#f4f7fce6);box-shadow:0 18px 45px #22365112,0 0 0 1px #ffffff80 inset}html[data-theme=light] .project-demo-banner{border-color:#2f6fe438;background:linear-gradient(135deg,#2f6fe414,#ffffffeb)}html[data-theme=light] .project-card--demo{border-color:#2f6fe447}html[data-theme=light] .project-card__demo-badge{border-color:#2f6fe44d}html[data-theme=light] .project-overview__empty-tips li{background:#fffc}html[data-theme=light] .project-toolbar{background:#f8fafdd1;box-shadow:0 10px 30px #2236510b}html[data-theme=light] .project-toolbar--managing{border-color:#2f6fe447;background:#2f6fe40b}html[data-theme=light] .project-card{background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 15px 42px #21354f13}html[data-theme=light] .project-card:hover{border-color:#2f6fe457;box-shadow:0 22px 55px #1f365621}html[data-theme=light] .project-card--selected{border-color:#2f6fe49e;box-shadow:0 0 0 1px #2f6fe429 inset,0 18px 46px #1f36561f}html[data-theme=light] .project-card__select{background:#ffffffe6;color:#fff}html[data-theme=light] .project-card__loading{background:#fafcffc2}html[data-theme=light] .project-card__footer{background:#fcfdff}html[data-theme=light] .project-card:hover .project-card__footer{background:#2f6fe409}html[data-theme=light] .tab-context-menu{background:#fff;box-shadow:0 18px 52px #1b2e4833}html[data-theme=light] .screen-tab-close:hover{background:#d1445213}html[data-theme=light] .onboarding-layer--center{background:#e7edf5c2}html[data-theme=light] .onboarding-spotlight{box-shadow:0 0 0 9999px #1723338a,0 0 0 4px #2f6fe414,0 0 34px #2f6fe41f}html[data-theme=light] .onboarding-card{background:radial-gradient(circle at 100% 0,rgba(47,111,228,.07),transparent 38%),linear-gradient(160deg,#fff,#f8fafc 58%);box-shadow:0 28px 90px #1a2c4538,0 0 0 1px #fffc inset}html[data-theme=light] .onboarding-card__eyebrow{color:#326dd3}html[data-theme=light] .onboarding-card__description{color:#5e6a7b}html[data-theme=light] .onboarding-card__tips{background:#f3f6fad1}html[data-theme=light] .onboarding-card__skip:hover{color:var(--text)}@media (max-width: 760px){html[data-theme=light] .project-overview__header{gap:8px;padding:0 14px}}.project-start{height:100vh;overflow-y:auto;overflow-x:hidden;background:radial-gradient(1000px 620px at 52% -18%,rgba(80,130,255,.14),transparent 66%),radial-gradient(720px 540px at 100% 12%,rgba(122,91,224,.08),transparent 62%),var(--bg);color:var(--text)}.project-start__header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:58px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.055);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-start__back,.project-start__model{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;transition:.16s ease}.project-start__back:hover:not(:disabled),.project-start__model:hover{border-color:var(--border);background:var(--panel-2);color:var(--text)}.project-start__back:disabled{opacity:.45;cursor:not-allowed}.project-start__brand{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;letter-spacing:.1px}.project-start__project{max-width:300px;padding-left:14px;border-left:1px solid var(--border);overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-start__spacer{flex:1}.project-start__model{border-color:var(--border);background:#ffffff05}.project-start__model-dot{width:6px;height:6px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px #f5a6231a}.project-start__model--ready .project-start__model-dot{background:var(--success);box-shadow:0 0 0 3px #3ecf8e1a}.project-start__main{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:60px 0 100px}.project-start__intro{max-width:760px;margin:0 auto 36px;text-align:center}.project-start__eyebrow{display:inline-flex;align-items:center;height:22px;padding:0 9px;border:1px solid rgba(96,146,255,.26);border-radius:999px;background:#4c8dff13;color:#8db4ff;font-size:9px;font-weight:700;letter-spacing:1.5px}.project-start__intro h1{margin:16px 0 12px;font-size:clamp(28px,4vw,44px);font-weight:620;letter-spacing:-1.4px;line-height:1.12}.project-start__intro p{max-width:640px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.8}.project-start__composer,.project-start__progress{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 16%),var(--panel);box-shadow:0 28px 90px #00000038,0 0 0 1px #ffffff05 inset}.project-start__composer{padding:28px}.project-start__section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.project-start__section-heading>div{display:flex;align-items:center;gap:10px}.project-start__section-heading>div>span{color:#7da7ff;font-size:9px;font-weight:700;letter-spacing:1px}.project-start__section-heading h2{margin:0;font-size:13px;font-weight:600}.project-start__section-heading p{margin:0;color:var(--muted);font-size:11px}.project-start__kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-start__kind{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:98px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.project-start__kind:hover{border-color:var(--border-strong);transform:translateY(-1px)}.project-start__kind--active{border-color:#578dff9e;background:linear-gradient(145deg,#4c8dff1f,#4c8dff09);box-shadow:0 0 0 1px #4c8dff14 inset}.project-start__kind-icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted)}.project-start__kind-icon svg{width:19px;height:19px}.project-start__kind--active .project-start__kind-icon{border-color:#5f93ff5c;background:#4c8dff1c;color:#8db4ff}.project-start__kind-copy{display:flex;flex-direction:column;gap:5px;padding-right:12px}.project-start__kind-copy strong{font-size:12px;font-weight:600}.project-start__kind-copy>span{color:var(--muted);font-size:10px;line-height:1.55}.project-start__kind-check{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;font-weight:700}.project-start__kind-check:empty{display:none}.project-start__divider{height:1px;margin:26px 0;background:var(--border)}.project-start__presets{display:flex;flex-wrap:wrap;gap:7px}.project-start__preset{display:inline-flex;align-items:baseline;gap:7px;min-height:32px;padding:6px 11px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;transition:.16s ease}.project-start__preset:hover,.project-start__preset--active{border-color:#5e91ff75;background:#4c8dff13;color:var(--text)}.project-start__preset strong{font-size:11px;font-weight:550}.project-start__preset span{color:var(--muted);font-size:9px}.project-start__dimensions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-top:14px}.project-start__dimension,.project-start__device{display:flex;flex-direction:column;gap:6px}.project-start__dimension>span:first-child,.project-start__device>span:first-child{color:var(--muted);font-size:10px}.project-start__dimension-input{display:flex;align-items:center;width:152px;height:34px;padding-right:10px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2)}.project-start__dimension-input:focus-within{border-color:var(--accent)}.project-start__dimension-input input{min-width:0;flex:1;height:100%;border:0;background:transparent;font-variant-numeric:tabular-nums}.project-start__dimension-input em{color:var(--muted);font-size:9px;font-style:normal}.project-start__swap{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--muted);cursor:pointer}.project-start__swap:hover{border-color:var(--border-strong);color:var(--text)}.project-start__swap svg{width:15px;height:15px}.project-start__color{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--muted);cursor:pointer;font-size:9px;font-variant-numeric:tabular-nums}.project-start__color input{width:16px;height:16px;padding:0;border:0;border-radius:4px}.project-start__device select{height:34px;min-width:120px;background:var(--panel-2)}.project-start__validation{margin-top:9px;color:var(--danger);font-size:10px}.project-start__prompt{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);transition:border-color .16s ease}.project-start__prompt:focus-within{border-color:#588dffa3;box-shadow:0 0 0 3px #4c8dff12}.project-start__prompt textarea{display:block;width:100%;min-height:148px;padding:15px 16px;border:0;background:transparent;color:var(--text);font-size:12px;line-height:1.75;resize:vertical}.project-start__prompt textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}.project-start__prompt-meta{display:flex;justify-content:space-between;padding:0 14px 10px;color:var(--muted);font-size:9px}.project-start__examples{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.project-start__examples>span{color:var(--muted);font-size:9px}.project-start__examples button{height:24px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.project-start__examples button:hover{border-color:var(--border-strong);color:var(--text)}.project-start__advanced{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.project-start__advanced summary{color:var(--muted);font-size:10px;cursor:pointer;list-style:none}.project-start__advanced summary:before{content:"+";display:inline-block;width:16px;color:var(--accent)}.project-start__advanced[open] summary:before{content:"−"}.project-start__advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.project-start__advanced-grid .field input,.project-start__advanced-grid .field select{height:32px}.project-start__error{display:flex;align-items:flex-start;flex-direction:column;gap:7px;margin-top:16px;padding:12px 14px;border:1px solid rgba(255,92,92,.24);border-radius:9px;background:#ff5c5c0f;color:#ff9b9b;font-size:11px}.project-start__error span{max-height:120px;overflow:auto;color:var(--muted);font-size:10px;line-height:1.6;white-space:pre-wrap}.project-start__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px}.project-start__generate{display:inline-flex;align-items:center;gap:10px;min-width:142px;height:38px;justify-content:center;font-size:12px}.project-start__generate span{font-size:14px}.project-start__footnote{margin:10px 0 0;color:var(--muted);font-size:9px;text-align:right}.project-start__progress{width:min(780px,100%);min-height:430px;margin:40px auto 0;padding:54px 44px 38px;text-align:center}.project-start__progress-orbit{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:0 auto 24px;border:1px solid rgba(93,144,255,.2);border-radius:24px;background:radial-gradient(circle at 50% 28%,rgba(94,146,255,.16),transparent 66%),var(--panel-2);color:#8db4ff;box-shadow:0 18px 50px #00000029}.project-start__progress-orbit svg{width:34px;height:34px}.project-start__progress-orbit>span{position:absolute;border-radius:50%;background:var(--accent)}.project-start__progress-orbit>span:nth-child(1){top:13px;right:11px;width:4px;height:4px;opacity:.8}.project-start__progress-orbit>span:nth-child(2){bottom:17px;left:10px;width:3px;height:3px;opacity:.45}.project-start__badge{display:inline-flex;align-items:center;height:21px;padding:0 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:9px}.project-start__badge--accent{border-color:#5b8fff4d;background:#4c8dff14;color:#8db4ff}.project-start__progress h1{margin:16px 0 8px;font-size:21px;font-weight:560;letter-spacing:-.35px}.project-start__progress>p{margin:0;color:var(--muted);font-size:10px}.project-start__progress-track{width:min(460px,100%);height:4px;margin:27px auto 22px;overflow:hidden;border-radius:999px;background:var(--panel-3)}.project-start__progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c8dff,#8b74ff);transition:width .35s ease}.project-start__progress-pages{display:flex;flex-direction:column;gap:5px;max-height:200px;margin:0 auto;overflow:auto;text-align:left}.project-start__progress-page{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:10px}.project-start__progress-page--generating{border-color:#558bff2e;background:#4c8dff0e;color:var(--text)}.project-start__progress-page--done{color:var(--text)}.project-start__progress-page--failed{color:#ff9b9b}.project-start__progress-page-icon{display:grid;place-items:center;width:16px;height:16px;color:var(--accent)}.project-start__progress-page--done .project-start__progress-page-icon{color:var(--success)}.project-start__progress-page-status{margin-left:auto;color:var(--muted);font-size:9px}.project-start__progress-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}.project-start__progress-actions .hint{font-size:9px}.topbar__new-canvas{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;color:var(--muted)}.topbar__new-canvas:hover{color:var(--text)}.topbar__generation{display:inline-flex;align-items:center;gap:6px;height:26px;min-width:0;padding:0 9px;border:1px solid rgba(76,141,255,.28);border-radius:999px;background:var(--accent-soft);color:#a9c6ff;font-size:10.5px;cursor:default}.topbar__generation-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #4c8dff1f;animation:generation-pulse 1.4s ease-in-out infinite}.topbar__generation-label{white-space:nowrap}.topbar__generation-surface{max-width:110px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}@keyframes generation-pulse{0%,to{opacity:1}50%{opacity:.35}}.screen-kind-badge,.screen-tab-kind{display:inline-grid;flex:0 0 auto;place-items:center;width:17px;height:17px;border:1px solid var(--border);border-radius:4px;background:var(--panel-2);color:var(--muted);font-size:8px;font-weight:650;line-height:1}.screen-kind-badge--interface,.screen-tab-kind--interface{border-color:#4c8dff33;background:#4c8dff12;color:#86adff}.screen-kind-badge--graphic,.screen-tab-kind--graphic{border-color:#a375ff38;background:#925ff613;color:#b696ff}.screen-kind-badge--icon,.screen-tab-kind--icon{border-color:#2dccab33;background:#2dccab11;color:#6ddfc4}.screen-tab-kind{width:15px;height:15px;font-size:7px}html[data-theme=light] .project-start{background:radial-gradient(1000px 620px at 52% -18%,rgba(47,111,228,.11),transparent 66%),radial-gradient(720px 540px at 100% 12%,rgba(104,80,210,.055),transparent 62%),var(--bg)}html[data-theme=light] .project-start__header{border-bottom-color:#192b4412;background:#f8fafddb}html[data-theme=light] .project-start__composer,html[data-theme=light] .project-start__progress{background:linear-gradient(180deg,rgba(255,255,255,.7),transparent 16%),#fff;box-shadow:0 26px 80px #1f334e1a,0 0 0 1px #fffc inset}html[data-theme=light] .project-start__eyebrow{border-color:#2f6fe430;background:#2f6fe40e;color:#326dd3}html[data-theme=light] .project-start__kind{background:#f8fafc}html[data-theme=light] .project-start__kind--active{border-color:#2f6fe461;background:linear-gradient(145deg,#2f6fe413,#2f6fe405)}html[data-theme=light] .project-start__kind-icon{background:#fff}html[data-theme=light] .project-start__error{border-color:#d1445233;background:#d144520b;color:#b33a48}html[data-theme=light] .project-start__model{background:#fff9}@media (max-width: 820px){.project-start__main{width:min(100% - 28px,720px);padding-top:38px}.project-start__kinds{grid-template-columns:1fr}.project-start__kind{min-height:76px}.project-start__advanced-grid{grid-template-columns:1fr 1fr}.project-start__section-heading{align-items:flex-start;flex-direction:column;gap:5px}.project-start__progress{padding:44px 24px 30px}}@media (max-width: 560px){.project-start__header{gap:8px;padding:0 12px}.project-start__project,.project-start__brand>span{display:none}.project-start__model{padding:0 8px;font-size:10px}.project-start__main{width:calc(100% - 20px);padding:28px 0 60px}.project-start__intro{margin-bottom:24px;text-align:left}.project-start__intro h1{font-size:29px}.project-start__composer{padding:18px;border-radius:14px}.project-start__dimension-input{width:120px}.project-start__color{display:none}.project-start__advanced-grid{grid-template-columns:1fr}.project-start__actions{align-items:stretch;flex-direction:column-reverse}.project-start__generate{width:100%}.project-start__footnote{text-align:left}.topbar__new-canvas-label{display:none}.project-start__progress{padding:34px 16px 26px}}.language-toggle{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;transition:color .16s ease,background .16s ease}.language-toggle:hover,.language-toggle[aria-expanded=true]{background:var(--panel-2);color:var(--text)}.language-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.language-toggle-dropdown .ant-dropdown-menu{min-width:116px;padding:5px;border:1px solid var(--border);background:var(--panel)}.language-toggle-dropdown .ant-dropdown-menu-item{min-height:30px;border-radius:6px;color:var(--text);font-size:11px}.language-toggle-dropdown .ant-dropdown-menu-item-selected{color:var(--accent);font-weight:650}.modal--changelog{width:min(720px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden}.modal--changelog .modal__header,.modal--changelog .modal__footer{flex:0 0 auto}.changelog__heading{display:grid;gap:2px}.changelog__heading strong{font-size:14px}.changelog__heading span{color:var(--muted);font-size:11px;font-weight:400}.changelog__body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:22px 22px 18px}.changelog__empty{margin:0;color:var(--muted);font-size:12px}.changelog__timeline{display:grid;gap:26px;margin:0;padding:0 0 0 20px;list-style:none;border-left:1px solid var(--border)}.changelog__release{position:relative;min-width:0}.changelog__release-marker{position:absolute;top:4px;left:-26px;width:11px;height:11px;border:2px solid var(--panel);border-radius:999px;background:var(--accent);box-shadow:0 0 0 1px var(--border-strong)}.changelog__release-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.changelog__release-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.changelog__release-title strong{font-size:13px;letter-spacing:.02em}.changelog__release-head time{color:var(--muted);font-size:10.5px;white-space:nowrap}.changelog__release h3{margin:0 0 12px;font-size:16px;line-height:1.35}.changelog__section{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;margin-top:10px}.changelog__section-label{align-self:start;padding:2px 6px;border-radius:5px;background:var(--panel-2);color:var(--muted);font-size:10px;font-weight:650;text-align:center}.changelog__section-label--feature{color:#7fb0ff;background:#4c8dff1f}.changelog__section-label--improvement{color:#65d4a1;background:#3ecf8e1f}.changelog__section-label--fix{color:#f5b45c;background:#f5a6231f}.changelog__section-label--breaking{color:#ff8b8b;background:#f05a5a1f}.changelog__section ul{display:grid;gap:6px;margin:0;padding-left:16px;color:var(--text);font-size:12px;line-height:1.6}.changelog__section li::marker{color:var(--border-strong)}@media (max-width: 640px){.changelog__section{grid-template-columns:1fr;gap:4px}.changelog__section-label{justify-self:start}}.topbar__version,.project-overview__version{position:relative;gap:5px;color:var(--muted);font-variant-numeric:tabular-nums}.topbar__version:hover,.project-overview__version:hover{color:var(--text)}.topbar__version-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.modal__header-language{margin-left:auto;height:24px}.modal__header-language+.icon-btn{margin-left:0}