:root{font-family:Inter,Pretendard,Segoe UI,Apple SD Gothic Neo,sans-serif;color:#e8eaed;background:#181b20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--app-background: #181b20;--panel-background: #22262d;--elevated-background: #252a31;--canvas-background: #cfd2d6;--chrome: #181b20;--chrome-raised: #20242b;--panel: var(--panel-background);--panel-subtle: #1d2127;--panel-hover: #2b3038;--panel-active: #303a41;--canvas: var(--canvas-background);--frame: #fff;--text: #e8eaed;--text-strong: #f6f7f8;--text-primary: #e8eaed;--text-secondary: #a9b0b9;--text-disabled: #6f7782;--muted: var(--text-secondary);--muted-strong: #c0c5cc;--border: #363b44;--border-strong: #454b56;--accent: #48a6a7;--accent-strong: #66c5c6;--accent-hover: #79d0d1;--accent-pressed: #52b3b4;--accent-soft: rgba(72, 166, 167, .18);--selection: #48a6a7;--focus: #78d0d1;--success: #5ebc83;--warning: #d6a14a;--error: #df6b72;--error-strong: #bd5058;--danger-background: #a8444b;--control: #292e36;--control-hover: #333943;--control-active: #3b444d;--shadow-menu: 0 12px 30px rgba(4, 7, 10, .34), 0 2px 8px rgba(4, 7, 10, .28);--shadow-dialog: 0 24px 70px rgba(0, 0, 0, .5);--shadow-drag: 0 10px 24px rgba(4, 7, 10, .28);--radius-control: 5px;--radius-panel: 6px;--radius-popover: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--motion-fast: .14s;--motion-normal: .18s;--toolbar-height: 46px;--status-height: 26px;--mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100dvh;font-size:13px;background:var(--chrome)}button,input,select,textarea{font:inherit;color:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--focus)!important;outline-offset:1px}::selection{background:color-mix(in srgb,var(--selection) 48%,transparent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#59616c;background-clip:padding-box}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.app-root{width:100%;height:100%}.route-loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;gap:var(--space-8);background:var(--app-background);color:var(--text-secondary);font-size:12px}.unsupported-viewport{display:none}.auth-screen{width:100%;height:100%;min-width:720px;color:var(--text);background-color:#1b1f24;background-image:radial-gradient(circle,rgba(72,166,167,.09) .7px,transparent .8px);background-size:18px 18px}.auth-titlebar{display:flex;height:42px;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid var(--border);background:#16191e;-webkit-user-select:none;user-select:none}.auth-titlebar>strong{font-size:13px;letter-spacing:.02em}.auth-titlebar>span:last-child{color:var(--text-disabled);font-size:11px}.auth-card{position:absolute;top:50%;left:50%;display:grid;width:390px;translate:-50% -48%;padding:28px;border:1px solid var(--border-strong);border-radius:10px;background:var(--elevated-background);box-shadow:var(--shadow-dialog)}.auth-icon{display:grid;width:38px;height:38px;place-items:center;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);border-radius:7px;color:var(--accent-strong);background:var(--accent-soft)}.auth-icon.is-error{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,transparent);background:color-mix(in srgb,var(--error) 10%,transparent)}.auth-heading{display:grid;gap:6px;margin-bottom:22px}.auth-heading>span{color:var(--accent-strong);font-size:9px;font-weight:750;letter-spacing:.14em}.auth-heading h1{margin:0;color:var(--text-strong);font-size:20px;line-height:1.3;letter-spacing:-.025em}.auth-heading p{margin:0;color:var(--text-secondary);font-size:11px;line-height:1.55}.auth-card form{display:grid}.auth-card form>label{margin:0 0 6px;color:#b9c0c7;font-size:10px;font-weight:650}.auth-card form>label:not(:first-child){margin-top:13px}.auth-input{display:flex;height:36px;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--border-strong);border-radius:5px;color:var(--text-disabled);background:#181c21}.auth-input:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 14%,transparent)}.auth-input input{min-width:0;flex:1;border:0;color:var(--text);background:transparent;font-size:12px}.auth-input button{display:grid;width:26px;height:26px;place-items:center;border-radius:4px;color:var(--text-disabled);background:transparent}.auth-input button:hover{color:var(--text);background:var(--control-hover)}.auth-error{margin:10px 0 0;padding:8px 9px;border-left:2px solid var(--error);color:#e9b3b7;background:color-mix(in srgb,var(--error) 8%,transparent);font-size:10px;line-height:1.45}.auth-submit{display:flex;width:100%;height:36px;align-items:center;justify-content:center;gap:7px;margin-top:18px;border-radius:5px;color:#092224;background:var(--accent-strong);font-size:11px;font-weight:750}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:active:not(:disabled){background:var(--accent-pressed)}.auth-card>footer{display:flex;align-items:center;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);color:var(--text-disabled);font-size:9px}.icon-button{position:relative;display:inline-grid;width:30px;height:30px;padding:0;place-items:center;border-radius:var(--radius-control);color:var(--muted-strong);background:transparent}.icon-button:hover:not(:disabled){color:var(--text);background:var(--control-hover)}.icon-button:active:not(:disabled),.icon-button.is-active{color:var(--text-strong);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--selection) 54%,transparent)}.icon-button.is-compact{width:26px;height:26px}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 7px);left:50%;z-index:1000;translate:-50% 0;width:max-content;max-width:220px;padding:5px 7px;border:1px solid var(--border-strong);border-radius:4px;color:var(--text);background:#15181d;box-shadow:var(--shadow-menu);font-size:11px;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) ease-out}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transition-delay:.45s}.button-primary,.button-secondary,.button-danger{min-height:32px;padding:0 13px;border-radius:var(--radius-control);font-weight:600}.button-primary{color:#071d1f;background:var(--accent-strong)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-primary:active:not(:disabled){background:var(--accent-pressed)}.button-secondary{color:var(--text);background:var(--control);box-shadow:inset 0 0 0 1px var(--border-strong)}.button-secondary:hover:not(:disabled){background:var(--control-hover)}.button-danger{color:#fff;background:var(--danger-background)}.button-danger:hover:not(:disabled){background:var(--error-strong)}.button-primary.compact,.button-secondary.compact{min-height:28px;padding-inline:10px;font-size:11px}.spinner,.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.start-screen{position:relative;width:100%;height:100%;min-width:1280px;color:var(--text);background:var(--chrome)}.start-titlebar{height:42px;display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #2e333b;background:#16191e;-webkit-user-select:none;user-select:none}.start-titlebar strong{font-size:13px;letter-spacing:.02em}.start-titlebar>span:not(.start-account){color:#7f8791;font-size:11px}.start-account{display:flex;align-items:center;gap:10px;margin-left:auto;color:var(--text-secondary);font-size:10px}.start-account strong{color:var(--text);font-size:10px}.start-account button{height:26px;padding:0 8px;border-radius:4px;color:var(--text-secondary);background:transparent;font-size:10px}.start-account button:hover{color:var(--text);background:var(--control-hover)}.figui-mark{display:grid;width:26px;height:26px;place-items:center;border-radius:5px;color:#092426;background:var(--accent);font-size:10px;font-weight:800;letter-spacing:-.02em}.start-workspace{display:grid;grid-template-columns:minmax(390px,39%) 1fr;height:calc(100% - 42px)}.start-actions{display:flex;flex-direction:column;padding:clamp(54px,7vh,84px) clamp(58px,6vw,96px);border-right:1px solid var(--border);background:#1b1e24}.start-brand{margin-bottom:38px}.start-kicker{color:var(--accent-strong);font-size:10px;font-weight:700;letter-spacing:.14em}.start-brand h1{margin:8px 0 10px;color:var(--text-strong);font-size:28px;line-height:1.2;letter-spacing:-.03em}.start-brand p{max-width:390px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.start-actions nav{display:grid;gap:7px}.start-actions nav>button{display:flex;align-items:center;gap:14px;min-height:62px;padding:10px 14px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:#22262d;text-align:left}.start-actions nav>button:hover{border-color:#4b535e;background:#282d35}.start-actions nav>button svg{color:var(--muted-strong)}.start-actions nav>button span{display:grid;gap:3px}.start-actions nav>button strong{font-size:13px}.start-actions nav>button small{color:var(--muted);font-size:11px}.start-actions nav>.start-primary-action{border-color:#48a6a7b3;background:var(--accent-soft)}.start-actions nav>.start-primary-action svg{color:var(--accent-strong)}.start-drop-hint{display:flex;align-items:center;gap:8px;margin-top:auto;color:#747d87;font-size:11px}.recent-pane{position:relative;display:flex;min-width:0;flex-direction:column;padding:clamp(50px,7vh,80px) clamp(50px,6vw,100px) 34px;background:#20242a}.recent-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border)}.recent-heading h2{margin:7px 0 0;color:var(--text-strong);font-size:18px}.recent-heading>button,.dialog-close,.recent-heading button{display:grid;width:28px;height:28px;place-items:center;border-radius:5px;color:var(--muted);background:transparent}.recent-heading>button:hover{color:var(--text);background:var(--control-hover)}.recovery-row{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 2px;padding:10px 12px;border:1px solid rgba(214,161,74,.35);border-radius:6px;color:#e7d3ad;background:#d6a14a14;text-align:left}.recovery-row>span:nth-child(2){display:grid;flex:1;gap:2px}.recovery-row small{color:#a89a7f;font-size:11px}.recovery-row>span:last-child{font-size:11px;font-weight:700}.recent-list{min-height:0;margin-top:12px;overflow:auto}.recent-row{position:relative;border-bottom:1px solid #30353d}.recent-open{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:9px 36px 9px 8px;color:var(--text);background:transparent;text-align:left}.recent-open:hover{background:#272c33}.file-icon{display:grid;width:34px;height:38px;place-items:center;border:1px solid #444b55;border-radius:5px;color:var(--accent-strong);background:#262b32}.recent-preview{position:relative;display:grid;width:42px;height:34px;flex:none;grid-template-columns:8px 1fr;grid-template-rows:6px 1fr;gap:3px;padding:5px;border:1px solid #444b55;border-radius:4px;background:#e7e9eb;box-shadow:inset 0 0 0 1px #ffffff8c}.recent-preview i{display:block;border-radius:1px;background:#c8ced2}.recent-preview i:first-child{grid-column:1 / -1;background:#4a5a60}.recent-preview i:nth-child(2){background:#78878d}.recent-preview i:nth-child(3){background:#d4d8db}.recent-open>span:nth-child(2){display:grid;min-width:0;flex:1;gap:4px}.recent-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-open small{color:var(--muted);font-size:11px}.recent-source{padding:3px 5px;border:1px solid #424953;border-radius:3px;color:#7f8994;font:9px var(--mono);letter-spacing:.06em}.recent-remove{position:absolute;top:19px;right:4px;display:grid;width:26px;height:26px;place-items:center;border-radius:4px;color:#6f7882;background:transparent;opacity:0}.recent-row:hover .recent-remove,.recent-remove:focus-visible{opacity:1}.recent-remove:hover{color:var(--error);background:#df6b721a}.recent-more:hover{color:var(--text);background:var(--control-hover)}.recent-menu{position:absolute;top:48px;right:4px;z-index:30;display:grid;width:168px;padding:4px;border:1px solid var(--border-strong);border-radius:6px;background:#24282f;box-shadow:var(--shadow-menu)}.recent-menu button{height:29px;padding:0 8px;border-radius:4px;color:#e08b90;background:transparent;text-align:left;font-size:11px}.recent-menu button:hover{background:color-mix(in srgb,var(--error) 12%,transparent)}.recent-state{display:grid;place-items:center;align-content:center;min-height:300px;color:var(--text-disabled);text-align:center}.recent-state h3{margin:14px 0 6px;color:var(--muted-strong);font-size:14px}.recent-state p{max-width:340px;margin:0;font-size:12px;line-height:1.55}.recent-state .button-secondary{margin-top:16px}.start-error{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;margin-top:12px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--error) 38%,transparent);border-radius:var(--radius-panel);color:#f0c3c6;background:color-mix(in srgb,var(--error) 9%,transparent)}.start-error>svg{margin-top:1px;color:var(--error)}.start-error-copy{display:grid;min-width:0;gap:3px}.start-error strong{font-size:11px}.start-error p{margin:0;color:#bba4a7;font-size:10px;line-height:1.45}.start-error details{margin-top:4px;color:#9e8a8d;font:9px/1.45 var(--mono)}.start-error summary{cursor:pointer}.start-error-actions{display:flex;align-items:flex-start;gap:3px}.start-error-actions button{display:grid;width:26px;height:26px;place-items:center;border-radius:4px;color:#bfaeb0;background:transparent}.start-error-actions button:hover{color:var(--text);background:color-mix(in srgb,var(--error) 16%,transparent)}.recent-state .spinner{width:20px;height:20px;border:2px solid #3e444d;border-top-color:var(--accent);border-radius:50%}.start-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;color:#68717c;font:10px var(--mono)}.drop-overlay{position:absolute;top:56px;right:56px;bottom:56px;left:56px;z-index:20;display:grid;place-items:center;align-content:center;gap:9px;border:2px dashed var(--accent);border-radius:10px;color:var(--text);background:#181b20f0;box-shadow:var(--shadow-menu)}.drop-overlay svg{color:var(--accent-strong)}.drop-overlay span{color:var(--muted)}.editor-shell{display:grid;width:100%;height:100%;grid-template-rows:var(--toolbar-height) minmax(0,1fr) var(--status-height);color:var(--text);background:var(--chrome)}.top-toolbar{z-index:30;display:grid;grid-template-columns:240px minmax(500px,1fr) auto;align-items:center;min-width:0;padding:0 8px;border-bottom:1px solid var(--border);background:#191c21}.project-identity{display:flex;min-width:0;align-items:center;gap:8px;padding-right:12px}.toolbar-mark{border:0;flex:none}.project-identity>div{display:grid;min-width:0;flex:1}.project-identity strong{overflow:hidden;color:var(--text-strong);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.project-identity span{color:#6f7780;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.project-identity>svg{color:#6e7680}.toolbar-center{display:flex;justify-content:center;min-width:0}.tool-cluster{display:flex;align-items:center;gap:1px;padding:2px;border:1px solid #30353d;border-radius:7px;background:#20242a}.toolbar-divider{display:block;width:1px;height:20px;margin:0 4px;background:var(--border)}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0}.mode-switch{display:flex;padding:2px;border:1px solid #30353d;border-radius:5px;background:#20242a}.mode-switch button{display:flex;height:26px;align-items:center;gap:5px;padding:0 7px;border-radius:3px;color:#8d959f;background:transparent;font-size:11px}.mode-switch button.is-active{color:var(--text);background:#323841}.save-indicator,.toolbar-text-button,.toolbar-primary-button{display:flex;height:30px;align-items:center;gap:6px;padding:0 9px;border-radius:5px;font-size:11px;white-space:nowrap}.save-indicator{color:#89929c;background:transparent}.save-indicator:hover{background:var(--control-hover)}.save-indicator.save-failed{color:var(--error)}.save-indicator.save-dirty,.save-indicator.save-saving{color:var(--warning)}.toolbar-text-button{color:var(--text);background:#282d34}.toolbar-text-button:hover{background:#333941}.toolbar-primary-button{color:#092224;background:var(--accent-strong);font-weight:700}.toolbar-primary-button:hover{background:var(--accent-hover)}.toolbar-primary-button:active{background:var(--accent-pressed)}.account-button{display:flex;height:30px;align-items:center;gap:6px;padding:0 6px;border-radius:5px;color:var(--text-disabled);background:transparent}.account-button>span{display:grid;width:19px;height:19px;place-items:center;border:1px solid #4b535d;border-radius:4px;color:var(--accent-strong);background:#292e35;font-size:9px;font-weight:750}.account-button:hover{color:var(--text);background:var(--control-hover)}.editor-workbench{display:grid;min-width:0;min-height:0;overflow:hidden}.workspace-main{position:relative;min-width:0;min-height:0;overflow:hidden}.panel{min-width:0;min-height:0;overflow:hidden;background:var(--panel)}.panel-left{border-right:1px solid var(--border)}.panel-right{border-left:1px solid var(--border)}.panel-collapsed{width:42px!important;padding:8px 6px}.panel-resizer{position:relative;z-index:10;background:var(--panel-subtle);cursor:col-resize;touch-action:none}.panel-resizer:hover,.panel-resizer:active,.panel-resizer.is-resizing{background:var(--accent)}.panel-tabs{display:flex;height:38px;align-items:stretch;gap:0;border-bottom:1px solid var(--border);background:var(--panel-subtle)}.panel-tabs>button:not(.icon-button){position:relative;display:grid;min-width:0;flex:1;place-items:center;gap:2px;padding:3px 2px 2px;color:#8f98a2;background:transparent;font-size:10px}.panel-tabs>button:not(.icon-button) svg{width:14px;height:14px}.panel-tabs>button:not(.icon-button):hover{color:var(--muted-strong);background:#262b32}.panel-tabs>button:not(.icon-button).is-active{color:var(--accent-strong);background:#272c33;box-shadow:inset 0 1px #ffffff05}.panel-tabs>button:not(.icon-button).is-active:after{content:"";position:absolute;inset:auto 5px 0;height:2px;background:var(--accent)}.panel-tabs>.icon-button{align-self:center;flex:0 0 27px;margin-right:3px}.panel-content{height:calc(100% - 38px);min-height:0;overflow:hidden}.panel-view{display:flex;height:100%;min-height:0;flex-direction:column}.panel-view-header{display:flex;height:42px;flex:none;align-items:center;justify-content:space-between;padding:0 10px 0 12px}.panel-view-header>div{display:flex;align-items:center;gap:7px}.panel-view-header h2{margin:0;color:var(--text-strong);font-size:12px;font-weight:650}.panel-view-header span{color:#87909a;font:10px var(--mono)}.panel-view-header>button{display:grid;width:26px;height:26px;place-items:center;border-radius:4px;color:var(--muted);background:transparent}.panel-view-header>button:hover:not(:disabled){color:var(--text);background:var(--control-hover)}.panel-search{display:flex;height:30px;flex:none;align-items:center;gap:6px;margin:0 8px 8px;padding:0 8px;border:1px solid var(--border);border-radius:5px;color:#7d858f;background:#1b1f24}.panel-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px #48a6a738}.panel-search input{width:100%;min-width:0;border:0;color:var(--text);background:transparent;font-size:12px}.panel-search input::placeholder{color:#7b848e}.panel-search button{color:var(--muted);background:transparent}.filter-row{display:flex;flex:none;gap:3px;padding:0 8px 8px;overflow-x:auto}.filter-row button{height:24px;padding:0 7px;border:1px solid #343a43;border-radius:4px;color:#89919b;background:transparent;font-size:10px;white-space:nowrap}.filter-row button:hover,.filter-row button.is-active{color:var(--text);border-color:#4b535e;background:#30363f}.panel-empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:7px;padding:24px;color:var(--text-disabled);text-align:center}.panel-empty strong{color:#a9b0b8;font-size:12px}.panel-empty span{max-width:220px;font-size:11px;line-height:1.5}.panel-empty button{margin-top:4px}.page-list,.layer-tree,.comment-list{min-height:0;flex:1;overflow:auto}.page-row{position:relative;display:flex;min-height:48px;align-items:center;margin:0 6px 2px;border-radius:5px}.page-row:hover{background:#282d34}.page-row.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #48a6a73d}.page-main{display:flex;min-width:0;flex:1;align-items:center;gap:7px;height:48px;padding:0 5px;color:var(--text);background:transparent;text-align:left}.drag-handle{color:#59616b}.page-icon{display:grid;width:25px;height:27px;flex:none;place-items:center;border:1px solid #46505a;border-radius:3px;color:#b6bdc5;background:#30363e;font-size:10px;font-weight:700}.page-copy{display:grid;min-width:0;flex:1;gap:2px}.page-copy strong,.page-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-copy strong{font-size:11px}.page-copy small{color:#8b949e;font:10px var(--mono)}.start-flag{color:var(--accent-strong)}.page-menu-button{display:grid;width:25px;height:25px;place-items:center;border-radius:4px;color:#7a838d;background:transparent;opacity:0}.page-row:hover .page-menu-button,.page-menu-button:focus-visible{opacity:1}.page-menu-button:hover{color:var(--text);background:#3a414a}.page-menu{position:absolute;top:42px;right:0;z-index:100;display:grid;width:172px;padding:4px;border:1px solid var(--border-strong);border-radius:6px;background:#24282f;box-shadow:var(--shadow-menu)}.page-menu.is-fixed{position:fixed;top:auto;right:auto;z-index:4200}.page-menu button{display:flex;height:28px;align-items:center;gap:8px;padding:0 8px;border-radius:4px;color:#c6cbd1;background:transparent;text-align:left;font-size:11px}.page-menu button:hover{background:#343a43}.page-menu button.danger{color:#ef858b}.page-properties{flex:none;padding:10px;border-top:1px solid var(--border);background:#1f2329}.page-properties h3{margin:0 0 9px;color:#aeb5bd;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.field{display:grid;gap:5px;margin-bottom:8px}.field>span,.number-field>span:first-child{color:#9da5ae;font-size:10px}.field input,.field textarea,.field select,.number-input-wrap,.number-field>input,.inspector-content select{min-width:0;height:28px;border:1px solid var(--border);border-radius:4px;color:var(--text);background:#191d22}.field select,.inspector-content select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,#8e97a1 50%),linear-gradient(135deg,#8e97a1 50%,transparent 50%);background-position:calc(100% - 12px) 11px,calc(100% - 8px) 11px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.field input,.field textarea,.field select{width:100%;padding:0 7px}.field textarea{min-height:64px;padding-block:6px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.number-input-wrap:focus-within{border-color:var(--accent)}.field-inline{grid-template-columns:72px minmax(0,1fr);align-items:center}.field-inline>span{grid-column:1}.field-inline>input:not([type=color]),.field-inline>select{grid-column:2}.field-inline:has(input[type=color]){grid-template-columns:72px 32px minmax(0,1fr)}.field-inline:has(input[type=color])>input:not([type=color]){grid-column:3}.field input[type=color]{width:28px;height:28px;padding:3px}.number-field{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:5px;margin-bottom:7px}.number-input-wrap{display:flex;align-items:center}.number-input-wrap input{width:100%;min-width:0;height:26px;padding:0 5px;border:0;color:var(--text);background:transparent;font:11px var(--mono)}.number-input-wrap small{padding-right:6px;color:#68717c;font:9px var(--mono)}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;column-gap:8px}.layer-row{display:flex;height:30px;align-items:center;padding-right:4px;color:#aeb4bc}.layer-row:hover{background:#292e35}.layer-row.is-selected{color:var(--text);background:var(--accent-soft)}.layer-row.is-muted{opacity:.58}.tree-toggle,.layer-action{display:grid;width:21px;height:24px;flex:none;place-items:center;padding:0;border-radius:3px;color:#6f7781;background:transparent}.tree-toggle:disabled{opacity:.6}.tree-toggle span{width:12px}.layer-select{display:flex;min-width:0;flex:1;align-items:center;gap:5px;height:28px;padding:0;color:inherit;background:transparent;text-align:left}.layer-select>span:nth-child(2){overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layer-type{display:grid;width:17px;height:17px;flex:none;place-items:center;border-radius:3px;color:#a7afb8;background:#343a43;font-size:8px;font-weight:700}.layer-type.type-text{color:#8ac5c6;background:transparent;font-size:11px}.layer-action{opacity:0}.layer-row:hover .layer-action,.layer-action:focus-visible{opacity:1}.layer-action:hover{color:var(--text);background:#3a414a}.element-groups{min-height:0;flex:1;overflow:auto;padding:0 8px 12px}.element-groups section{padding:7px 0 11px;border-top:1px solid #30353d}.element-groups section:first-child{border-top:0}.element-groups h3{margin:0 0 7px 2px;color:#9098a2;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.element-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.element-grid button{display:flex;min-width:0;height:42px;align-items:center;gap:8px;padding:0 8px;border:1px solid #343a43;border-radius:5px;color:#b9c0c7;background:#262b32;text-align:left;font-size:10px}.element-grid button:hover{color:var(--text);border-color:#4c5660;background:#30363e}.element-grid button svg{flex:none;color:#89949f}.component-list{min-height:0;flex:1;overflow:auto;padding:0 8px}.component-list>button{display:flex;width:100%;align-items:center;gap:8px;min-height:50px;padding:5px 7px;border-bottom:1px solid #30353d;color:var(--text);background:transparent;text-align:left}.component-list>button:hover{background:#292e35}.component-preview{display:grid;width:37px;height:32px;place-items:center;border:1px solid #424953;border-radius:4px;color:var(--accent-strong);background:#2b3038}.component-list>button>span:nth-child(2){display:grid;min-width:0;flex:1;gap:2px}.component-list small{color:#78818b;font-size:10px}.panel-footer-action{display:flex;height:34px;flex:none;align-items:center;justify-content:center;gap:7px;margin:8px;border:1px solid #3a414a;border-radius:5px;color:#aab2ba;background:#292e35;font-size:11px}.comment-compose{flex:none;padding:0 8px 9px;border-bottom:1px solid var(--border)}.segmented-control{display:flex;padding:2px;border:1px solid var(--border);border-radius:5px;background:#191d22}.segmented-control button{display:flex;height:24px;flex:1;align-items:center;justify-content:center;gap:4px;border-radius:3px;color:#7f8892;background:transparent;font-size:10px}.segmented-control button.is-active{color:var(--text);background:#343a43}.comment-compose textarea{width:100%;min-height:62px;margin:7px 0;padding:7px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:#191d22;resize:vertical;font-size:11px}.comment-compose textarea:focus{border-color:var(--accent)}.comment-compose>.button-primary{width:100%}.comment-card{margin:7px 8px;padding:9px;border:1px solid #393f48;border-left:2px solid #7f8994;border-radius:5px;background:#272c33}.comment-card.kind-codex-instruction{border-left-color:var(--accent)}.comment-card.priority-critical{border-left-color:var(--error)}.comment-card header,.comment-card footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.comment-card header span{display:flex;align-items:center;gap:5px;color:#aeb6be;font-size:9px;text-transform:uppercase}.comment-card header small{color:#737c86;font-size:9px}.comment-card p{margin:8px 0;color:#d4d8dc;font-size:11px;line-height:1.5}.comment-card footer button{display:flex;min-width:0;align-items:center;gap:4px;padding:0;color:#7f8993;background:transparent;font-size:9px}.comment-card footer button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-card footer button:last-child{color:#91c1a3}.panel-tabs-right>button:not(.icon-button) span{display:none}.inspector-content{overflow:auto}.selection-summary{display:flex;height:51px;align-items:center;gap:9px;padding:0 11px;border-bottom:1px solid var(--border)}.selection-glyph{display:grid;width:26px;height:26px;place-items:center;border:1px solid #46505a;border-radius:4px;color:var(--accent-strong);background:#2b3038;font:10px var(--mono)}.selection-summary>div{display:grid;min-width:0;gap:2px}.selection-summary strong,.selection-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-summary strong{font-size:11px}.selection-summary small{color:#8a939d;font:10px var(--mono)}.inspector-section{border-bottom:1px solid var(--border)}.inspector-section-trigger{display:flex;width:100%;height:34px;align-items:center;gap:5px;padding:0 9px;color:#c2c7cd;background:transparent;text-align:left;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.055em}.inspector-section-trigger:hover{background:#292e35}.inspector-section-trigger svg{rotate:-90deg;transition:rotate var(--motion-fast) ease-out}.inspector-section.is-open .inspector-section-trigger svg{rotate:0deg}.inspector-section-trigger span{flex:1}.inspector-section-trigger small{padding:2px 4px;border:1px solid #3d444d;border-radius:3px;color:#77818b;font:8px var(--mono)}.inspector-section-body{padding:4px 10px 10px}.inspector-hint{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;color:#919aa4;font-size:10px;line-height:1.5}.inspector-hint.warning{color:#c8a669}.check-row{display:flex;min-height:27px;align-items:center;gap:6px;color:#aeb5bd;font-size:10px}.check-row input{accent-color:var(--accent)}.inspector-add-row,.inspector-remove-row{display:flex;width:100%;height:27px;align-items:center;justify-content:center;gap:5px;margin-top:6px;border:1px dashed #444c56;border-radius:4px;color:#929ba5;background:transparent;font-size:10px}.image-upload-row{display:flex;height:31px;align-items:center;justify-content:center;border:1px dashed #4b5661;border-radius:5px;color:#aeb7bf;background:#262b32;font-size:10px;cursor:pointer}.image-upload-row:hover{border-color:var(--accent);color:var(--text)}.image-upload-row input{position:absolute;width:1px;height:1px;opacity:0}.connector-hint{margin:10px}.inspector-remove-row{color:#d47b81;border-style:solid}.inline-warning{display:flex;gap:8px;margin:10px;padding:9px;border:1px solid rgba(214,161,74,.35);border-radius:5px;color:#d0aa68;background:#d6a14a12}.inline-warning>div{flex:1}.inline-warning strong{font-size:10px}.inline-warning p{margin:3px 0 7px;font:10px var(--mono)}.inline-warning div div{display:flex;flex-wrap:wrap;gap:4px}.inline-warning button{height:23px;padding:0 6px;border:1px solid rgba(214,161,74,.3);border-radius:3px;color:#d8ba84;background:#d6a14a14;font-size:9px}.inspector-empty{display:grid;min-height:220px;place-items:center;align-content:center;gap:8px;padding:25px;color:#727b85;text-align:center}.canvas-workspace{--grid-size: 16px;position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--canvas);background-image:radial-gradient(circle,rgba(55,61,68,.22) .7px,transparent .8px);background-size:var(--grid-size) var(--grid-size)}.canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:contain;touch-action:none}.canvas-workspace.tool-hand .canvas-viewport,.canvas-workspace.is-panning .canvas-viewport{cursor:grab}.canvas-workspace.is-panning .canvas-viewport{cursor:grabbing}.canvas-workspace:not(.tool-select):not(.tool-hand) .canvas-viewport{cursor:crosshair}.canvas-stage{position:absolute;inset:0 auto auto 0;width:5000px;height:4000px;transform-origin:0 0;will-change:transform}.frame-label{position:absolute;display:flex;align-items:center;gap:9px;height:22px;color:#374049;white-space:nowrap}.frame-label strong{font-size:11px}.frame-label span{color:#65707a;font:9px var(--mono)}.page-frame{position:absolute;overflow:hidden;background:var(--frame);box-shadow:0 2px 10px #242a3126}.frame-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.canvas-element{position:absolute;transform-origin:50% 50%;-webkit-user-select:none;user-select:none}.canvas-element.is-selected{outline:1px solid var(--selection);outline-offset:0}.canvas-element.is-dragging{box-shadow:var(--shadow-drag)}.canvas-element.is-locked{outline:1px dashed #b18446}.canvas-element.visibility-editor-hidden{background-image:repeating-linear-gradient(135deg,rgba(90,100,110,.14) 0 4px,transparent 4px 8px);outline:1px dashed #77818b}.canvas-element.visibility-runtime-hidden{outline:1px dashed #a0783e}.canvas-element.visibility-output-excluded{outline:1px dashed #bb6269}.element-badges{position:absolute;top:-8px;right:-8px;z-index:5;display:flex;gap:3px;pointer-events:none}.element-badges>span{display:grid;min-width:16px;height:16px;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:8px;color:#fff;background:#58616b;font-size:8px}.element-badges .comment-count{background:#b67e36}.moveable-control{width:8px!important;height:8px!important;margin-top:-4px!important;margin-left:-4px!important;border:1px solid #fff!important;background:var(--selection)!important}.moveable-line{height:1px!important;background:var(--selection)!important}.moveable-rotation-line{background:var(--accent)!important}.moveable-rotation-control{width:10px!important;height:10px!important}.selecto-selection{border:1px solid var(--accent)!important;background:#48a6a71c!important}.connector-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;width:100%;height:100%;overflow:visible;color:#3f8f91;pointer-events:none}.connector-path{fill:none;stroke:currentColor;stroke-width:2;pointer-events:stroke;cursor:pointer}.connector-path:hover,.connector-path.is-selected{stroke:var(--accent-strong);stroke-width:3}.canvas-controls{position:absolute;right:12px;bottom:12px;z-index:70;display:flex;align-items:center;gap:1px;padding:3px;border:1px solid #454c55;border-radius:6px;background:#1f2329f5;box-shadow:var(--shadow-menu)}.selection-actions{position:absolute;top:10px;left:50%;z-index:75;display:flex;align-items:center;gap:1px;translate:-50% 0;padding:3px;border:1px solid #454c55;border-radius:6px;background:#1f2329f7;box-shadow:var(--shadow-menu)}.selection-actions-count{display:grid;min-width:24px;height:24px;place-items:center;margin-right:2px;border-radius:4px;color:var(--accent-strong);background:var(--accent-soft);font:10px var(--mono)}.canvas-control-divider{width:1px;height:19px;margin:0 2px;background:#414852}.zoom-value{width:48px;height:25px;padding:0;color:#c3c9cf;background:transparent;font:10px var(--mono)}.canvas-tool-hint{position:absolute;left:12px;bottom:12px;z-index:70;display:flex;height:28px;align-items:center;gap:7px;padding:0 9px;border:1px solid #454c55;border-radius:5px;color:#a7afb7;background:#1f2329f0;box-shadow:var(--shadow-menu);font-size:10px}.canvas-context-menu{position:fixed;z-index:4200;display:grid;width:210px;padding:4px;border:1px solid var(--border-strong);border-radius:6px;background:#24282f;box-shadow:var(--shadow-menu)}.canvas-context-menu button{display:flex;height:30px;align-items:center;gap:7px;padding:0 8px;border-radius:4px;color:#c6cbd1;background:transparent;text-align:left;font-size:11px}.canvas-context-menu button:hover{background:#343a43}.canvas-context-menu button span:first-of-type{flex:1}.canvas-context-menu kbd{color:#7f8993;font:9px var(--mono)}.canvas-empty{display:grid;height:100%;place-items:center;align-content:center;gap:8px;color:#707982;background:var(--canvas)}.canvas-empty button,.inspector-empty button{margin-top:6px}.visual-text{display:flex;align-items:flex-start;white-space:pre-wrap;overflow:hidden;line-height:1.35}.visual-button,.visual-input,.visual-select,.visual-icon-button{display:flex;align-items:center;justify-content:center;padding:0 12px;overflow:hidden}.visual-input{justify-content:flex-start}.visual-input::placeholder{color:#8b949d}.visual-check{display:flex;align-items:center;gap:8px;padding:4px 8px}.visual-check input{accent-color:#226c72}.visual-switch{position:relative;padding:0}.visual-switch span{position:absolute;top:3px;left:3px;width:calc(50% - 3px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040}.visual-select{justify-content:space-between}.visual-tabs{display:flex!important;align-items:center!important;padding:4px!important}.visual-tabs span{display:grid;height:100%;place-items:center;padding:0 12px;border-radius:4px}.visual-tabs span.is-active{color:#fff;background:#2e777b}.visual-progress{overflow:hidden}.visual-progress span{display:block;width:68%;height:100%;background:#31858a}.visual-avatar{display:grid;place-items:center;border-radius:50%!important}.visual-table{padding:0!important;overflow:hidden}.mock-table{display:grid;width:100%;height:100%;grid-template-rows:repeat(5,1fr)}.mock-table-head,.mock-table-row{display:grid;grid-template-columns:1.4fr 1fr .8fr;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #dde1e5}.mock-table-head{background:#eef1f3}.mock-table span{display:block;height:7px;border-radius:2px;background:#c8cfd4}.mock-table-row span{background:#dfe3e6}.visual-empty,.visual-image-missing{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#7b858d!important;text-align:center}.visual-empty strong{color:#303a40}.visual-empty span{font-size:11px}.visual-image{display:block;object-fit:cover}.visual-line{position:absolute;top:50%;height:1px!important}.visual-shape{overflow:hidden}.shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.shape-bubble{position:relative}.visual-overlay{display:flex!important;flex-direction:column!important;padding:20px!important}.visual-overlay-head{display:flex;justify-content:space-between}.visual-overlay p{flex:1;color:#68727a}.visual-overlay>button{align-self:flex-end;min-width:70px;height:30px;border-radius:4px;color:#fff;background:#266d72}.visual-surface{overflow:hidden}.visual-generic{display:flex;align-items:center;padding:0 10px;overflow:hidden}.flow-workspace{position:relative;width:100%;height:100%;background:#1d2127}.flow-header{position:absolute;top:10px;right:10px;left:10px;z-index:6;display:flex;height:42px;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #3a414a;border-radius:6px;background:#1f2329f2;box-shadow:var(--shadow-menu)}.flow-header>div{display:flex;align-items:center;gap:12px}.flow-header>div:first-child>span{display:grid;gap:1px}.flow-header strong{font-size:11px}.flow-header small{color:#7b848e;font-size:9px}.flow-warning,.flow-legend{display:flex;align-items:center;gap:5px;color:#939ca6;font-size:9px}.flow-warning{color:#d8a961}.flow-legend i{width:14px;height:2px;background:var(--accent)}.flow-legend i.overlay{background:#b58b4a}.react-flow{background:#1c2026}.react-flow__node.flow-page-node{width:250px;padding:0;border:1px solid #454d57;border-radius:6px;color:var(--text);background:#292e35;box-shadow:0 5px 16px #00000038}.react-flow__node.flow-page-node.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.flow-node-content{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:8px;text-align:left}.flow-node-preview{display:grid;height:48px;place-items:center;border:1px solid #444c55;border-radius:3px;color:#8da2a5;background:#1f2329}.flow-node-preview span{font:7px var(--mono)}.flow-node-content>div:nth-child(2){display:grid;gap:4px}.flow-node-content strong{font-size:11px}.flow-node-content>div:nth-child(2) span{color:#8c959f;font:9px var(--mono)}.flow-node-content small{padding:2px 4px;border:1px solid rgba(72,166,167,.35);border-radius:3px;color:var(--accent-strong);font:7px var(--mono)}.react-flow__edge-text{fill:#aeb6be;font-size:9px}.react-flow__edge-textbg{fill:#252a31}.react-flow__controls,.react-flow__minimap{border:1px solid #414852;border-radius:5px;overflow:hidden;box-shadow:var(--shadow-menu)}.react-flow__controls button{border-bottom-color:#3c434c;color:#c0c6cc;background:#292e35}.flow-empty{position:absolute;top:50%;left:50%;z-index:5;display:grid;translate:-50% -50%;place-items:center;gap:8px;padding:25px;border:1px solid #3a414a;border-radius:7px;color:#76808a;background:#242930;text-align:center}.flow-empty strong{color:#bcc3ca}.flow-empty button{display:flex;height:28px;align-items:center;gap:6px;padding:0 9px;border-radius:4px;color:var(--text);background:#343a43}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-top:1px solid #313740;color:#9099a3;background:#191c21;font-size:10px;-webkit-user-select:none;user-select:none}.status-bar>div{display:flex;align-items:center;gap:14px}.status-bar span{display:flex;align-items:center;gap:5px}.status-save.state-failed{color:var(--error)}.status-save.state-dirty,.status-save.state-saving{color:var(--warning)}.status-save.state-saved{color:var(--success)}.toast-stack{position:fixed;right:14px;bottom:38px;z-index:5000;display:grid;width:330px;gap:7px;pointer-events:none}.toast{display:grid;grid-template-columns:20px 1fr 24px;align-items:start;gap:8px;padding:10px;border:1px solid #454d57;border-left:3px solid #76818b;border-radius:7px;color:var(--text);background:#252a31;box-shadow:var(--shadow-menu);pointer-events:auto}.toast-success{border-left-color:var(--success)}.toast-warning{border-left-color:var(--warning)}.toast-error{border-left-color:var(--error)}.toast-copy{display:grid;gap:3px}.toast-copy strong{font-size:11px}.toast-copy span{color:#929ba5;font-size:10px;line-height:1.4}.toast>button{display:grid;width:22px;height:22px;place-items:center;border-radius:4px;color:#7f8993;background:transparent}.toast>button:hover{color:var(--text);background:#373e47}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:grid;place-items:center;background:#05080ba6}.dialog{width:min(440px,calc(100vw - 48px));border:1px solid #4a515b;border-radius:10px;background:var(--elevated-background);box-shadow:var(--shadow-dialog)}.dialog-heading{display:grid;grid-template-columns:34px 1fr 28px;align-items:start;gap:10px;padding:18px}.dialog-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:6px;color:var(--warning);background:#d6a14a1f}.dialog h2{margin:0 0 6px;font-size:14px}.dialog p{margin:0;color:#99a2ab;font-size:11px;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;padding:12px 18px;border-top:1px solid var(--border)}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:grid;grid-template-rows:46px 1fr 26px;color:var(--text);background:#171a1f}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border);background:#1e2228}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-toolbar button{display:flex;height:28px;align-items:center;gap:5px;padding:0 8px;border-radius:4px;color:#b6bdc5;background:transparent;font-size:10px}.preview-toolbar button:hover:not(:disabled){background:#30363e}.preview-toolbar>div:first-child>button{width:28px;padding:0;justify-content:center}.preview-toolbar strong{font-size:12px}.preview-toolbar small{color:#7e8791;font:9px var(--mono)}.preview-mode{display:flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid rgba(72,166,167,.4);border-radius:4px;color:var(--accent-strong);font:9px var(--mono)}.preview-toolbar label{display:flex;align-items:center;gap:7px;color:#8d96a0;font-size:10px}.preview-toolbar select{height:28px;padding:0 26px 0 8px;border:1px solid var(--border-strong);border-radius:4px;background:#292e35}.preview-shell{display:grid;min-width:0;min-height:0;place-items:center;overflow:auto;padding:30px;background-color:#bec2c6;background-image:radial-gradient(circle,rgba(55,61,68,.25) .7px,transparent .8px);background-size:16px 16px}.preview-scale-box{position:relative;flex:none;box-shadow:0 10px 38px #161b213d}.preview-page{position:absolute;top:0;left:0;overflow:hidden;transform-origin:0 0}.preview-element{position:absolute}.preview-element [data-actionable]{cursor:pointer}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#7f8892;background:#1a1d22;font-size:9px}.preview-footer span{display:flex;align-items:center;gap:5px}.export-dialog{display:grid;width:min(880px,calc(100vw - 80px));height:min(680px,calc(100vh - 70px));grid-template-rows:58px 58px minmax(0,1fr);overflow:hidden;border:1px solid #4a515b;border-radius:10px;background:var(--elevated-background);box-shadow:var(--shadow-dialog)}.export-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border)}.export-dialog>header>div{display:flex;align-items:center;gap:11px}.export-dialog>header>div>span{display:grid;gap:3px}.export-dialog h2,.export-dialog p{margin:0}.export-dialog h2{font-size:14px}.export-dialog p{color:#8e97a1;font-size:10px}.export-dialog>header>button{display:grid;width:28px;height:28px;place-items:center;border-radius:4px;color:#8c959f;background:transparent}.export-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 12px 0;border-bottom:1px solid var(--border);background:#20242a}.export-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;color:#89929c;background:transparent}.export-tabs button>span{display:grid;text-align:left}.export-tabs strong{font:10px var(--mono)}.export-tabs small{font-size:9px}.export-tabs button.is-active{color:var(--text)}.export-tabs button.is-active:after{content:"";position:absolute;right:10px;bottom:0;left:10px;height:2px;background:var(--accent)}.spec-export-pane{display:grid;min-height:0;grid-template-rows:48px minmax(0,1fr) 54px}.export-options{display:flex;height:48px;align-items:center;justify-content:space-between;padding:0 14px}.export-options .segmented-control{width:210px}.code-preview{display:grid;min-height:0;grid-template-rows:28px minmax(0,1fr);margin:0 14px;overflow:hidden;border:1px solid #3d444d;border-radius:6px;background:#171b1f}.code-preview-header{display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid #333942;color:#8f99a3;font:9px var(--mono)}.code-preview textarea{width:100%;height:100%;padding:12px;border:0;color:#c8d4d4;background:#171b1f;resize:none;font:10px/1.55 var(--mono);-moz-tab-size:2;tab-size:2}.spec-export-pane>footer{display:flex;height:54px;align-items:center;justify-content:space-between;padding:0 14px;color:#7f8993;font-size:10px}.spec-export-pane>footer button{display:flex;align-items:center;gap:7px}.file-export-pane{display:flex;min-height:0;flex-direction:column;align-items:center;padding:34px;overflow:auto}.file-package{display:flex;width:min(580px,100%);align-items:center;gap:16px;padding:18px;border:1px solid rgba(72,166,167,.38);border-radius:7px;background:#48a6a714}.file-package svg{color:var(--accent-strong)}.file-package>div{display:grid;gap:5px}.file-package strong{font-size:14px}.file-package span{color:#8d98a1;font-size:10px}.package-tree{display:grid;width:min(580px,100%);grid-template-columns:1fr 1fr;gap:1px;margin-top:14px;overflow:hidden;border:1px solid #3a4149;border-radius:6px;background:#3a4149}.package-tree span{padding:10px 12px;color:#9aa4ad;background:#20242a;font-size:10px}.file-save-button{display:flex;height:36px;align-items:center;gap:7px;margin-top:22px}@media(max-width:1420px){.top-toolbar{grid-template-columns:205px minmax(470px,1fr) auto}.project-identity span,.save-indicator span{display:none}.toolbar-actions{gap:1px}.tool-cluster .icon-button{width:28px}}@media(max-width:1279px){.start-screen,.editor-shell{display:none}.unsupported-viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;color:var(--text);background:var(--chrome);text-align:center}.unsupported-viewport strong{font-size:18px}.unsupported-viewport span{color:var(--muted)}}