:root{--radius-0:0px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-32:32px;--radius-full:999px;--border-width-default:1px;--spacer-0:0px;--spacer-2:2px;--spacer-4:4px;--spacer-6:6px;--spacer-8:8px;--spacer-10:10px;--spacer-12:12px;--spacer-16:16px;--spacer-20:20px;--spacer-24:24px;--spacer-32:32px;--spacer-40:40px;--spacer-48:48px;--spacer-64:64px;--icon-size-12:12px;--icon-size-14:14px;--icon-size-16:16px;--icon-size-20:20px;--icon-size-24:24px;--font-family-default:"SF Pro Text", "PingFang SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-heading:"SF Pro", "PingFang SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-metric:"Inter", "SF Pro Text", "PingFang SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-weight-default:400;--font-weight-code:450;--font-weight-medium:500;--font-weight-strong:600;--bg-base-default:#fff;--bg-base-secondary:#fafafa;--bg-base-tertiary:#f6f7f8;--canvas-bg:#f3f4f6;--bg-overlay-l1:#73737314;--bg-overlay-l2:#7373731f;--bg-overlay-l3:#73737329;--bg-overlay-l4:#73737333;--bg-menu:#fff;--bg-tooltip:#fff;--bg-invert:#262626;--bg-invert-hover:#404040;--bg-invert-active:#171717;--bg-brand:#4b3fe3;--bg-brand-hover:#6a6fff;--bg-brand-active:#3f31c6;--bg-brand-disabled:#4b3fe338;--bg-brand-popup:#aab7ff5c;--text-default:#171717;--text-default-hover:#262626;--text-secondary:#404040;--text-tertiary:#737373;--text-disabled:#a1a1a1;--text-onbrand:#fff;--text-brand:#4b3fe3;--icon-default:#262626;--icon-secondary:#404040;--icon-tertiary:#737373;--icon-disabled:#a1a1a1;--icon-onbrand:#fff;--icon-brand:#4b3fe3;--border-neutral-l1:#7373731f;--border-neutral-l2:#7373732e;--border-neutral-l3:#7373735c;--border-contrast:#000;--border-brand:#4b3fe3;--accent-teal:#00b983;--accent-coral:#ff6b45;--accent-amber:#f2a90c;--accent-lime:#5fc000;--accent-cyan:#00b6f5;--accent-blue:#3f85ff;--status-success-default:#10b981;--status-success-surface-l1:#10b9811a;--status-warning-default:#f59e0b;--status-warning-surface-l1:#f59e0b1f;--status-error-default:#ef4444;--status-error-surface-l1:#ef44441a;--status-primary-default:#3b82f6;--status-primary-surface-l1:#3b82f61a;--bg:var(--bg-base-default);--surface:var(--bg-base-default);--surface-warm:var(--bg-base-secondary);--fg:var(--text-default);--fg-2:var(--text-secondary);--muted:var(--text-tertiary);--meta:var(--accent-teal);--border:var(--border-neutral-l1);--border-soft:var(--border-neutral-l1);--accent:var(--bg-brand);--accent-on:var(--text-onbrand);--accent-hover:var(--bg-brand-hover);--accent-active:var(--bg-brand-active);--success:var(--status-success-default);--warn:var(--status-warning-default);--danger:var(--status-error-default);--font-display:var(--font-family-heading);--font-body:var(--font-family-default);--font-mono:var(--font-family-mono);--topbar-height:56px;--statusbar-height:28px;--panel-tab-height:40px;--canvas-toolbar-height:40px;--source-col:280px;--inspector-col:360px;--resizer-width:1px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:var(--radius-4);--radius-md:var(--radius-8);--radius-lg:var(--radius-12);--radius-pill:var(--radius-full);--leading-body:1.5;--leading-tight:1.2;--motion-fast:.13s;--motion-base:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--elev-flat:none;--elev-ring:0 0 0 1px var(--border-neutral-l1);--elev-raised:0 22px 68px #0f172a1f;--focus-ring:0 0 0 3px #4b3fe338}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg-base-default);min-height:100%;color:var(--text-default);font-family:var(--font-family-default);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}svg{width:18px;height:18px;display:block}h1,h2,h3,h4{font-family:var(--font-family-heading);letter-spacing:-.01em;text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}input,select,textarea{font-family:inherit}.app-shell{grid-template-rows:var(--topbar-height) minmax(0, 1fr) var(--statusbar-height);background:var(--bg-base-default);height:100vh;display:grid}.topbar,.app-header{height:var(--topbar-height);padding:0 var(--spacer-16);background:var(--bg-base-default);border-bottom:1px solid var(--border-neutral-l1);justify-content:space-between;align-items:center;gap:var(--spacer-12);min-height:0;display:flex}.brand-mark{border-radius:var(--radius-8);width:32px;height:32px;box-shadow:none;background:0 0;flex-shrink:0;place-items:center;transition:box-shadow .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);display:grid;overflow:visible}.brand-mark-text{letter-spacing:.02em;text-shadow:0 1px #00000024;font-size:12px;font-weight:600;line-height:1;display:inline-block}.brand-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.brand-copy h1{color:var(--text-default);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:var(--spacer-8);background:linear-gradient(135deg,#121826 0%,#4b3fe3 52%,#0f766e 100%);-webkit-text-fill-color:transparent;text-shadow:0 1px #ffffffb3;-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,Playfair Display,serif;font-size:17px;font-style:italic;font-weight:700;line-height:20px;display:inline-flex}.brand-copy h1:first-letter{font-size:1.08em}.brand-copy .brand-version{height:auto;color:inherit;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3039b8 0%,#0f766e 100%);font-variant-numeric:tabular-nums;letter-spacing:.02em;vertical-align:middle;-webkit-background-clip:text;background-clip:text;border-radius:0;align-items:center;padding:0;font-family:inherit;font-size:12px;font-style:italic;font-weight:700;line-height:1;display:inline-flex;transform:translateY(1px)skew(-7deg)}.brand-divider{background:var(--border-neutral-l1);width:1px;height:18px;margin:0 var(--spacer-4);flex-shrink:0}.brand-breadcrumb:empty{display:none}.brand-breadcrumb-divider{color:var(--text-tertiary)}.brand-breadcrumb-current{color:var(--text-secondary);font-weight:500}.brand-breadcrumb-folder,.brand-breadcrumb-current{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-family:var(--font-family-mono);font-size:11px;line-height:16px;overflow:hidden}.brand-subtitle{display:none}.toolbar{align-items:center;gap:var(--spacer-4);flex-wrap:nowrap;min-width:0;margin-left:auto;display:flex}.toolbar>.dropdown+.icon-btn,.toolbar>.btn+.dropdown,.toolbar>.icon-btn+.dropdown,.toolbar>.dropdown+.dropdown,.toolbar>.dropdown+.btn{margin-left:var(--spacer-2)}.toolbar-group{align-items:center;gap:var(--spacer-2);display:inline-flex}.toolbar-group-middle,.toolbar-group-tail{gap:var(--spacer-4)}.toolbar-separator{background:var(--border-neutral-l1);width:1px;margin:0 var(--spacer-2);align-self:stretch}.toolbar-button{align-items:center;gap:var(--spacer-6);height:28px;padding:0 var(--spacer-12);border-radius:var(--radius-8);white-space:nowrap;color:var(--text-default);border:1px solid #0000;font-size:12px;font-weight:500;line-height:16px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.toolbar-button svg{width:14px;height:14px}.button-label{display:inline-block}.compact-toolbar-button{gap:var(--spacer-6)}.ghost-button{color:var(--text-default);background:0 0;border-color:#0000}.ghost-button:hover:not(:disabled){background:var(--bg-overlay-l2)}.ghost-button:active:not(:disabled){background:var(--bg-overlay-l3)}.primary-button,.toolbar-button.toolbar-modal-button-active{background:var(--bg-brand);color:var(--text-onbrand);border-color:var(--bg-brand)}.primary-button:hover:not(:disabled){background:var(--bg-brand-hover);border-color:var(--bg-brand-hover)}.primary-button:active:not(:disabled){background:var(--bg-brand-active);border-color:var(--bg-brand-active)}.export-toolbar-button{gap:var(--spacer-4)}.export-format-button{height:28px;padding:0 var(--spacer-8);gap:var(--spacer-6)}.toolbar-modal-button-active{background:var(--bg-overlay-l3);color:var(--text-default);border-color:var(--border-neutral-l2)}.icon-button{border-radius:var(--radius-8);justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.icon-button svg{width:14px;height:14px}.spin-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.button-label{display:none}.toolbar-button{justify-content:center;width:28px;padding:0}.export-toolbar-button .button-label,.toolbar-group-middle .button-label{display:none}.export-toolbar-button,.toolbar-group-middle .toolbar-button{justify-content:center;width:28px;padding:0}}.workspace{grid-template-columns:var(--source-col) minmax(0, 1fr) var(--inspector-col);background:var(--bg-base-default);align-items:stretch;min-height:0;display:grid}.workspace.workspace-source-collapsed{grid-template-columns:44px minmax(0, 1fr) var(--inspector-col)}.workspace.workspace-inspector-collapsed{grid-template-columns:var(--source-col) minmax(0, 1fr) 44px}.workspace.workspace-source-collapsed.workspace-inspector-collapsed{grid-template-columns:44px minmax(0,1fr) 44px}.workspace-resizer{width:var(--resizer-width);cursor:col-resize;background:0 0;border:0;align-self:stretch;margin:0;padding:0;position:relative}.workspace-resizer:before{content:"";background:0 0;transition:background .12s;position:absolute;inset:0}.workspace-resizer:hover:before,.workspace-resizer:focus-visible:before{background:var(--bg-brand)}.workspace-resizer-source{border-right:1px solid var(--border-neutral-l1)}.workspace-resizer-inspector{border-left:1px solid var(--border-neutral-l1)}body.is-resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace.workspace-source-bottom{grid-template-columns:var(--source-col) minmax(0, 1fr) var(--inspector-col);grid-template-rows:minmax(0,1fr) minmax(220px,.45fr);grid-template-areas:"source canvas inspector""source bottom inspector"}.workspace.workspace-source-bottom>aside:first-child{grid-area:source}.workspace.workspace-source-bottom>.workspace-resizer-source{display:none}.workspace.workspace-source-bottom>section,.workspace.workspace-source-bottom>.canvas-panel{border-bottom:1px solid var(--border-neutral-l1);grid-area:canvas}.workspace.workspace-source-bottom .source-bottom-host{border-top:1px solid var(--border-neutral-l1);background:var(--bg-base-secondary);flex-direction:column;grid-area:bottom;display:flex;overflow:hidden}.panel{background:var(--bg-base-default);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.panel+.panel{border-left:1px solid var(--border-neutral-l1)}.panel-head{height:var(--panel-tab-height);min-height:var(--panel-tab-height);justify-content:space-between;align-items:center;gap:var(--spacer-12);padding:0 var(--spacer-12);border-bottom:1px solid var(--border-neutral-l1);background:var(--bg-base-default);display:flex}.panel-title{align-items:center;gap:var(--spacer-8);color:var(--text-default);min-width:0;font-size:13px;font-weight:600;display:flex}.panel-title svg{width:14px;height:14px;color:var(--icon-tertiary)}.panel-head-actions{align-items:center;gap:var(--spacer-8);display:inline-flex}.ds-btn--icon.ds-btn--sm{border-radius:var(--radius-8);width:24px;height:24px;color:var(--icon-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:background .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1);display:inline-flex}.ds-btn--icon.ds-btn--sm:hover{background:var(--bg-overlay-l2);color:var(--icon-default)}.ds-btn--icon.ds-btn--sm:active{background:var(--bg-overlay-l3);transform:scale(.92)}.ds-btn--icon.ds-btn--sm svg{width:14px;height:14px;transition:transform .14s cubic-bezier(.2,0,0,1)}.inspector-tabs,.panel-tabs{height:var(--panel-tab-height);border-bottom:1px solid var(--border-neutral-l1);align-items:stretch;margin-bottom:-1px;display:flex}.inspector-tabs button,.panel-tabs button{padding:0 var(--spacer-12);height:100%;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex;position:relative}.inspector-tabs button:hover,.panel-tabs button:hover{color:var(--text-default)}.inspector-tabs button.inspector-tab-active,.panel-tabs button.is-active{color:var(--text-default);border-bottom-color:var(--text-default)}.tabs,.segmented{align-items:center;gap:var(--spacer-2);padding:var(--spacer-2);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);background:var(--bg-base-secondary);display:inline-flex}.tab,.seg-btn{border-radius:var(--radius-4);color:var(--text-secondary);padding:var(--spacer-4) var(--spacer-12);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:500;line-height:16px}.tab:hover,.seg-btn:hover{color:var(--text-default);background:var(--bg-overlay-l2)}.tab.is-active,.seg-btn.is-active{background:var(--bg-base-default);color:var(--text-default);box-shadow:var(--elev-ring)}.left-tools{background:var(--bg-base-secondary);flex-direction:column;min-height:0;display:flex}.left-tools>*{flex-shrink:0}.left-tools>.tree-scroll,.left-tools>.source-editor{flex:1;min-height:0}.upload-card{margin:var(--spacer-12);border:1px dashed var(--border-neutral-l2);border-radius:var(--radius-8);padding:var(--spacer-12);background:var(--bg-base-default);align-items:center;gap:var(--spacer-12);cursor:pointer;display:flex;position:relative}.upload-card.is-imported{border-style:solid;border-color:var(--border-neutral-l2);background:var(--bg-base-default)}.upload-card input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-card strong{font-family:var(--font-family-heading);color:var(--text-default);font-size:12px;font-weight:500}.upload-card p{color:var(--text-tertiary);margin:0;font-size:11px;line-height:14px}.search{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);background:var(--bg-base-default);width:100%;height:28px;color:var(--text-default);padding:0 var(--spacer-8);outline:none;font-size:12px}.search::placeholder{color:var(--text-tertiary)}.search:focus{border-color:var(--border-contrast)}.tree-scroll{padding:var(--spacer-4) var(--spacer-8) var(--spacer-8);font-size:12px;overflow-y:auto}.tree-group{gap:var(--spacer-2);display:grid}.tree-label{color:var(--text-tertiary);font-family:var(--font-family-mono);letter-spacing:.08em;text-transform:uppercase;padding:var(--spacer-4) var(--spacer-4) 0;font-size:10px}.tree-toolbar-actions{justify-content:flex-end;align-items:center;gap:var(--spacer-4);padding:0 var(--spacer-4) var(--spacer-4);display:flex}.tree-action{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-full);background:var(--bg-base-default);color:var(--text-secondary);padding:var(--spacer-2) var(--spacer-8);cursor:pointer;font-size:11px;line-height:16px}.tree-action:hover:not(:disabled){background:var(--bg-overlay-l2);color:var(--text-default)}.tree-action:disabled{opacity:.5;cursor:not-allowed}.tree-item-row{border-radius:var(--radius-4);align-items:stretch;display:flex}.tree-toggle,.tree-toggle-placeholder{flex:0 0 18px;justify-content:center;align-items:center;width:18px;display:inline-flex}.tree-toggle{color:var(--icon-tertiary);cursor:pointer;border-radius:var(--radius-4);background:0 0;border:0}.tree-toggle:hover{color:var(--icon-default);background:var(--bg-overlay-l2)}.tree-toggle svg{width:12px;height:12px}.tree-toggle-placeholder{pointer-events:none}.tree-item{align-items:center;gap:var(--spacer-6);min-width:0;padding:var(--spacer-4) var(--spacer-8);border-radius:var(--radius-4);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:0;flex:1;font-size:12px;display:flex}.tree-item:hover{background:var(--bg-overlay-l2);color:var(--text-default)}.tree-item.is-selected{background:var(--bg-overlay-l3);color:var(--text-default)}.tree-item.is-ai-annotated{box-shadow:inset 2px 0 0 var(--status-warning-default)}.node-icon{min-width:22px;height:18px;padding:0 var(--spacer-4);border-radius:var(--radius-4);background:var(--bg-overlay-l2);color:var(--text-secondary);font-family:var(--font-family-mono);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:inline-flex}.node-icon--brand{background:var(--bg-brand-popup);color:var(--text-brand)}.node-icon--success{background:var(--status-success-surface-l1);color:var(--status-success-default)}.node-icon--warning{background:var(--status-warning-surface-l1);color:var(--status-warning-default)}.node-icon--primary{background:var(--status-primary-surface-l1);color:var(--status-primary-default)}.node-icon--cyan{background:var(--status-primary-surface-l1);color:var(--accent-cyan)}.node-icon--tertiary{background:var(--bg-overlay-l2);color:var(--text-tertiary)}.node-copy{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.node-copy strong{color:var(--text-default);font-weight:500}.node-copy span{color:var(--text-tertiary);margin-left:var(--spacer-4);flex-shrink:0;font-size:10px}.node-ai-badge{align-items:center;gap:var(--spacer-4);padding:0 var(--spacer-4);border-radius:var(--radius-full);background:var(--status-warning-surface-l1);height:16px;color:var(--status-warning-default);flex-shrink:0;font-size:10px;font-weight:500;display:inline-flex}.ai-panel{margin:0 var(--spacer-12) var(--spacer-4);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);background:var(--bg-base-default);overflow:hidden}.ai-panel-head{align-items:center;gap:var(--spacer-8);height:32px;padding:0 var(--spacer-12);cursor:pointer;text-align:left;width:100%;color:var(--text-default);background:0 0;border:0;font-size:12px;font-weight:500;display:flex}.ai-panel-head svg{width:12px;height:12px;color:var(--icon-tertiary)}.ai-panel-head svg.sparkles{color:var(--icon-brand);width:13px;height:13px}.ai-panel-count{align-items:center;gap:var(--spacer-4);color:var(--status-success-default);margin-left:auto;font-size:10px;font-weight:500;display:inline-flex}.ai-panel-count-dot{border-radius:var(--radius-full);background:var(--status-success-default);width:6px;height:6px;display:inline-block}.ai-panel-body{gap:var(--spacer-8);padding:var(--spacer-12);border-top:1px solid var(--border-neutral-l1);flex-direction:column;display:flex}.ai-panel-row{align-items:center;gap:var(--spacer-8);display:flex}.ai-panel-row label{color:var(--text-tertiary);flex-shrink:0;min-width:36px;font-size:11px}.ai-panel-row .ds-input{height:24px;padding:0 var(--spacer-8);flex:1;font-size:11px}.ai-action-row{justify-content:flex-end;align-items:center;gap:var(--spacer-6);padding-top:var(--spacer-2);display:flex}.ai-action-row .ds-btn{height:22px;padding:0 var(--spacer-8);border-radius:var(--radius-6);font-size:11px}.ai-risk-summary{gap:var(--spacer-4);padding:var(--spacer-8);border-radius:var(--radius-6);background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);font-size:11px;display:grid}.ai-risk-summary.has-risk{border-color:color-mix(in oklab, var(--status-warning-default) 32%, var(--border-neutral-l1));background:var(--status-warning-surface-l1)}.ai-risk-list button{width:100%;padding:var(--spacer-6);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-6);background:var(--bg-base-default);color:var(--text-default);text-align:left;gap:2px;font-size:11px;display:grid}.ai-risk-list button:hover{background:var(--bg-overlay-l1)}.ai-risk-list small{color:var(--text-tertiary);font-size:10px}.ai-error{text-overflow:ellipsis;white-space:nowrap;max-height:48px;color:var(--status-error-default);background:color-mix(in srgb, var(--status-error-default) 8%, transparent);border:1px solid color-mix(in srgb, var(--status-error-default) 22%, transparent);border-radius:var(--radius-6);cursor:help;padding:4px 8px;font-size:11px;line-height:16px;transition:max-height .18s cubic-bezier(.2,0,0,1),white-space .18s cubic-bezier(.2,0,0,1),background .16s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.ai-error:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--status-error-default) 8%, transparent));pointer-events:none;width:16px;position:absolute;top:0;bottom:0;right:0}.ai-error:hover,.ai-error:focus-within{white-space:pre-wrap;word-break:break-all;background:color-mix(in srgb, var(--status-error-default) 12%, transparent);max-height:180px;overflow:auto}.ai-error::-webkit-scrollbar{width:6px}.ai-error::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--status-error-default) 35%, transparent);border-radius:var(--radius-full)}.ai-result-list{gap:var(--spacer-4);margin-top:var(--spacer-8);display:grid}.ai-result-item{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-6);background:var(--bg-base-default);color:var(--text-default);padding:var(--spacer-8);gap:var(--spacer-2);text-align:left;font-size:12px;display:grid}.ai-result-item:hover{border-color:var(--bg-brand)}.ai-result-item span,.ai-result-item small,.ai-node-hint,.ai-selected-note{color:var(--text-tertiary);font-size:11px}.ai-node-hint{color:var(--text-brand)}.remember-key-row{align-items:center;gap:var(--spacer-4);color:var(--text-tertiary);font-size:11px;display:flex}.remember-key-row input{width:12px;height:12px;accent-color:var(--bg-brand)}.stage-panel{background:var(--bg-base-default);border-left:1px solid var(--border-neutral-l1);border-right:1px solid var(--border-neutral-l1);flex-direction:column;min-width:0;transition:box-shadow .22s cubic-bezier(.2,0,0,1);display:flex;position:relative}.stage-panel:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bg-brand) 32%, transparent)}.canvas-panel{flex-direction:column;min-height:0;display:flex}.stage-head{height:var(--canvas-toolbar-height);min-height:var(--canvas-toolbar-height);padding:0 var(--spacer-16);background:var(--bg-base-default);border-bottom:1px solid var(--border-neutral-l1);justify-content:space-between;align-items:center;gap:var(--spacer-12);display:flex}.canvas-tools{align-items:center;gap:var(--spacer-2);display:inline-flex}.size-pill{align-items:center;gap:var(--spacer-4);font-family:var(--font-family-metric);color:var(--text-tertiary);font-variant-numeric:tabular-nums;padding:0 var(--spacer-8);border-radius:var(--radius-6);background:0 0;height:24px;font-size:12px;display:inline-flex}.viewport-controls{align-items:center;gap:var(--spacer-2);display:inline-flex}.viewport-select{border-radius:var(--radius-6);border:1px solid var(--border-neutral-l1);background:var(--bg-base-default);height:24px;padding:0 var(--spacer-8);font-size:12px}.viewport-size-input{border-radius:var(--radius-6);border:1px solid var(--border-neutral-l1);background:var(--bg-base-default);width:60px;height:24px;padding:0 var(--spacer-4);font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;text-align:center;font-size:12px}.viewport-times{color:var(--text-tertiary);padding:0 2px}.stage{min-height:0;padding:var(--spacer-32);background:radial-gradient(circle at center, color-mix(in srgb, var(--bg-brand) 6%, transparent) 1px, transparent 1.5px) 0 0 / 24px 24px, radial-gradient(circle at center, var(--border-neutral-l2) 1px, transparent 1.5px) 0 0 / 20px 20px, linear-gradient(180deg, var(--bg-base-tertiary) 0%, color-mix(in srgb, var(--bg-base-secondary) 60%, var(--bg-base-tertiary)) 100%);flex:1;justify-content:center;align-items:flex-start;transition:background-color .2s cubic-bezier(.2,0,0,1);animation:.36s cubic-bezier(.2,0,0,1) both stage-fade-in;display:flex;position:relative;overflow:auto}@keyframes stage-fade-in{0%{opacity:0}to{opacity:1}}.page-preview{background:var(--bg-base-default);box-shadow:0 2px 24px color-mix(in srgb, var(--text-default) 5%, transparent), 0 1px 2px color-mix(in srgb, var(--text-default) 4%, transparent), 0 0 0 1px var(--border-neutral-l1);border-radius:var(--radius-8);transform-origin:top;flex:none;margin:auto;transition:box-shadow .24s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.page-preview-shell{flex:none;margin:auto;position:relative}.page-preview-shell .page-preview{transform-origin:0 0;margin:0;position:absolute;top:0;left:0}.page-preview--content-fit .live-preview-frame{transform-origin:0 0;max-width:none;position:absolute;top:0;left:0}.page-preview:hover{box-shadow:0 6px 36px color-mix(in srgb, var(--text-default) 8%, transparent), 0 2px 4px color-mix(in srgb, var(--text-default) 5%, transparent), 0 0 0 1px var(--border-neutral-l2)}.editable{outline:1px dashed color-mix(in srgb, var(--bg-brand) 60%, transparent);outline-offset:-1px;transition:outline-color .12s}.editable.is-active{outline:2px solid var(--bg-brand);outline-offset:-2px}.editable.is-active:after{content:attr(data-hft-id);background:var(--bg-brand);color:var(--text-onbrand);font-size:10px;font-family:var(--font-family-mono);pointer-events:none;white-space:nowrap;z-index:5;border-radius:4px 4px 4px 0;padding:1px 6px;position:absolute;top:-18px;left:-1px}.inspector-panel{background:var(--bg-base-secondary);flex-direction:column;min-height:0;display:flex}.inspector-tabs-wrap{height:var(--panel-tab-height);border-bottom:1px solid var(--border-neutral-l1);padding:0 var(--spacer-12);justify-content:space-between;align-items:center;gap:var(--spacer-8);min-width:0;display:flex}.inspector-title{color:var(--text-default);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:10px;font-size:13px;font-weight:600;position:relative;overflow:hidden}.inspector-title:before{content:"";background:linear-gradient(180deg, var(--bg-brand) 0%, var(--bg-brand-hover) 100%);border-radius:2px;width:3px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.inspector-body{min-height:0;padding:var(--spacer-12) var(--spacer-12) var(--spacer-32);gap:var(--spacer-10);flex-direction:column;flex:1;scroll-padding-top:96px;display:flex;overflow:hidden auto}.inspector-content{gap:var(--spacer-12);flex-direction:column;display:flex}.inspector-empty{padding:var(--spacer-24);text-align:center;color:var(--text-tertiary);place-items:center;display:grid}.inspector-empty strong{color:var(--text-default);font-size:14px;font-weight:500}.inspector-empty p{margin:var(--spacer-4) 0 0;font-size:12px}.inspector-empty kbd{font-family:var(--font-family-mono);border:1px solid var(--border-neutral-l2);background:var(--bg-base-default);color:var(--text-secondary);border-radius:4px;padding:1px 6px;font-size:11px}.property-card{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);background:var(--bg-base-default);overflow:hidden}.property-card[hidden]{display:none}.property-card h3{align-items:center;gap:var(--spacer-8);padding:var(--spacer-12) var(--spacer-12) var(--spacer-8);color:var(--text-default);letter-spacing:-.01em;border-bottom:1px solid var(--border-neutral-l1);margin-bottom:var(--spacer-8);font-size:12px;font-weight:600;font-family:var(--font-family-heading);display:flex}.property-card h3:before{content:"";background:linear-gradient(180deg, var(--bg-brand), var(--bg-brand-hover));border-radius:var(--radius-4);width:4px;height:14px;transition:transform .2s cubic-bezier(.2,0,0,1)}.property-card:hover h3:before{transform:scaleY(1.1)}.meta{color:var(--text-tertiary);font-size:11px;font-weight:400}p.meta{margin:0}span.meta{display:inline-block}.token-row>span.meta,.token-row .meta{margin-left:auto}.property-card-head{align-items:center;gap:var(--spacer-8);padding:var(--spacer-8) var(--spacer-12);border-bottom:1px solid var(--border-neutral-l1);display:flex}.property-card-head svg{width:14px;height:14px;color:var(--icon-secondary)}.property-card-head span{color:var(--text-default);font-size:12px;font-weight:500}.property-card-body{padding:var(--spacer-8) var(--spacer-12);gap:var(--spacer-8);flex-direction:column;display:flex}.property-card.is-compact .property-card-body{align-items:center;gap:var(--spacer-4);flex-direction:row}.inspector-body>.property-card[data-od-id]{gap:var(--spacer-8);background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.inspector-body>.property-card[data-od-id]>h3{margin:var(--spacer-4) 0 0;background:0 0;border-bottom:0;padding:0}.inspector-body>.property-card[data-od-id]>h3:before{width:3px;height:14px}.inspector-body>.property-card[data-od-id]>.btn-primary{align-self:stretch}.field{flex-direction:column;gap:4px;display:flex}.field,.field-grid,.field-row,.input,.textarea{min-width:0}.field label{color:var(--text-tertiary);letter-spacing:-.005em;font-size:11px;font-weight:500}.field-grid{gap:var(--spacer-8);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));display:grid}.field .input,.field .textarea{height:28px;font-size:12px}.field .textarea{min-height:64px;padding-top:6px;padding-bottom:6px}.field .input::placeholder,.field .textarea::placeholder{color:var(--text-tertiary)}.field-row{align-items:center;gap:var(--spacer-8);display:flex}.field-row label{color:var(--text-tertiary);flex-shrink:0;min-width:40px;font-size:11px}.field-row .ds-input,.field-row .input,.field-row input{flex:1}.input,.textarea{height:26px;padding:0 var(--spacer-8);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-6);background:var(--bg-base-default);color:var(--text-default);font-size:12px;font-family:var(--font-family-default);outline:none;width:100%;transition:border-color .14s cubic-bezier(.2,0,0,1),background .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1)}.textarea{height:auto;min-height:64px;padding:var(--spacer-6) var(--spacer-8);resize:vertical}.input:hover,.textarea:hover{border-color:var(--border-neutral-l2)}.input:focus,.textarea:focus{border-color:var(--bg-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--bg-brand) 14%, transparent)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.textarea.code-editor{min-height:360px;font-family:var(--font-family-mono);font-size:12px;line-height:1.55}.pretext-badge{align-items:center;gap:var(--spacer-4);padding:var(--spacer-4) var(--spacer-8);background:var(--status-primary-surface-l1);color:var(--status-primary-default);border-radius:var(--radius-4);font-size:10px;font-family:var(--font-family-metric);display:inline-flex}.pretext-badge-warn{background:var(--status-warning-surface-l1);color:var(--status-warning-default)}.color-field{align-items:center;gap:var(--spacer-8);flex-direction:row;min-height:26px;padding:2px 0;display:flex}.color-field.full,.field-full{width:100%}.color-field>span{color:var(--text-tertiary);min-width:40px;font-size:11px}.color-row{align-items:center;gap:var(--spacer-6);flex:1;display:flex}.color-row input,.color-channel input{height:26px;padding:0 var(--spacer-8);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-6);background:var(--bg-base-default);font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;outline:none;flex:1;font-size:12px}.color-row input:focus,.color-channel input:focus{border-color:var(--border-contrast)}.color-swatch-button{border-radius:var(--radius-4);border:1px solid var(--border-neutral-l2);cursor:pointer;width:24px;height:24px;padding:0}.color-swatch-button:hover{border-color:var(--border-neutral-l3)}.color-popover{z-index:60;background:var(--bg-base-default);border:1px solid var(--border-neutral-l2);border-radius:var(--radius-8);padding:var(--spacer-12);width:240px;position:absolute;box-shadow:0 12px 32px #0000001f}.color-map{border-radius:var(--radius-4);cursor:crosshair;width:100%;height:140px;position:relative}.color-map-thumb{border-radius:var(--radius-full);pointer-events:none;border:2px solid #fff;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0003}.color-controls{margin-top:var(--spacer-8);gap:var(--spacer-8);flex-direction:column;display:flex}.color-hue-slider{border-radius:var(--radius-full);appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:8px}.color-hue-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--bg-base-default);border:1px solid var(--border-neutral-l3);cursor:pointer;width:14px;height:14px}.color-rgb-grid{gap:var(--spacer-4);grid-template-columns:repeat(3,1fr);display:grid}.color-channel{align-items:center;gap:var(--spacer-4);display:flex}.color-channel input{width:100%;height:24px;padding:0 var(--spacer-4);font-size:11px}.color-channel span{font-family:var(--font-family-metric);color:var(--text-tertiary);font-size:10px}.color-preset-row{gap:var(--spacer-4);margin-top:var(--spacer-8);flex-wrap:wrap;display:flex}.color-preset-row button{border-radius:var(--radius-4);border:1px solid var(--border-neutral-l2);cursor:pointer;width:16px;height:16px}.color-swatch-grid{gap:var(--spacer-4);margin-top:var(--spacer-8);flex-wrap:wrap;display:flex}.color-swatch-grid button{border-radius:var(--radius-4);border:1px solid var(--border-neutral-l2);cursor:pointer;width:16px;height:16px}.color-history-label{margin-top:var(--spacer-8);color:var(--text-tertiary);font-size:11px}.token-row{align-items:center;gap:var(--spacer-8);min-width:0;font-size:11px;display:flex}.token-row>span:first-child{flex-shrink:0}.token-row .meta{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.token-swatch{border-radius:var(--radius-4);border:1px solid var(--border-neutral-l2);width:14px;height:14px}.inspector-diagnostics{gap:var(--spacer-8);flex-direction:column;display:flex}.diagnostic-card{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);background:var(--bg-base-default);padding:var(--spacer-12);gap:var(--spacer-8);flex-direction:column;display:flex}.diagnostic-head{justify-content:space-between;align-items:center;gap:var(--spacer-8);font-size:12px;display:flex}.diagnostic-head strong{color:var(--text-default);font-weight:500}.diagnostic-card h4{margin:0;font-size:12px;font-weight:500}.diagnostic-list{column-gap:var(--spacer-8);row-gap:var(--spacer-4);grid-template-columns:max-content 1fr;margin:0;display:grid}.diagnostic-list dt{color:var(--text-tertiary);font-size:11px}.diagnostic-list dd{font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;color:var(--text-default);margin:0;font-size:11px}.quick-actions{gap:var(--spacer-4);grid-template-columns:repeat(auto-fit,minmax(88px,1fr));display:grid}.quick-actions .btn{min-width:0;min-height:28px;padding:0 var(--spacer-8);justify-content:center}.empty-state{text-align:center;padding:var(--spacer-24);color:var(--text-tertiary);border:1px dashed var(--border-neutral-l2);border-radius:var(--radius-8);background:var(--bg-base-default);place-items:center;font-size:12px;display:grid}.empty-state-illustration{align-items:center;gap:var(--spacer-16);margin-bottom:var(--spacer-16);display:flex}.empty-state h2{color:var(--text-default);margin:0;font-size:14px;font-weight:500}.empty-state ol{text-align:left;gap:var(--spacer-4);margin:var(--spacer-8) auto 0;max-width:240px;color:var(--text-secondary);font-size:11px;list-style:inside decimal;display:grid}.source-editor{flex-direction:column;flex:1;min-height:0;display:flex}.source-import-dropzone{align-items:center;gap:var(--spacer-8);margin:var(--spacer-12);padding:var(--spacer-12);border:1px dashed var(--border-neutral-l2);border-radius:var(--radius-8);background:color-mix(in srgb, var(--bg-brand) 4%, var(--bg-base-default));color:var(--text-secondary);display:flex}.source-import-dropzone>div{gap:var(--spacer-2);min-width:0;display:grid}.source-import-dropzone strong{color:var(--text-default);font-size:12px;font-weight:600}.source-import-dropzone span{color:var(--text-tertiary);font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.source-import-dropzone>.ds-btn{flex-shrink:0;margin-left:auto}.source-import-dropzone>span,.source-import-dropzone>.source-dirty{display:none}.source-editor-meta{align-items:center;gap:var(--spacer-8);padding:var(--spacer-8) var(--spacer-12);color:var(--text-tertiary);font-family:var(--font-family-mono);border-bottom:1px solid var(--border-neutral-l1);background:var(--bg-base-secondary);flex-wrap:wrap;font-size:11px;display:flex}.source-editor-meta span{padding:0 var(--spacer-8);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-full);background:var(--bg-base-default);align-items:center;height:20px;display:inline-flex}.source-editor-language,.source-dirty{color:var(--text-brand);font-weight:500}.source-dirty{border-color:color-mix(in srgb, var(--status-warning-default) 36%, var(--border-neutral-l1))!important;background:var(--status-warning-surface-l1)!important;color:var(--status-warning-default)!important}.source-editor-actions{gap:var(--spacer-8);padding:var(--spacer-10) var(--spacer-12);border-top:1px solid var(--border-neutral-l1);background:var(--bg-base-default);flex-wrap:wrap;justify-content:flex-end;margin-left:0;display:flex}.source-editor>.field{min-height:0;padding:0 var(--spacer-12);flex:1}.source-editor>.field label{flex-shrink:0}.source-editor textarea.code-editor{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);min-height:0;font-family:var(--font-family-mono);padding:var(--spacer-12);resize:none;background:var(--bg-base-default);flex:1;font-size:12px;line-height:1.55}.history-drawer{right:var(--spacer-16);top:calc(var(--topbar-height) + var(--spacer-12));z-index:40;width:340px;max-height:calc(100vh - var(--topbar-height) - var(--statusbar-height) - var(--spacer-32));border:1px solid var(--border-neutral-l1);background:var(--bg-base-default);border-radius:16px;flex-direction:column;animation:.22s cubic-bezier(.34,1.56,.64,1) cheatsheet-pop-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 64px #0f172a29,0 4px 16px #0f172a0f}.history-drawer-head{justify-content:space-between;align-items:flex-start;gap:var(--spacer-12);padding:var(--spacer-16) var(--spacer-16) var(--spacer-12);border-bottom:1px solid var(--border-neutral-l1);background:var(--bg-base-secondary);display:flex}.history-drawer-head strong{letter-spacing:-.005em;margin-bottom:2px;font-size:14px;font-weight:650;display:block}.history-drawer-head p{color:var(--text-tertiary);margin:0;font-size:11px}.history-drawer-list{padding:var(--spacer-12) var(--spacer-12) var(--spacer-16);flex-direction:column;flex:1;gap:2px;display:flex;position:relative;overflow-y:auto}.history-drawer-list:before{content:"";left:26px;top:var(--spacer-12);bottom:var(--spacer-12);background:var(--border-neutral-l1);width:1px;position:absolute}.history-drawer-item{align-items:flex-start;gap:var(--spacer-8);width:100%;padding:var(--spacer-8) var(--spacer-12);border-radius:var(--radius-8);color:var(--text-default);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:16px 32px 1fr;transition:background .12s;display:grid;position:relative}.history-drawer-item:hover{background:var(--bg-base-secondary)}.history-drawer-item.is-current{background:color-mix(in srgb, var(--bg-brand) 6%, var(--bg-base-secondary))}.history-drawer-item__node{place-items:center;height:18px;margin-top:1px;display:grid;position:relative}.history-drawer-item__node:before{content:"";border-radius:var(--radius-full);background:var(--bg-base-default);border:2px solid var(--border-neutral-l2);z-index:1;width:9px;height:9px;position:absolute}.history-drawer-item.is-current .history-drawer-item__node:before{border-color:var(--bg-brand);background:var(--bg-brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--bg-brand) 18%, transparent)}.history-drawer-item__index{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;color:var(--text-tertiary);letter-spacing:.04em;padding-top:2px;font-size:10px}.history-drawer-item.is-current .history-drawer-item__index{color:var(--bg-brand);font-weight:700}.history-drawer-item__body{flex-direction:column;gap:2px;min-width:0;display:flex}.history-drawer-item strong{color:var(--text-default);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:550;overflow:hidden}.history-drawer-item small{color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.dialog-backdrop,.cheatsheet-backdrop{z-index:1000;background:#0f172a61;place-items:center;animation:.18s cheatsheet-fade-in;display:grid;position:fixed;inset:0}@keyframes cheatsheet-fade-in{0%{opacity:0}to{opacity:1}}.export-dialog{background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);border-radius:16px;flex-direction:column;width:92vw;max-width:760px;max-height:88vh;padding:0;animation:.22s cubic-bezier(.34,1.56,.64,1) cheatsheet-pop-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a38,0 4px 16px #0f172a14}.export-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--spacer-12);padding:var(--spacer-20) var(--spacer-24) var(--spacer-16);border-bottom:1px solid var(--border-neutral-l1);display:flex}.export-dialog-header__title{align-items:flex-start;gap:var(--spacer-12);display:flex}.export-dialog-header__icon{background:linear-gradient(135deg, var(--bg-brand) 0%, color-mix(in srgb, var(--bg-brand-hover) 60%, var(--bg-brand)) 100%);width:36px;height:36px;color:var(--text-onbrand);box-shadow:0 2px 6px color-mix(in srgb, var(--bg-brand) 26%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.export-dialog-header h2{letter-spacing:-.01em;margin:0 0 2px;font-size:17px;font-weight:650}.export-dialog-header p{color:var(--text-tertiary);margin:0;font-size:12px;line-height:1.5}.export-dialog-stats{justify-content:space-between;align-items:center;gap:var(--spacer-12);padding:var(--spacer-12) var(--spacer-24);background:var(--bg-base-secondary);border-bottom:1px solid var(--border-neutral-l1);display:flex}.export-status-pill{align-items:center;gap:var(--spacer-6);height:24px;padding:0 var(--spacer-10);border-radius:var(--radius-full);letter-spacing:-.005em;font-size:11px;font-weight:600;display:inline-flex}.export-status-pill.is-ok{color:var(--status-success-default);background:var(--status-success-surface-l1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--status-success-default) 22%, transparent)}.export-status-pill.is-warning{color:var(--status-warning-default);background:var(--status-warning-surface-l1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--status-warning-default) 22%, transparent)}.export-stat-group{align-items:center;gap:var(--spacer-6);display:inline-flex}.export-stat{border-radius:var(--radius-6);background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);align-items:baseline;gap:4px;padding:2px 10px;display:inline-flex}.export-stat__num{font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;color:var(--text-default);font-size:12px;font-weight:600}.export-stat__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.export-warning-list{padding:var(--spacer-12) var(--spacer-24);color:var(--text-secondary);border-bottom:1px solid var(--border-neutral-l1);background:color-mix(in srgb, var(--status-warning-default) 6%, var(--bg-base-default));font-size:12px}.export-warning-list strong{color:var(--status-warning-default);margin-bottom:var(--spacer-4);font-weight:600;display:block}.export-warning-list ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.export-warning-list li{padding-left:var(--spacer-16);position:relative}.export-warning-list li:before{content:"•";color:var(--status-warning-default);position:absolute;left:4px}.export-dialog-code{border-top:1px solid var(--border-neutral-l1);border-bottom:1px solid var(--border-neutral-l1);background:linear-gradient(#0f172a 0%,#0b1220 100%);flex-direction:column;flex:1;min-height:280px;margin:0;display:flex}.export-dialog-code__chrome{background:#00000040;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;display:flex}.export-dialog-code__dot{border-radius:var(--radius-full);background:#ffffff2e;width:10px;height:10px}.export-dialog-code__dot:first-child{background:#ff5f57}.export-dialog-code__dot:nth-child(2){background:#febc2e}.export-dialog-code__dot:nth-child(3){background:#28c840}.export-dialog-code__file{font-family:var(--font-family-mono);color:#ffffff8c;font-variant-numeric:tabular-nums;margin-left:12px;font-size:11px}.export-preview-code{resize:none;color:#cbd5e1;min-height:0;caret-color:var(--bg-brand);font-family:var(--font-family-mono);padding:var(--spacer-16) var(--spacer-20);tab-size:2;background:0 0;border:0;outline:none;flex:1;font-size:12px;line-height:1.62}.export-preview-code:focus{outline:none}.export-dialog-actions{gap:var(--spacer-8);padding:var(--spacer-16) var(--spacer-24);background:var(--bg-base-secondary);border-top:1px solid var(--border-neutral-l1);flex-shrink:0;justify-content:flex-end;display:flex}.export-action{align-items:center;gap:var(--spacer-6);height:36px;padding:0 var(--spacer-16);font-weight:600;display:inline-flex}.export-check{color:var(--text-secondary);padding:var(--spacer-12) var(--spacer-20);font-size:12px}.export-check-warning{color:var(--status-warning-default);background:var(--status-warning-surface-l1);padding:var(--spacer-8) var(--spacer-12);border-radius:var(--radius-6);margin:var(--spacer-12) var(--spacer-20);font-size:12px}.export-warning-list{padding:0 var(--spacer-20) var(--spacer-12);color:var(--text-secondary);font-size:12px}.export-warning-list ul{margin-top:var(--spacer-4);list-style:inside}.cheatsheet{background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);border-radius:16px;flex-direction:column;width:92vw;max-width:580px;max-height:86vh;padding:0;animation:.22s cubic-bezier(.34,1.56,.64,1) cheatsheet-pop-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a38,0 4px 16px #0f172a14}.cheatsheet-head{justify-content:space-between;align-items:center;gap:var(--spacer-12);padding:var(--spacer-20) var(--spacer-24) var(--spacer-16);border-bottom:1px solid var(--border-neutral-l1);display:flex}.cheatsheet-head h2{letter-spacing:-.01em;margin:0 0 2px;font-size:17px;font-weight:650}.cheatsheet-head p{color:var(--text-tertiary);margin:0;font-size:12px;line-height:1.4}.cheatsheet-body{padding:var(--spacer-16) var(--spacer-24) var(--spacer-20);gap:var(--spacer-20) var(--spacer-24);flex:1;grid-template-columns:1fr 1fr;display:grid;overflow-y:auto}.cheatsheet-section{gap:var(--spacer-6);flex-direction:column;min-width:0;display:flex}.cheatsheet-section__title{margin:0 0 var(--spacer-2);padding:0 0 var(--spacer-4);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-neutral-l1);font-size:10px;font-weight:600}.cheatsheet-list{flex-direction:column;gap:2px;margin:0;display:flex}.cheatsheet-row{justify-content:space-between;align-items:center;gap:var(--spacer-12);padding:6px var(--spacer-8);margin:0 calc(-1 * var(--spacer-8));border-radius:6px;transition:background .12s;display:flex}.cheatsheet-row:hover{background:var(--bg-base-secondary)}.cheatsheet-row dt,.cheatsheet-row dd{margin:0;font-size:12px}.cheatsheet-row dt{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.cheatsheet-row dt>span{color:var(--text-muted);font-family:var(--font-family-default);margin:0 1px;font-size:11px;font-weight:500}.cheatsheet-row dd{color:var(--text-secondary);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cheatsheet kbd{font-family:var(--font-family-mono);border:1px solid var(--border-neutral-l2);background:linear-gradient(180deg, var(--bg-base-default) 0%, var(--bg-base-secondary) 100%);color:var(--text-default);text-align:center;min-width:20px;box-shadow:0 1px 0 var(--border-neutral-l1), inset 0 1px 0 var(--bg-base-default);border-radius:5px;padding:3px 6px;font-size:10.5px;font-weight:500;line-height:1;transition:transform .12s,box-shadow .12s;display:inline-block}.cheatsheet-row:hover kbd{box-shadow:0 2px 0 var(--border-neutral-l1), inset 0 1px 0 var(--bg-base-default);transform:translateY(-1px)}.toast{bottom:calc(var(--statusbar-height) + var(--spacer-16));padding:var(--spacer-8) var(--spacer-16);background:var(--bg-invert);color:var(--text-onbrand);border-radius:var(--radius-8);letter-spacing:-.005em;opacity:0;z-index:80;pointer-events:none;font-size:12px;font-weight:500;transition:opacity .24s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1);position:fixed;left:50%;transform:translate(-50%,12px);box-shadow:0 12px 32px #0f172a2e,0 4px 8px #0f172a1f,inset 0 1px #ffffff14}.toast.is-visible{opacity:1;animation:.32s cubic-bezier(.34,1.56,.64,1) toast-pop-in;transform:translate(-50%)}@keyframes toast-pop-in{0%{opacity:0;transform:translate(-50%,12px)scale(.92)}60%{opacity:1;transform:translate(-50%,-2px)scale(1.02)}to{opacity:1;transform:translate(-50%)scale(1)}}.status-bar{height:var(--statusbar-height);min-height:var(--statusbar-height);padding:0 var(--spacer-16);background:var(--bg-base-secondary);border-top:1px solid var(--border-neutral-l1);color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:var(--spacer-16);font-size:11px;display:flex}.statusbar{height:var(--statusbar-height);padding:0 var(--spacer-16);background:var(--bg-base-secondary);border-top:1px solid var(--border-neutral-l1);color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:11px;display:flex}.status-bar-primary,.status-left,.status-right{align-items:center;gap:var(--spacer-12);min-width:0;display:inline-flex}.status-bar-secondary{display:none}.status-bar-secondary.status-bar-secondary-open{padding-left:var(--spacer-16);color:var(--text-tertiary);align-items:center;display:inline-flex}.status-bar-toggle{border-radius:var(--radius-4);width:20px;height:20px;color:var(--text-tertiary);justify-content:center;align-items:center;display:inline-flex}.status-bar-toggle:hover{background:var(--bg-overlay-l2);color:var(--text-default)}.status-item,.statusbar-section{align-items:center;gap:var(--spacer-6);color:var(--text-tertiary);white-space:nowrap;font-size:11px;display:inline-flex}.status-item svg,.statusbar-section svg{width:12px;height:12px}.status-item strong,.statusbar-section strong{color:var(--text-default);font-weight:500}.status-item small,.statusbar-section small{color:var(--text-tertiary);font-size:11px}.status-dot{border-radius:var(--radius-full);background:var(--text-tertiary);width:6px;height:6px;display:inline-block}.status-dot-muted{background:var(--text-tertiary)}.status-item-active .status-dot{background:var(--bg-brand)}.status-preview-ready .status-dot{background:var(--status-success-default)}.status-preview-syncing .status-dot{background:var(--status-warning-default);animation:1.4s ease-in-out infinite pulse-dot}.status-preview-error .status-dot{background:var(--status-error-default)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-divider{background:var(--border-neutral-l1);width:1px;margin:0 var(--spacer-2);align-self:stretch}.status-tech-pill,.status-metric{font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;color:var(--text-tertiary);font-size:11px}.status-bar-tech-label{color:var(--text-tertiary);font-size:11px}.ds-btn{justify-content:center;align-items:center;gap:var(--spacer-6);height:28px;padding:0 var(--spacer-12);border-radius:var(--radius-8);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:var(--font-family-default);letter-spacing:-.01em;color:var(--text-default);border:1px solid #0000;font-size:13px;font-weight:500;line-height:18px;transition:background .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1),opacity .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1);display:inline-flex}.ds-btn svg{flex:none;width:14px;height:14px;transition:transform .14s cubic-bezier(.2,0,0,1)}.ds-btn:hover:not([disabled]) svg{transform:scale(1.08)}.ds-btn:active:not([disabled]){transform:translateY(.5px)}.ds-btn--sm{height:24px;padding:0 var(--spacer-8);font-size:12px}.ds-btn--lg{height:32px;padding:0 var(--spacer-16);font-size:14px}.ds-btn--icon{width:28px;padding:0}.ds-btn--icon.ds-btn--sm{width:24px}.ds-btn--icon.ds-btn--lg{width:32px}.ds-btn.is-on{background:var(--bg-overlay-l3);border-color:var(--border-neutral-l2);color:var(--text-default)}.ds-btn.is-on:hover{background:color-mix(in srgb, var(--bg-brand) 14%, var(--bg-overlay-l3));border-color:color-mix(in srgb, var(--bg-brand) 30%, var(--border-neutral-l2))}.ds-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--bg-brand) 22%, transparent);outline:none}.ds-btn--ghost{color:var(--text-default);background:0 0;border-color:#0000}.ds-btn--ghost:hover{background:var(--bg-overlay-l2);color:var(--text-default-hover)}.ds-btn--ghost:active{background:var(--bg-overlay-l3)}.ds-btn--ghost[disabled]{color:var(--text-disabled);cursor:not-allowed}.ds-btn--secondary{background:var(--bg-overlay-l1);color:var(--text-default);border-color:var(--border-neutral-l1)}.ds-btn--secondary:hover{background:var(--bg-overlay-l2);border-color:var(--border-neutral-l2);box-shadow:0 1px 2px color-mix(in srgb, var(--text-default) 4%, transparent)}.ds-btn--secondary:active{background:var(--bg-overlay-l3);border-color:var(--border-neutral-l3)}.ds-btn--secondary[disabled]{color:var(--text-disabled);cursor:not-allowed;opacity:.7}.ds-btn--brand{background:var(--bg-brand);color:var(--text-onbrand);border-color:var(--bg-brand);font-weight:500}.ds-btn--brand:hover{background:var(--bg-brand-hover);border-color:var(--bg-brand-hover);box-shadow:0 2px 8px color-mix(in srgb, var(--bg-brand) 32%, transparent)}.ds-btn--brand:active{background:var(--bg-brand-active);border-color:var(--bg-brand-active)}.ds-btn--brand[disabled]{background:var(--bg-brand-disabled);color:var(--text-onbrand);cursor:not-allowed;border-color:#0000}.ds-btn--danger{background:var(--status-error-default);color:var(--text-onbrand);border-color:var(--status-error-default)}.ds-btn--danger:hover{background:color-mix(in srgb, var(--status-error-default) 88%, #000)}.ds-btn-group{display:inline-flex}.ds-btn-group>.ds-btn{border-radius:var(--radius-0);margin-left:calc(-1 * var(--border-width-default))}.ds-btn-group>.ds-btn:first-child{border-top-left-radius:var(--radius-8);border-bottom-left-radius:var(--radius-8);margin-left:0}.ds-btn-group>.ds-btn:last-child{border-top-right-radius:var(--radius-8);border-bottom-right-radius:var(--radius-8)}.ds-input{align-items:center;gap:var(--spacer-8);min-height:32px;padding:0 var(--spacer-12);background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);color:var(--text-default);width:100%;font-family:var(--font-family-default);font-size:14px;line-height:20px;transition:border-color .14s cubic-bezier(.2,0,0,1),background .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1);display:flex}.ds-input:hover{border-color:var(--border-neutral-l2)}.ds-input:focus-within{border-color:var(--bg-brand);background:var(--bg-base-default);box-shadow:0 0 0 3px color-mix(in srgb, var(--bg-brand) 16%, transparent)}.ds-input input,.ds-input select{color:var(--text-default);font:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0}.ds-input input::placeholder{color:var(--text-tertiary)}.ds-input.is-error{border-color:var(--status-error-default)}.ds-input.is-disabled{background:var(--bg-base-secondary);color:var(--text-disabled);cursor:not-allowed}.ds-input__icon{color:var(--icon-secondary);align-items:center;display:inline-flex}.ds-input svg{width:14px;height:14px}.ds-tab{padding:0 var(--spacer-12);height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-bottom:-1px;font-size:13px;font-weight:500;line-height:18px;transition:color .14s cubic-bezier(.2,0,0,1);display:inline-flex;position:relative}.ds-tab:after{content:"";background:var(--bg-brand);transform-origin:50%;border-radius:2px 2px 0 0;height:2px;transition:transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1);position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(0)}.ds-tab:hover{color:var(--text-default)}.ds-tab:hover:after{opacity:.5;transform:scaleX(.6)}.ds-tab.is-active{color:var(--text-default)}.ds-tab.is-active:after{opacity:1;box-shadow:0 1px 6px color-mix(in srgb, var(--bg-brand) 40%, transparent);transform:scaleX(1)}.ds-tab:focus-visible{outline:none}.ds-tab:focus-visible:before{content:"";border-radius:var(--radius-4);box-shadow:0 0 0 2px color-mix(in srgb, var(--bg-brand) 35%, transparent);position:absolute;inset:6px 8px}.ds-card{background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-12);overflow:hidden}.ds-card__head{align-items:center;gap:var(--spacer-8);padding:var(--spacer-12) var(--spacer-16);border-bottom:1px solid var(--border-neutral-l1);display:flex}.ds-card__head svg{width:14px;height:14px;color:var(--icon-secondary)}.ds-card__head h3{color:var(--text-default);flex:1;min-width:0;margin:0;font-size:13px;font-weight:500}.ds-card__body{padding:var(--spacer-12) var(--spacer-16);gap:var(--spacer-8);flex-direction:column;display:flex}.ds-card__footer{padding:var(--spacer-8) var(--spacer-16);border-top:1px solid var(--border-neutral-l1);justify-content:flex-end;align-items:center;gap:var(--spacer-8);display:flex}.ds-table{border-collapse:collapse;width:100%;font-size:12px}.ds-table th,.ds-table td{padding:var(--spacer-8) var(--spacer-12);text-align:left;border-bottom:1px solid var(--border-neutral-l1);vertical-align:middle}.ds-table th{color:var(--text-tertiary);font-size:11px;font-weight:500}.ds-table tr:last-child td{border-bottom:0}.ds-table tr:hover td{background:var(--bg-base-secondary)}.ds-switch{border-radius:var(--radius-full);background:var(--bg-overlay-l3);cursor:pointer;align-items:center;width:28px;height:16px;transition:background .12s;display:inline-flex;position:relative}.ds-switch:after{content:"";border-radius:var(--radius-full);background:var(--bg-base-default);width:12px;height:12px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.ds-switch.is-on{background:var(--bg-brand)}.ds-switch.is-on:after{transform:translate(12px)}.ds-pill{align-items:center;gap:var(--spacer-4);padding:0 var(--spacer-8);border-radius:var(--radius-full);background:var(--bg-overlay-l1);height:18px;color:var(--text-secondary);font-size:10px;font-weight:500;line-height:18px;display:inline-flex}.ds-pill--success{background:var(--status-success-surface-l1);color:var(--status-success-default)}.ds-pill--warning{background:var(--status-warning-surface-l1);color:var(--status-warning-default)}.ds-pill--error{background:var(--status-error-surface-l1);color:var(--status-error-default)}.ds-pill--primary{background:var(--status-primary-surface-l1);color:var(--status-primary-default)}.ds-pill--brand{background:var(--bg-brand-popup);color:var(--text-brand)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#73737338 padding-box padding-box;border:0;transition:background .16s cubic-bezier(.2,0,0,1)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--bg-brand) 28%, #73737366);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:color-mix(in srgb, var(--bg-brand) 50%, transparent)}*{scrollbar-color:#73737338 transparent;scrollbar-width:thin;scrollbar-width:thin;scrollbar-color:#73737340 transparent}.icon-btn{border-radius:var(--radius-8);width:28px;height:28px;color:var(--icon-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:background .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1);display:inline-flex}.icon-btn:hover{background:var(--bg-overlay-l2);color:var(--icon-default)}.icon-btn:active{background:var(--bg-overlay-l3);transform:scale(.94)}.icon-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--bg-brand) 35%, transparent);outline:none}.icon-btn[disabled]{color:var(--icon-disabled);cursor:not-allowed}.icon-btn svg{width:14px;height:14px;transition:transform .14s cubic-bezier(.2,0,0,1)}.icon-btn:hover svg{transform:scale(1.1)}.btn-muted{justify-content:center;align-items:center;gap:var(--spacer-6);height:28px;padding:0 var(--spacer-12);border-radius:var(--radius-8);color:var(--text-default);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;font-size:12px;font-weight:500;line-height:16px;transition:background .12s,color .12s;display:inline-flex}.btn-muted:hover:not(:disabled){background:var(--bg-overlay-l2);color:var(--text-default-hover)}.btn-muted:active:not(:disabled){background:var(--bg-overlay-l3)}.btn-muted:disabled{color:var(--text-disabled);cursor:not-allowed}.btn-muted svg{width:14px;height:14px}.btn-muted.is-active{background:var(--bg-overlay-l3);color:var(--text-default)}.dropdown{display:inline-flex;position:relative}.dropdown:not(.is-open) .dropdown-panel{display:none}.dropdown.is-open .dropdown-panel{display:flex}.dropdown-panel{min-width:180px;padding:var(--spacer-4);background:var(--bg-base-default);border:1px solid var(--border-neutral-l2);border-radius:var(--radius-12);z-index:60;flex-direction:column;gap:2px;animation:.14s dropdown-pop-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0f172a2e}@keyframes dropdown-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-action{align-items:center;gap:var(--spacer-8);height:32px;padding:0 var(--spacer-8) 0 var(--spacer-12);color:var(--text-default);border-radius:var(--radius-6);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;width:100%;font-size:12px;font-weight:500;line-height:16px;transition:background .12s,color .12s;display:flex}.menu-action:hover{background:var(--bg-overlay-l2);color:var(--text-default-hover)}.menu-action:active{background:var(--bg-overlay-l3)}.menu-action svg{width:14px;height:14px;color:var(--icon-secondary);flex-shrink:0}.menu-action strong{flex:1;font-weight:500}.menu-action .menu-action-key{font-family:var(--font-family-mono);color:var(--text-tertiary);background:var(--bg-base-secondary);border:1px solid var(--border-neutral-l1);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.state-grid{gap:var(--spacer-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.state-card{align-items:center;gap:var(--spacer-8);height:28px;padding:0 var(--spacer-12);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-6);background:var(--bg-base-default);color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:0;font-size:11px;display:flex}.state-card strong{color:var(--text-default);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.state-card small,.state-card .meta{color:var(--text-tertiary);margin-left:var(--spacer-4);flex-shrink:0;font-size:10px;font-weight:400}.state-card.is-loading{opacity:.6}.state-dot{border-radius:var(--radius-full);background:var(--text-tertiary);flex-shrink:0;width:8px;height:8px}.state-dot.is-active{background:var(--bg-brand)}.state-dot.is-success{background:var(--status-success-default)}.state-dot.is-warning{background:var(--status-warning-default)}.state-dot.is-error{background:var(--status-error-default)}.state-dot.is-muted{background:var(--text-tertiary)}.dot{border-radius:var(--radius-full);background:var(--text-tertiary);flex-shrink:0;width:6px;height:6px;display:inline-block}.dot.is-active{background:var(--bg-brand)}.dot.is-success{background:var(--status-success-default)}.dot.is-warning{background:var(--status-warning-default)}.dot.is-error{background:var(--status-error-default)}.live-preview-frame{background:var(--bg-base-default);border-radius:inherit;border:0;width:100%;height:100%;display:block;overflow:hidden}.info-row{display:contents}.info-row dt,.info-row dd{display:block}.panel-resizer{width:var(--resizer-width);cursor:col-resize;background:0 0;border:0;align-self:stretch;margin:0;padding:0;transition:background .2s cubic-bezier(.2,0,0,1);position:relative}.panel-resizer:before{content:"";background:0 0;transition:background .2s cubic-bezier(.2,0,0,1);position:absolute;inset:0}.panel-resizer:hover:before,.panel-resizer:focus-visible:before{background:var(--bg-brand);box-shadow:0 0 8px color-mix(in srgb, var(--bg-brand) 40%, transparent)}.panel-resizer:focus-visible{outline:none}.panel-resizer-source{border-right:1px solid var(--border-neutral-l1)}.panel-resizer-inspector{border-left:1px solid var(--border-neutral-l1)}.tree-item-row{border-radius:var(--radius-4);padding-left:calc(var(--tree-depth,0) * 14px);align-items:stretch;display:flex}:focus{outline:none}:focus-visible{outline:2px solid var(--bg-brand);outline-offset:2px;border-radius:var(--radius-4)}::selection{background:color-mix(in srgb, var(--bg-brand) 28%, transparent);color:var(--text-default)}@media (width<=1280px){:root{--source-col:240px;--inspector-col:320px}}@media (width<=1080px){:root{--source-col:220px;--inspector-col:320px}.brand-breadcrumb-prefix,.brand-breadcrumb-current{max-width:140px}}@media (width<=900px){.workspace{grid-template-columns:36px minmax(0, 1fr) var(--inspector-col)}.workspace:not(.workspace-source-collapsed):not(.workspace-inspector-collapsed)>.workspace-resizer-source,.left-tools>.upload-card>p,.left-tools>.ai-panel-row label,.left-tools>.ai-panel,.brand-breadcrumb{display:none}}@media (width<=760px){.workspace{grid-template-columns:36px minmax(0,1fr) 36px}.workspace:not(.workspace-inspector-collapsed)>.workspace-resizer-inspector,.status-bar-primary,.statusbar-section:not(.status-essential){display:none}.status-bar,.topbar,.app-header{padding:0 var(--spacer-12)}}@media (width<=640px){.app-shell.is-mobile-focus{grid-template-rows:var(--topbar-height) minmax(0, 1fr)}.app-shell.is-mobile-focus .status-bar,.inspector-tabs .button-label,.inspector-tabs .ds-input,.panel-tabs .button-label{display:none}}@media (width<=480px){:root{--topbar-height:48px;--panel-tab-height:36px}.topbar .toolbar-group-tail .button-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=dark]{--bg-base-default:#171717;--bg-base-secondary:#1f1f1f;--bg-base-tertiary:#262626;--bg-overlay-l1:#ffffff0a;--bg-overlay-l2:#ffffff14;--bg-overlay-l3:#ffffff1f;--bg-overlay-l4:#ffffff29;--text-default:#f5f5f5;--text-default-hover:#fff;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--text-disabled:#525252;--icon-default:#f5f5f5;--icon-secondary:#d4d4d4;--icon-tertiary:#a3a3a3;--icon-disabled:#525252;--border-neutral-l1:#ffffff14;--border-neutral-l2:#ffffff24;--border-neutral-l3:#ffffff3d;--border-contrast:#fff;--bg-brand:#6a6fff;--stage-checkerboard:#ffffff0f}[data-theme=dark] .stage{background-color:var(--bg-base-tertiary);background-image:radial-gradient(#ffffff0f 1px,#0000 1px)}@media (forced-colors:active){.ds-btn,.toolbar-button,.input,.textarea,.ds-input{border:1px solid buttontext}}.btn{justify-content:center;align-items:center;gap:var(--spacer-6);height:28px;padding:0 var(--spacer-12);border-radius:var(--radius-8);cursor:pointer;white-space:nowrap;font-family:var(--font-family-default);color:var(--text-default);border:1px solid #0000;font-size:13px;font-weight:500;line-height:18px;transition:background .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1);display:inline-flex}.btn svg{flex-shrink:0;width:14px;height:14px}.btn-primary{background:linear-gradient(135deg, var(--bg-brand) 0%, color-mix(in srgb, var(--bg-brand-hover) 60%, var(--bg-brand)) 100%);color:var(--text-onbrand);border-color:var(--bg-brand);box-shadow:0 1px 2px color-mix(in srgb, var(--bg-brand) 16%, transparent), inset 0 1px 0 #ffffff2e;transition:background .16s cubic-bezier(.2,0,0,1),color .16s cubic-bezier(.2,0,0,1),border-color .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--bg-brand-hover) 0%, var(--bg-brand) 100%);border-color:var(--bg-brand-hover);box-shadow:0 4px 14px color-mix(in srgb, var(--bg-brand) 36%, transparent), inset 0 1px 0 #ffffff3d;transform:translateY(-.5px)}.btn-primary:active:not(:disabled){background:var(--bg-brand-active);border-color:var(--bg-brand-active);box-shadow:0 1px 2px color-mix(in srgb, var(--bg-brand) 22%, transparent), inset 0 1px 0 #ffffff1f;transform:translateY(.5px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-overlay-l1);color:var(--text-default);border-color:var(--border-neutral-l1)}.btn-secondary:hover:not(:disabled){background:var(--bg-overlay-l2);border-color:var(--border-neutral-l2);box-shadow:0 1px 2px color-mix(in srgb, var(--text-default) 4%, transparent)}.btn-secondary:active:not(:disabled){background:var(--bg-overlay-l3);border-color:var(--border-neutral-l3);transform:translateY(.5px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000;transition:background .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1)}.btn-ghost:hover:not(:disabled){background:var(--bg-overlay-l2);color:var(--text-default)}.btn-ghost:active:not(:disabled){background:var(--bg-overlay-l3);transform:scale(.98)}.btn:hover:not(:disabled){transform:translateY(-.5px)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn-danger{background:var(--status-error-default);color:var(--text-onbrand);border-color:var(--status-error-default)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:24px;padding:0 var(--spacer-8);font-size:11px}.btn--lg{height:32px;padding:0 var(--spacer-16);font-size:13px}.btn--block{width:100%}.btn-row{gap:var(--spacer-8);flex-wrap:wrap;display:flex}.app-title{color:var(--text-default);font-size:14px;font-weight:600}.app-tagline{color:var(--text-tertiary);margin-left:var(--spacer-8);font-size:11px}.topbar-meta{align-items:center;gap:var(--spacer-8);padding:0 var(--spacer-12);border-radius:var(--radius-6);background:var(--bg-base-secondary);height:24px;color:var(--text-tertiary);font-size:11px;display:inline-flex}.topbar-meta strong{color:var(--text-default);font-weight:500}.canvas-meta{align-items:center;gap:var(--spacer-8);color:var(--text-tertiary);font-size:11px;display:inline-flex}.canvas-meta-pill{height:24px;padding:0 var(--spacer-8);border-radius:var(--radius-6);background:var(--bg-overlay-l1);font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;color:var(--text-secondary);align-items:center;font-size:11px;display:inline-flex}.icon-sm{width:12px;height:12px}.icon-md{width:14px;height:14px}.icon-lg{width:18px;height:18px}.icon-xl{width:22px;height:22px}.modal-close{border-radius:var(--radius-8);width:28px;height:28px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:var(--bg-overlay-l2);color:var(--text-default)}.modal-close svg{width:14px;height:14px}.surface-card{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);background:var(--bg-base-default);padding:var(--spacer-12);gap:var(--spacer-8);flex-direction:column;display:flex}.surface-card-head{align-items:center;gap:var(--spacer-8);color:var(--text-default);font-size:12px;font-weight:500;display:flex}.surface-card-head svg{width:14px;height:14px;color:var(--icon-secondary)}.viewport-segmented{border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);display:inline-flex;overflow:hidden}.viewport-segmented button{background:var(--bg-base-default);color:var(--text-secondary);height:24px;padding:0 var(--spacer-8);cursor:pointer;border:0;border-right:1px solid var(--border-neutral-l1);font-size:11px;font-weight:500;line-height:16px}.viewport-segmented button:last-child{border-right:0}.viewport-segmented button.is-active{background:var(--bg-overlay-l3);color:var(--text-default)}.color-tokens{gap:var(--spacer-4);flex-direction:column;display:flex}.color-token-row{gap:var(--spacer-8);padding:var(--spacer-4) 0;grid-template-columns:1fr auto;align-items:center;font-size:11px;display:grid}.color-token-row+.color-token-row{border-top:1px dashed var(--border-neutral-l1)}.stage-empty{text-align:center;max-width:420px;padding:var(--spacer-32);margin:auto}.stage-empty h2{color:var(--text-default);margin:var(--spacer-12) 0 var(--spacer-4);font-size:18px;font-weight:500}.stage-empty p{color:var(--text-tertiary);font-size:12px}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--bg-invert);color:var(--text-onbrand);border-radius:var(--radius-4);white-space:nowrap;z-index:100;pointer-events:none;padding:4px 8px;font-size:11px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.drawer-shadow{box-shadow:0 12px 32px #0f172a1f}.inspector-section{gap:var(--spacer-8);flex-direction:column;display:flex}.inspector-section-title{align-items:center;gap:var(--spacer-6);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--spacer-4) var(--spacer-4) 0;font-size:11px;font-weight:500;display:flex}.inspector-section-title svg{width:12px;height:12px;color:var(--icon-tertiary)}.badge{align-items:center;gap:var(--spacer-4);padding:0 var(--spacer-8);border-radius:var(--radius-full);height:18px;font-size:10px;font-weight:500;line-height:18px;display:inline-flex}.badge-success{background:var(--status-success-surface-l1);color:var(--status-success-default)}.badge-warning{background:var(--status-warning-surface-l1);color:var(--status-warning-default)}.badge-error{background:var(--status-error-surface-l1);color:var(--status-error-default)}.badge-info{background:var(--status-primary-surface-l1);color:var(--status-primary-default)}.badge-neutral{background:var(--bg-overlay-l1);color:var(--text-secondary)}.spinner{border-radius:var(--radius-full);border:2px solid var(--bg-overlay-l3);border-top-color:var(--bg-brand);width:14px;height:14px;animation:.8s linear infinite spin}.app-shell{background:var(--bg-base-default);width:100vw;height:100vh;color:var(--text-default);flex-direction:column;display:flex;overflow:hidden}.app-topbar{align-items:center;gap:var(--spacer-24);height:var(--topbar-height);padding:0 var(--spacer-20);border-bottom:1px solid var(--border-neutral-l1);background:var(--bg-base-default);z-index:2;flex-shrink:0;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);min-width:0;animation:.32s cubic-bezier(.2,0,0,1) both topbar-fade-in;display:grid;position:relative}.app-topbar:after{content:"";background:var(--border-neutral-l1);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}@keyframes topbar-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.app-topbar__left{align-items:center;gap:var(--spacer-16);justify-self:start;min-width:0;display:flex}.app-topbar__center{justify-self:center;align-items:center;min-width:0;display:flex}.app-topbar__right{justify-self:end;align-items:center;gap:var(--spacer-4);min-width:0;display:flex}.brand-block{align-items:center;gap:var(--spacer-12);min-width:0;display:flex}.brand-mark{border-radius:var(--radius-8);cursor:default;width:32px;height:32px;box-shadow:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1);animation:.48s cubic-bezier(.34,1.56,.64,1) both brand-pop-in;display:inline-flex;overflow:visible}.brand-mark img{object-fit:cover;transform-origin:50%;border-radius:9px;width:34px;height:34px;display:block;transform:rotate(45deg);box-shadow:0 1px 4px #4b3fe338}@keyframes brand-pop-in{0%{opacity:0;transform:scale(.6)rotate(-12deg)}60%{opacity:1;transform:scale(1.06)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.brand-mark:hover{box-shadow:none;transform:translateY(-1px)}.brand-copy h1{align-items:center;gap:var(--spacer-8);color:var(--text-default);white-space:nowrap;letter-spacing:0;background:linear-gradient(135deg,#121826 0%,#3039b8 58%,#0f766e 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:18px;font-style:italic;font-weight:700;line-height:20px;animation:.36s cubic-bezier(.2,0,0,1) 60ms both brand-copy-fade-in;display:flex}@keyframes brand-copy-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.brand-version{height:auto;color:inherit;letter-spacing:.02em;background:linear-gradient(135deg,#3039b8 0%,#0f766e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-radius:0;align-items:center;padding:0;font-family:inherit;font-size:12px;font-style:italic;font-weight:700;line-height:1;display:inline-flex;transform:translateY(1px)skew(-7deg)}.brand-divider{background:linear-gradient(180deg, transparent, var(--border-neutral-l2), transparent);width:1px;height:18px;margin:0 var(--spacer-4)}.brand-breadcrumb{align-items:center;gap:var(--spacer-8);min-width:0;color:var(--text-tertiary);font-size:12px;line-height:18px;display:flex}.brand-breadcrumb-folder{color:var(--text-tertiary);white-space:nowrap;cursor:default;transition:color .14s cubic-bezier(.2,0,0,1)}.brand-breadcrumb-folder:hover{color:var(--text-default)}.brand-breadcrumb-divider{color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.brand-breadcrumb-current{color:var(--text-secondary);white-space:nowrap;font-weight:500;transition:color .14s cubic-bezier(.2,0,0,1)}.brand-breadcrumb-current:hover{color:var(--text-default)}.app-toolbar{align-items:center;gap:var(--spacer-4);flex-shrink:0;display:inline-flex}.app-toolbar-sep{background:var(--border-neutral-l1);width:1px;height:16px;margin:0 var(--spacer-2);transition:background .2s cubic-bezier(.2,0,0,1)}.app-toolbar:hover .app-toolbar-sep{background:var(--border-neutral-l2)}.app-workspace{flex:1;min-width:0;min-height:0;display:flex}.app-side-panel{background:var(--bg-base-secondary);border-color:var(--border-neutral-l1);flex-direction:column;flex-shrink:0;transition:width .32s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.2,0,0,1),opacity .22s cubic-bezier(.2,0,0,1),background-color .2s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden}.app-side-panel--left{width:var(--source-col);border-right:1px solid var(--border-neutral-l1)}.app-side-panel--right{width:var(--inspector-col);border-left:1px solid var(--border-neutral-l1)}.app-side-panel--collapsed{opacity:0;border-left:none;border-right:none;width:0!important}.app-side-panel--left:not(.app-side-panel--collapsed)>*{animation:.32s cubic-bezier(.4,0,.2,1) both panel-content-return-left}.app-side-panel--right:not(.app-side-panel--collapsed)>*{animation:.32s cubic-bezier(.4,0,.2,1) both panel-content-return-right}@keyframes panel-content-return-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes panel-content-return-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.app-resizer{width:var(--resizer-width);cursor:col-resize;background:var(--bg-overlay-l2);flex-shrink:0;transition:background .16s cubic-bezier(.2,0,0,1);position:relative}.app-resizer:before{content:"";background:var(--bg-brand);transform-origin:50%;width:1px;transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)scaleY(0)}.app-resizer:hover,.app-resizer.is-active{background:var(--bg-brand)}.app-resizer:hover:before,.app-resizer.is-active:before{transform:translate(-50%)scaleY(.4)}.app-canvas{background:var(--bg-base-tertiary);flex-direction:column;flex:1;min-width:0;display:flex}.panel-header{height:var(--panel-tab-height);padding:0 var(--spacer-12);border-bottom:1px solid var(--border-neutral-l1);background:var(--bg-base-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.panel-header:after{content:none}.panel-header__title{color:var(--text-default);font-size:13px;font-weight:600;line-height:18px}.panel-header__tabs{border-bottom:1px solid var(--border-neutral-l1);align-items:center;height:100%;margin-bottom:-1px;display:flex}.ai-scan-card{z-index:20;background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);margin:var(--spacer-12);flex-direction:column;flex-shrink:0;transition:border-color .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1);animation:.28s cubic-bezier(.2,0,0,1) both ai-card-fade-in;display:flex;position:relative}@keyframes ai-card-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-scan-card:hover{border-color:color-mix(in srgb, var(--bg-brand) 30%, var(--border-neutral-l1));box-shadow:0 2px 8px color-mix(in srgb, var(--bg-brand) 6%, transparent)}.ai-scan-card__head{align-items:center;gap:var(--spacer-6);padding:0 var(--spacer-12);cursor:pointer;width:100%;height:32px;color:var(--text-default);text-align:left;border-radius:var(--radius-8);background:0 0;border:0;transition:background .14s cubic-bezier(.2,0,0,1);display:flex}.ai-scan-card__head:hover{background:var(--bg-overlay-l1)}.ai-scan-card__head:active{background:var(--bg-overlay-l2)}.ai-scan-card__head .chev{color:var(--icon-tertiary);flex-shrink:0;transition:transform .2s cubic-bezier(.2,0,0,1);display:inline-flex}.ai-scan-card__head.is-collapsed .chev{transform:rotate(-90deg)}.ai-scan-card__head .sparkle{color:var(--icon-brand);flex-shrink:0;transition:transform .28s cubic-bezier(.2,0,0,1)}.ai-scan-card__head:hover .sparkle{transform:rotate(20deg)scale(1.1)}.ai-scan-card__title{letter-spacing:-.005em;font-size:12px;font-weight:500}.ai-scan-card__count{align-items:center;gap:var(--spacer-4);color:var(--status-success-default);font-size:10px;font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500;transition:transform .2s cubic-bezier(.2,0,0,1);display:inline-flex}.ai-scan-card:hover .ai-scan-card__count{transform:scale(1.05)}.ai-scan-card__count .dot{border-radius:var(--radius-full);background:var(--status-success-default);width:6px;height:6px;box-shadow:0 0 0 0 var(--status-success-default);animation:1.6s ease-out infinite ai-pulse}@keyframes ai-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-success-default) 60%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--status-success-default) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-success-default) 0%, transparent)}}.ai-scan-card__body{gap:var(--spacer-8);padding:var(--spacer-8) var(--spacer-12) var(--spacer-8);border-top:1px solid var(--border-neutral-l1);flex-direction:column;display:flex}.ai-scan-card__body.is-hidden{display:none}.ai-scan-row{align-items:center;gap:var(--spacer-8);display:flex}.ai-scan-row>label{color:var(--text-tertiary);flex-shrink:0;min-width:36px;font-size:11px}.ai-scan-row .ds-input{height:24px;padding:0 var(--spacer-8);flex:1;font-size:11px}.ai-scan-row .ds-input input,.ai-scan-row .ds-input select{font-size:11px}.ai-scan-row .ai-provider-picker{flex:1;min-width:0;position:relative}.ai-provider-trigger{align-items:center;gap:var(--spacer-6);width:100%;min-width:0;height:28px;padding:0 var(--spacer-8);border:1px solid var(--border-neutral-l2);border-radius:var(--radius-8);background:var(--bg-base-default);color:var(--text-default);font:inherit;text-align:left;cursor:pointer;font-size:12px;transition:border-color .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1),background .14s cubic-bezier(.2,0,0,1);display:flex}.ai-provider-trigger:hover{background:var(--bg-overlay-l1);border-color:color-mix(in srgb, var(--border-neutral-l2) 70%, var(--bg-brand))}.ai-provider-trigger:focus-visible,.ai-provider-trigger[aria-expanded=true]{border-color:var(--bg-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--bg-brand) 14%, transparent);outline:none}.ai-provider-trigger>span:not(.ai-logo-mark){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ai-provider-trigger svg:last-child{width:14px;height:14px;color:var(--icon-tertiary);flex-shrink:0}.ai-provider-menu{z-index:70;top:calc(100% + var(--spacer-4));width:228px;max-height:328px;padding:var(--spacer-4);border:1px solid var(--border-neutral-l2);border-radius:var(--radius-8);background:var(--bg-base-default);box-shadow:var(--shadow-popover);position:absolute;left:0;right:auto;overflow-y:auto}.ai-provider-option{align-items:center;gap:var(--spacer-8);width:100%;min-height:36px;padding:var(--spacer-6) var(--spacer-8);border-radius:var(--radius-6);color:var(--text-default);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;transition:background .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1);display:flex}.ai-provider-option:hover,.ai-provider-option-active{background:color-mix(in srgb, var(--bg-brand) 9%, var(--bg-base-default))}.ai-provider-option:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bg-brand) 35%, transparent);outline:none}.ai-logo-mark{border-radius:var(--radius-6);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.ai-logo-mark-light{border:1px solid var(--border-neutral-l1);background:#fff}.ai-logo-mark svg{width:18px;height:18px;display:block}.ai-provider-option-text{flex:1;gap:1px;min-width:0;display:grid}.ai-provider-option-name{color:var(--text-default);font-size:12px;font-weight:500;line-height:16px}.ai-provider-option-detail{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:13px;overflow:hidden}.ai-provider-check{color:var(--text-brand);flex-shrink:0;font-size:12px;font-weight:700}.ai-scan-actions{justify-content:flex-end;gap:var(--spacer-6);padding-top:var(--spacer-2);display:flex}.ai-scan-loading{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.ai-scan-loading .spinner{width:10px;height:10px}.ai-scan-ok{width:14px;height:14px;color:var(--status-success-default);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.ai-scan-model-status{color:var(--text-tertiary);font-size:10px}.search-bar{padding:var(--spacer-8) var(--spacer-12);flex-shrink:0}.search-bar .ds-input{height:28px;padding:0 var(--spacer-8)}.search-bar .ds-input input{font-size:12px}.search-bar .ds-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--bg-brand) 12%, transparent)}.search-bar svg{color:var(--icon-tertiary);flex-shrink:0;width:14px;height:14px;transition:color .14s cubic-bezier(.2,0,0,1)}.search-bar .ds-input:focus-within svg{color:var(--icon-brand)}.structure-tree{padding:var(--spacer-4) var(--spacer-8) var(--spacer-8);scrollbar-gutter:stable;scroll-behavior:smooth;flex:1;font-size:12px;line-height:18px;overflow-y:auto}.tree-node{align-items:center;gap:var(--spacer-6);padding:var(--spacer-4) var(--spacer-8);border-radius:var(--radius-4);cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;text-align:left;width:100%;font:inherit;background:0 0;border:0;margin-bottom:2px;transition:background .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),padding-left .14s cubic-bezier(.2,0,0,1);animation:.2s cubic-bezier(.2,0,0,1) both tree-node-fade-in;display:flex;position:relative}@keyframes tree-node-fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.tree-node:after{content:"";background:var(--bg-brand);transform-origin:50%;border-radius:2px;width:2px;transition:transform .18s cubic-bezier(.2,0,0,1);position:absolute;top:6px;bottom:6px;left:0;transform:scaleY(0)}.tree-node:hover{background:var(--bg-overlay-l1);color:var(--text-default)}.tree-node:active{background:var(--bg-overlay-l2);transform:translate(1px)}.tree-node:hover .tree-tag{transform:scale(1.05)}.tree-node.is-selected{background:color-mix(in srgb, #19a997 8%, var(--bg-base-default));color:var(--text-default);box-shadow:inset 2px 0 #19a997}.tree-node.is-selected:after{background:#19a997;transform:scaleY(1)}.tree-node:not(.is-selected):after{transform:scaleY(0)}.tree-node:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bg-brand) 35%, transparent);outline:none}.tree-node__chev{color:var(--icon-tertiary);cursor:pointer;border-radius:var(--radius-2);flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;transition:transform .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),background .14s cubic-bezier(.2,0,0,1);display:inline-flex}.tree-node__chev:hover{color:var(--text-default);background:color-mix(in srgb, var(--bg-overlay-l3) 50%, transparent)}.tree-node__chev:active{background:color-mix(in srgb, var(--bg-overlay-l3) 70%, transparent);transform:scale(.85)}.tree-node__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-default);flex:1;align-items:baseline;gap:4px;min-width:0;font-size:13px;font-weight:400;line-height:18px;display:inline-flex;overflow:hidden}.tree-node__class{color:var(--text-tertiary);font-size:11px;font-family:var(--font-family-mono);opacity:.7;flex-shrink:0;font-weight:400}.tree-node.is-selected .tree-node__class{opacity:.95}.tree-node__meta{color:var(--text-tertiary);font-size:10px;font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;flex-shrink:0}.tree-tag{min-width:22px;height:16px;padding:0 var(--spacer-4);border-radius:var(--radius-4);font-family:var(--font-family-mono);letter-spacing:.02em;opacity:.65;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:500;transition:transform .14s cubic-bezier(.2,0,0,1),background .14s,color .14s;display:inline-flex}.tree-node:hover .tree-tag{opacity:.95}.tree-node.is-selected .tree-tag{opacity:1}.tree-tag:hover{transform:scale(1.08)}.tree-tag--h1,.tree-tag--h2,.tree-tag--h3,.tree-tag--section,.tree-tag--img,.tree-tag--div,.tree-tag--nav{background:var(--bg-overlay-l2);color:var(--text-secondary)}.tree-tag--btn,.tree-tag--p,.tree-tag--span,.tree-tag--footer{background:var(--bg-overlay-l2);color:var(--text-tertiary)}.tree-children{padding-left:var(--spacer-16)}.viewport-bar{height:var(--canvas-toolbar-height);padding:0 var(--spacer-20);background:var(--bg-base-default);border-bottom:1px solid var(--border-neutral-l1);justify-content:space-between;align-items:center;gap:var(--spacer-16);flex-shrink:0;animation:.28s cubic-bezier(.2,0,0,1) both viewport-bar-fade;display:flex;position:relative}.viewport-bar:after{content:none}@keyframes viewport-bar-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.viewport-bar__group{align-items:center;gap:var(--spacer-4);animation:.28s cubic-bezier(.2,0,0,1) both viewport-group-fade;display:inline-flex}.viewport-bar__group+.viewport-bar__group{animation-delay:60ms}@keyframes viewport-group-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.viewport-bar .is-on{background:var(--bg-overlay-l2);color:var(--text-default)}.viewport-bar .ds-btn:hover:not(.is-on){background:var(--bg-overlay-l1);color:var(--text-default)}.viewport-bar__dim{align-items:center;gap:var(--spacer-4);font-family:var(--font-family-metric);color:var(--text-tertiary);font-variant-numeric:tabular-nums;padding:0 var(--spacer-6);font-size:12px;display:inline-flex}.viewport-bar__zoom{font-family:var(--font-family-metric);color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:12px;transition:color .16s cubic-bezier(.2,0,0,1)}.viewport-bar__zoom:hover{color:var(--text-default)}.canvas-area{min-width:0;padding:var(--spacer-32) var(--spacer-40) var(--spacer-40);background-color:var(--canvas-bg,#f3f4f6);background-image:radial-gradient(color-mix(in srgb, var(--text-default) 6%, transparent) 1px, transparent 1.4px);background-position:0 0;background-size:22px 22px;flex:1;justify-content:center;align-items:flex-start;transition:background-color .2s cubic-bezier(.2,0,0,1);animation:.36s cubic-bezier(.2,0,0,1) both canvas-fade-in;display:flex;overflow:auto}@keyframes canvas-fade-in{0%{opacity:0}to{opacity:1}}.canvas-preview-frame{background:var(--bg-base-default);border-radius:var(--radius-8);box-shadow:0 2px 24px color-mix(in srgb, var(--text-default) 5%, transparent), 0 1px 2px color-mix(in srgb, var(--text-default) 4%, transparent);transform-origin:top;transition:box-shadow .2s cubic-bezier(.2,0,0,1);overflow:hidden}.canvas-preview-frame:hover{box-shadow:0 4px 32px color-mix(in srgb, var(--text-default) 8%, transparent), 0 2px 4px color-mix(in srgb, var(--text-default) 5%, transparent)}.canvas-empty-state{text-align:center;color:var(--text-tertiary);padding:var(--spacer-48)}.app-statusbar{height:var(--statusbar-height);padding:0 var(--spacer-16);background:var(--bg-base-secondary);border-top:1px solid var(--border-neutral-l1);color:var(--text-tertiary);flex-shrink:0;justify-content:space-between;align-items:center;font-size:11px;animation:.32s cubic-bezier(.2,0,0,1) both statusbar-fade-in;display:flex;position:relative}@keyframes statusbar-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-statusbar:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--bg-base-secondary) 60%, transparent) 0%, var(--bg-base-secondary) 100%);pointer-events:none;opacity:.6;position:absolute;inset:0}.statusbar-zone{align-items:center;gap:var(--spacer-12);z-index:1;display:inline-flex;position:relative}.statusbar-zone svg{width:12px;height:12px}.statusbar-zone--center{gap:var(--spacer-6);justify-content:center}.statusbar-zone--left .statusbar-pill,.statusbar-zone--center .statusbar-pill,.statusbar-zone--right .statusbar-metric{transition:background .16s cubic-bezier(.2,0,0,1),color .16s cubic-bezier(.2,0,0,1)}.statusbar-zone--right{gap:var(--spacer-12)}.statusbar-pill{align-items:center;gap:var(--spacer-4);padding:0 var(--spacer-4);border-radius:var(--radius-full);cursor:default;height:16px;transition:background .16s cubic-bezier(.2,0,0,1);display:inline-flex}.statusbar-pill:hover{background:color-mix(in srgb, var(--bg-overlay-l2) 70%, transparent)}.statusbar-pill:hover .dot{animation-duration:.9s}.statusbar-metric{font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;letter-spacing:-.005em;padding:0 var(--spacer-4);border-radius:var(--radius-4);transition:color .16s cubic-bezier(.2,0,0,1),background .16s cubic-bezier(.2,0,0,1)}.statusbar-metric:hover{color:var(--text-default);background:color-mix(in srgb, var(--bg-overlay-l2) 60%, transparent)}.statusbar-pill .dot{border-radius:var(--radius-full);background:var(--status-success-default);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb, var(--status-success-default) 60%, transparent), 0 0 8px color-mix(in srgb, var(--status-success-default) 50%, transparent);animation:1.4s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:.7;box-shadow:0 0 0 0 color-mix(in srgb, var(--status-success-default) 60%, transparent), 0 0 6px color-mix(in srgb, var(--status-success-default) 30%, transparent);transform:scale(.85)}50%{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb, var(--status-success-default) 0%, transparent), 0 0 12px color-mix(in srgb, var(--status-success-default) 60%, transparent);transform:scale(1.05)}}.statusbar-sep{background:var(--border-neutral-l1);width:1px;height:12px}.inspector-selection{padding:var(--spacer-12) var(--spacer-16);border-bottom:1px solid var(--border-neutral-l1);background:linear-gradient(180deg, var(--bg-base-default) 0%, color-mix(in srgb, var(--bg-brand) 3%, var(--bg-base-default)) 100%);z-index:2;flex-shrink:0;animation:.22s cubic-bezier(.2,0,0,1) both inspector-slide-in;position:sticky;top:0}@keyframes inspector-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inspector-selection__row1{align-items:center;gap:var(--spacer-8);display:flex}.inspector-selection__pill{min-width:26px;height:20px;padding:0 var(--spacer-6);border-radius:var(--radius-4);background:var(--bg-brand-popup);color:var(--text-brand);font-family:var(--font-family-mono);letter-spacing:.04em;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bg-brand) 16%, transparent);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:transform .14s cubic-bezier(.2,0,0,1),box-shadow .14s cubic-bezier(.2,0,0,1);animation:.28s cubic-bezier(.34,1.56,.64,1) both pill-pop-in;display:inline-flex}@keyframes pill-pop-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.inspector-selection__pill:hover{box-shadow:0 1px 4px color-mix(in srgb, var(--bg-brand) 26%, transparent);transform:scale(1.06)}.inspector-selection__path{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-default);letter-spacing:-.005em;flex:1;font-size:13px;font-weight:500;overflow:hidden}.inspector-selection__metrics{align-items:center;gap:var(--spacer-4) var(--spacer-10);margin-top:var(--spacer-8);color:var(--text-tertiary);font-size:11px;font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;flex-wrap:wrap;row-gap:4px;display:none}.inspector-selection__metrics>span{font-family:var(--font-family-metric);font-variant-numeric:tabular-nums;letter-spacing:-.005em;white-space:nowrap;border-radius:var(--radius-4);background:color-mix(in srgb, var(--bg-overlay-l1) 60%, transparent);padding:2px 6px}.inspector-empty{padding:var(--spacer-24) var(--spacer-16);text-align:center;color:var(--text-tertiary);font-size:12px;line-height:18px;animation:.36s cubic-bezier(.2,0,0,1) both inspector-empty-fade-in}@keyframes inspector-empty-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.inspector-empty__icon{width:36px;height:36px;margin-bottom:var(--spacer-8);border-radius:var(--radius-full);background:var(--bg-overlay-l1);color:var(--icon-tertiary);justify-content:center;align-items:center;animation:2.4s ease-in-out infinite inspector-empty-icon-pulse;display:inline-flex}@keyframes inspector-empty-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.inspector-scroll{padding:var(--spacer-12);gap:var(--spacer-12);flex-direction:column;flex:1;display:flex;overflow-y:auto}.inspector-card{background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-8);transition:border-color .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1);animation:.24s cubic-bezier(.2,0,0,1) both inspector-card-in;position:relative;overflow:hidden}.inspector-card:before{content:"";background:var(--bg-brand);transform-origin:50%;width:2px;transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.inspector-card:hover{border-color:color-mix(in srgb, var(--bg-brand) 18%, var(--border-neutral-l1));box-shadow:0 1px 4px color-mix(in srgb, var(--text-default) 4%, transparent), inset 0 1px 0 color-mix(in srgb, var(--bg-brand) 8%, transparent)}.inspector-card:hover:before{transform:scaleY(.6)}@keyframes inspector-card-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.inspector-card__head{align-items:center;gap:var(--spacer-8);padding:var(--spacer-8) var(--spacer-12);border-bottom:1px solid var(--border-neutral-l1);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-base-secondary) 50%, transparent) 0%, transparent 100%);display:flex}.inspector-card__head svg{width:14px;height:14px;color:var(--icon-secondary);flex-shrink:0;transition:transform .24s cubic-bezier(.34,1.56,.64,1),color .16s}.inspector-card:hover .inspector-card__head svg{color:var(--text-brand);transform:scale(1.18)rotate(-4deg)}.inspector-card__title{color:var(--text-default);letter-spacing:-.005em;font-size:12px;font-weight:500}.inspector-card__body{padding:var(--spacer-8) var(--spacer-12);gap:var(--spacer-8);flex-direction:column;display:flex}.inspector-field{align-items:center;gap:var(--spacer-8);padding:2px 0;transition:padding .16s cubic-bezier(.2,0,0,1);display:flex}.inspector-field:focus-within{padding-left:2px}.inspector-field__label{color:var(--text-tertiary);min-width:40px;font-size:11px;font-family:var(--font-family-default);flex-shrink:0;transition:color .14s cubic-bezier(.2,0,0,1)}.inspector-field:focus-within .inspector-field__label{color:var(--text-brand)}.inspector-field .ds-input{height:26px;padding:0 var(--spacer-8);flex:1;font-size:12px}.inspector-field .ds-input input{font-size:12px}.inspector-field--metric .ds-input input{font-family:var(--font-family-metric)}.alignment-bar{align-items:center;gap:var(--spacer-4);padding:var(--spacer-8) var(--spacer-12);display:inline-flex}.alignment-bar .ds-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--bg-brand) 35%, transparent);outline:none}.alignment-bar__sep{background:var(--border-neutral-l1);width:1px;height:16px;margin:0 var(--spacer-4)}.color-field{align-items:center;gap:var(--spacer-6);flex:1;min-width:0;display:inline-flex}.color-field__swatch{border-radius:var(--radius-4);border:1px solid var(--border-neutral-l2);cursor:pointer;background-clip:padding-box;flex-shrink:0;width:24px;height:24px;transition:transform .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1),border-color .16s;position:relative;overflow:hidden}.color-field__swatch:hover{box-shadow:0 2px 6px color-mix(in srgb, var(--text-default) 12%, transparent);border-color:var(--bg-brand);transform:scale(1.08)}.color-field__swatch:after{content:"";background-image:linear-gradient(45deg, var(--border-neutral-l2) 25%, transparent 25%), linear-gradient(-45deg, var(--border-neutral-l2) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-neutral-l2) 75%), linear-gradient(-45deg, transparent 75%, var(--border-neutral-l2) 75%);opacity:0;pointer-events:none;background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;position:absolute;inset:0}.color-field__swatch.is-transparent:after{opacity:1}.color-field__input{flex:1;min-width:0}.cheatsheet-overlay{background:color-mix(in srgb, var(--text-default) 36%, transparent);z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cheatsheet-overlay__panel{background:var(--bg-base-default);border:1px solid var(--border-neutral-l1);border-radius:var(--radius-12);box-shadow:0 24px 64px color-mix(in srgb, var(--text-default) 18%, transparent), 0 4px 16px color-mix(in srgb, var(--text-default) 8%, transparent);flex-direction:column;width:min(560px,90vw);max-height:80vh;display:flex;overflow:hidden}.cheatsheet-overlay__head{padding:var(--spacer-16) var(--spacer-20);border-bottom:1px solid var(--border-neutral-l1);justify-content:space-between;align-items:center;display:flex}.cheatsheet-overlay__title{color:var(--text-default);font-size:14px;font-weight:600}.cheatsheet-overlay__body{padding:var(--spacer-16) var(--spacer-20);gap:var(--spacer-8);display:grid;overflow-y:auto}.cheatsheet-row{padding:var(--spacer-8) 0;border-bottom:1px solid var(--border-neutral-l1);justify-content:space-between;align-items:center;font-size:12px;display:flex}.cheatsheet-row:last-child{border-bottom:0}.cheatsheet-row__keys{align-items:center;gap:var(--spacer-4);font-family:var(--font-family-mono);font-size:11px;display:inline-flex}.cheatsheet-row__key{min-width:22px;height:22px;padding:0 var(--spacer-6);border-radius:var(--radius-4);border:1px solid var(--border-neutral-l2);background:var(--bg-base-secondary);color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.ds-tooltip{z-index:9999;border-radius:var(--radius-8);color:#f8fafc;max-width:280px;font-family:var(--font-family-default);font-size:var(--text-sm);font-weight:var(--font-weight-default);letter-spacing:.01em;text-align:center;white-space:nowrap;word-wrap:break-word;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .13s var(--ease-standard), transform .13s var(--ease-standard);-webkit-backdrop-filter:blur(10px)saturate(140%);background:#111827f0;padding:6px 10px;line-height:1.45;position:fixed;transform:translateY(4px);box-shadow:0 2px 6px #0f172a2e,0 12px 28px #0f172a24}.ds-tooltip.is-visible{opacity:1;transform:translateY(0)}.ds-tooltip[data-placement=top]{transform:translateY(4px)}.ds-tooltip[data-placement=top].is-visible{transform:translateY(0)}.ds-tooltip[data-placement=bottom]{transform:translateY(-4px)}.ds-tooltip[data-placement=bottom].is-visible{transform:translateY(0)}.ds-tooltip[data-placement=left]{transform:translate(4px)}.ds-tooltip[data-placement=left].is-visible{transform:translate(0)}.ds-tooltip[data-placement=right]{transform:translate(-4px)}.ds-tooltip[data-placement=right].is-visible{transform:translate(0)}.ds-tooltip[data-multiline=true]{white-space:normal;text-align:start;max-width:320px}.ds-tooltip kbd{border-radius:var(--radius-4);color:#f8fafcf2;min-width:18px;height:18px;font-family:var(--font-family-mono);font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap;background:#ffffff29;justify-content:center;align-items:center;margin:0 2px;padding:0 5px;line-height:1;display:inline-flex}#html-finetune-tip{z-index:2147483647!important;color:#f8fafc!important;letter-spacing:.01em!important;text-align:center!important;white-space:nowrap!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;opacity:0!important;-webkit-backdrop-filter:blur(10px)saturate(140%)!important;background:#111827f0!important;border-radius:6px!important;max-width:240px!important;padding:5px 9px!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:11.5px!important;line-height:1.4!important;transition:opacity .13s cubic-bezier(.2,0,0,1),transform .13s cubic-bezier(.2,0,0,1)!important;position:fixed!important;transform:translateY(4px)!important;box-shadow:0 2px 6px #0f172a33,0 10px 24px #0f172a24!important}#html-finetune-tip.is-visible{opacity:1!important;transform:translateY(0)!important}#html-finetune-tip[data-placement=top]{transform:translateY(4px)!important}#html-finetune-tip[data-placement=top].is-visible{transform:translateY(0)!important}#html-finetune-tip[data-placement=bottom]{transform:translateY(-4px)!important}#html-finetune-tip[data-placement=bottom].is-visible{transform:translateY(0)!important}