@font-face{font-family:Geist;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light dark;--app: #f8f7f4;--chrome: #fffffd;--panel: #f1f0ed;--panel-hover: #e9e8e4;--canvas: #fbfaf8;--dot: rgba(37, 36, 33, .14);--line: #e1dfda;--line-soft: #ebe9e4;--text: #25231f;--muted: #6f6b64;--dim: #aaa59c;--accent: #6f6a63;--accent-strong: #25231f;--danger: #bd3f3f;--shadow: rgba(32, 28, 23, .08);--code-bg: var(--canvas);--code-text: var(--text);--code-muted: var(--muted);--code-line-number: var(--muted);--code-selection: #d9d8d4;--code-active-line: #ecebe7;--code-attribute: var(--text);--code-tag: #00845c;--code-string: #c51414;--code-keyword: var(--text);--code-meta: #a24c00;--code-error: var(--danger);--token-field: var(--canvas);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}@media(prefers-color-scheme:dark){:root{--app: #1f1f20;--chrome: #1b1b1c;--panel: #262729;--panel-hover: #303133;--canvas: #212224;--dot: rgba(255, 255, 255, .12);--line: #343538;--line-soft: #2e2f32;--text: #eeeeeb;--muted: #b2afa8;--dim: #77756f;--accent: #9d9890;--accent-strong: #f3f1eb;--danger: #ff7a7a;--shadow: rgba(0, 0, 0, .22);--code-bg: #191b1f;--code-text: #f1f5f2;--code-muted: #c7cec7;--code-line-number: #aeb7af;--code-selection: #214f78;--code-active-line: #242a31;--code-attribute: #8fd3ff;--code-tag: #ffbf7a;--code-string: #8ee6a8;--code-keyword: #d9c7ff;--code-meta: #d7dde1;--code-error: #ff9b9b;--token-field: var(--canvas)}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--app);color:var(--text);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.app{position:relative;display:block;width:100%;height:100%;background:var(--app);border-top:1px solid var(--line)}.app.dragging .viewer,.app.dragging .empty-state{outline:1px solid var(--accent-strong);outline-offset:-9px}.visually-hidden{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.history{position:absolute;top:8px;bottom:8px;left:8px;z-index:6;display:flex;flex-direction:column;background:color-mix(in srgb,var(--chrome) 88%,transparent);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px var(--shadow);overflow:hidden;scrollbar-width:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:panel-slide-in-left .18s cubic-bezier(.2,.8,.2,1) both;transition:width .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.history::-webkit-scrollbar{display:none}.resize-handle{position:absolute;top:0;right:0;z-index:4;width:8px;height:100%;cursor:col-resize;touch-action:none}.resize-handle:hover,.resizing-sidebar .resize-handle{background:color-mix(in srgb,var(--accent) 14%,transparent)}.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.small-icon,.toolbar-button{display:inline-grid;place-items:center;height:28px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:color .14s ease,background-color .14s ease,border-color .14s ease,opacity .14s ease,transform .14s ease}.small-icon{width:30px;min-width:30px;padding:0 7px;font-size:12px;font-weight:600}.small-icon:hover,.toolbar-button:hover:not(:disabled){color:var(--accent-strong);background:var(--panel-hover);border-color:var(--line);transform:translateY(-1px)}.search-row{display:flex;align-items:center;width:100%;height:38px;padding:0 14px;color:var(--muted);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line-soft);cursor:pointer}.search-row span{font-size:13px}.search-row:hover{color:var(--text);background:var(--panel-hover)}.panel-head{flex:0 0 38px;display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 10px 0 14px;color:var(--dim);border-bottom:1px solid var(--line-soft)}.panel-head h2{margin:0;font-size:11px;font-weight:650;letter-spacing:0;text-transform:uppercase}.panel-head span{font-size:12px}.panel-actions{display:flex;align-items:center;gap:5px}.panel-icon{display:grid;place-items:center;width:24px;height:24px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.panel-icon:hover{color:var(--accent-strong);background:var(--panel-hover);border-color:var(--line-soft)}.recent-list{display:grid;padding:2px 0;animation:panel-content-in .16s ease both}.layer-list{display:grid;align-content:start;flex:1 1 auto;min-height:0;padding:4px;overflow:auto;animation:panel-content-in .16s ease both}.layer-empty{margin:8px 10px}.layer-item{--layer-depth: 0;min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;height:30px;padding:0 7px 0 calc(4px + var(--layer-depth) * 14px);color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px}.layer-item:hover{color:var(--text);background:var(--panel-hover)}.layer-item.selected{color:var(--accent-strong);background:color-mix(in srgb,#0d99ff 13%,transparent);border-color:color-mix(in srgb,#0d99ff 34%,transparent)}.layer-item svg{color:var(--dim);justify-self:center}.layer-item.selected svg,.layer-item:hover svg{color:var(--accent-strong)}.layer-item span{min-width:0;overflow:hidden;font-size:13px;font-weight:470;text-overflow:ellipsis;white-space:nowrap}.layer-disclosure,.layer-main{min-width:0;height:100%;color:inherit;background:transparent;border:0}.layer-disclosure{display:grid;place-items:center;width:16px;padding:0;cursor:pointer;opacity:0;transition:opacity .12s ease}.layer-disclosure.hidden{opacity:0;pointer-events:none}.layer-list:hover .layer-disclosure:not(.hidden),.layer-item:hover .layer-disclosure:not(.hidden),.layer-item.selected .layer-disclosure:not(.hidden),.layer-disclosure:focus-visible{opacity:1}.layer-main{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;padding:0;text-align:left;cursor:pointer}.recent-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;width:100%;height:34px;padding:0 6px 0 0;color:var(--muted);background:transparent}.recent-item:hover{color:var(--text);background:var(--panel-hover)}.recent-item.active{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,transparent)}.recent-item.active:before{content:"";position:absolute;left:0;width:2px;height:18px;border-radius:0 2px 2px 0;background:var(--accent-strong)}.recent-open{min-width:0;height:100%;display:grid;grid-template-columns:16px minmax(0,1fr) 12px;align-items:center;gap:6px;padding:0 7px 0 14px;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.remove-recent{display:grid;place-items:center;width:24px;height:24px;color:var(--dim);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;opacity:0}.recent-item:hover .remove-recent,.recent-item.active .remove-recent{opacity:1}.remove-recent:hover{color:var(--accent-strong);background:var(--panel);border-color:var(--line-soft)}.file-icon{color:var(--dim);justify-self:center}.recent-item:hover .file-icon,.recent-item.active .file-icon{color:var(--accent-strong)}.recent-copy{min-width:0}.recent-copy strong{display:block;min-width:0;overflow:hidden;font-size:13px;font-weight:450;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.muted{margin:6px 14px;color:var(--dim);font-size:13px;line-height:1.4}.workspace{position:relative;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr);--sidebar-width: 232px}.view-tabs{position:absolute;top:8px;left:50%;z-index:5;display:flex;gap:2px;padding:3px;transform:translate(-50%);background:color-mix(in srgb,var(--chrome) 90%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:chrome-drop-in .16s ease both;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.view-tabs button{min-width:54px;height:26px;padding:0 10px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;font-size:12px;font-weight:520;transition:color .14s ease,background-color .14s ease,border-color .14s ease}.view-tabs button:hover{color:var(--accent-strong);background:var(--panel-hover)}.view-tabs button.active{color:var(--accent-strong);background:var(--panel);border-color:var(--line-soft)}.top-actions{position:absolute;top:8px;right:280px;z-index:5;display:flex;align-items:flex-start;gap:6px;animation:top-action-in .17s ease both}.top-save-action{height:32px;min-width:76px;padding:0 12px;color:var(--chrome);background:var(--accent-strong);border:1px solid var(--accent-strong);border-radius:8px;box-shadow:0 8px 24px var(--shadow);cursor:pointer;font-size:12px;font-weight:620;transition:opacity .14s ease,background-color .14s ease,border-color .14s ease,transform .14s ease}.top-save-action:hover:not(:disabled){background:var(--text);border-color:var(--text);transform:translateY(-1px)}.top-save-action:disabled{opacity:.34;cursor:default}.show-panels{position:absolute;top:8px;right:8px;z-index:5;height:28px;padding:0 10px;color:var(--muted);background:color-mix(in srgb,var(--chrome) 88%,transparent);border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;font-size:12px}.show-panels:hover{color:var(--accent-strong);background:var(--panel-hover)}.mode-section{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft);animation:panel-content-in .15s ease both}.mode-head{color:var(--text);font-size:12px;font-weight:620}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.mode-row span{min-width:0;overflow:hidden;color:var(--dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mode-row select{height:26px;min-width:82px;max-width:136px;padding:0 24px 0 8px;color:var(--accent-strong);background:var(--panel);border:1px solid var(--line-soft);border-radius:5px;outline:none;font:inherit;font-size:12px;cursor:pointer}.mode-row select:focus{border-color:var(--accent)}.canvas-tools,.zoom-tools{position:absolute;z-index:5;display:flex;gap:3px;padding:3px;background:color-mix(in srgb,var(--chrome) 88%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:gap .16s ease,padding .16s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.canvas-tools{left:50%;bottom:18px;transform:translate(-50%);animation:toolbar-settle .17s ease both}.canvas-tools.editing-tools{gap:2px;padding:4px;background:#111;border-color:color-mix(in srgb,#fff 14%,transparent);box-shadow:0 12px 32px color-mix(in srgb,#000 34%,transparent),0 0 0 1px color-mix(in srgb,#fff 7%,transparent);animation:toolbar-edit-in .21s cubic-bezier(.2,.8,.2,1) both}.zoom-tools{top:8px;left:calc(var(--sidebar-width) + 16px)}.metadata-panel{position:absolute;top:8px;right:8px;z-index:4;width:min(260px,calc(100% - 28px));max-height:calc(100% - 16px);padding:10px;color:var(--muted);background:color-mix(in srgb,var(--chrome) 88%,transparent);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px var(--shadow);overflow:auto;scrollbar-width:thin;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:panel-slide-in-right .18s cubic-bezier(.2,.8,.2,1) both;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.metadata-title{min-width:0;display:flex;align-items:center;gap:7px;color:var(--text);animation:panel-content-in .15s ease both}.metadata-title svg{flex:0 0 auto;color:var(--dim)}.metadata-title strong{min-width:0;overflow:hidden;font-size:13px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.dirty-dot{width:7px;height:7px;flex:0 0 auto;background:#ff9f1a;border:1px solid color-mix(in srgb,var(--chrome) 72%,transparent);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,#ff9f1a 18%,transparent)}.recent-dirty-dot{justify-self:center}.metadata-panel dl{display:grid;gap:6px;margin:10px 0 0;animation:panel-content-in .15s ease both}.metadata-panel dl div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.metadata-panel dt,.metadata-panel dd{margin:0;font-size:12px;letter-spacing:0;white-space:nowrap}.metadata-panel dt{color:var(--dim)}.metadata-panel dd{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis}.score-panel{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft);animation:panel-content-in .15s ease both}.score-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.score-head span{color:var(--text);font-size:12px;font-weight:620}.score-head small{color:var(--danger);font-size:11px}.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.score-metric{min-width:0;display:grid;justify-items:center;gap:5px}.score-ring{--score-color: #f15b4a;width:42px;height:42px;display:grid;place-items:center;color:var(--text);background:radial-gradient(circle at center,var(--chrome) 0 58%,transparent 59%),conic-gradient(var(--score-color) var(--score),color-mix(in srgb,var(--line) 72%,transparent) 0);border-radius:50%;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.score-ring.good{--score-color: #0cce6b}.score-ring.ok{--score-color: #ffa400}.score-ring.low{--score-color: #ff4e42}.score-ring.na{--score-color: var(--dim);color:var(--dim)}.score-name{max-width:100%;overflow:hidden;color:var(--dim);font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.toolbar-button{min-width:28px;padding:0 8px;font-size:12px}.toolbar-button svg,.small-icon svg{display:block}.text-tool{display:inline-flex;align-items:center;gap:5px}.toolbar-button:disabled{opacity:.34;cursor:default}.edit-prompt{align-self:center;padding:0 7px;color:var(--muted);font-size:12px;white-space:nowrap}.beta-tag{display:inline-flex;align-items:center;height:16px;margin-left:5px;padding:0 5px;color:var(--accent-strong);background:var(--panel);border:1px solid var(--line-soft);border-radius:4px;font-size:10px;font-weight:650;vertical-align:1px}.primary-tool{color:var(--chrome);background:var(--accent-strong);border-color:var(--accent-strong)}.primary-tool:hover:not(:disabled){color:var(--chrome);background:var(--text)}.editing-tools .toolbar-button{min-width:52px;height:28px;color:color-mix(in srgb,#fff 76%,transparent);background:transparent;border-color:transparent;font-weight:560}.editing-tools .toolbar-button:hover:not(:disabled){color:#fff;background:color-mix(in srgb,#fff 12%,transparent);border-color:transparent}.editing-tools .primary-tool{color:#111;background:#fff;border-color:#fff}.editing-tools .primary-tool:hover:not(:disabled){color:#111;background:color-mix(in srgb,#fff 88%,transparent);border-color:color-mix(in srgb,#fff 88%,transparent)}.editing-file{max-width:min(320px,45vw);min-width:0;height:28px;display:inline-flex;align-items:center;gap:7px;padding:0 10px 0 8px;color:#fff;white-space:nowrap}.editing-file svg{flex:0 0 auto;color:color-mix(in srgb,#fff 72%,transparent)}.editing-file span{min-width:0;overflow:hidden;font-size:12px;font-weight:560;text-overflow:ellipsis}.reset-tool{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--panel));border-color:color-mix(in srgb,var(--danger) 32%,var(--line))}.reset-tool:hover:not(:disabled){color:var(--chrome);background:var(--danger);border-color:var(--danger)}.editing-tools .reset-tool{color:color-mix(in srgb,#fff 68%,transparent)}.editing-tools .reset-tool:hover:not(:disabled){color:#fff;background:color-mix(in srgb,#fff 12%,transparent)}.close-edit-tool{color:var(--muted);background:var(--canvas);border-color:var(--line-soft)}.close-edit-tool:hover:not(:disabled){color:var(--text);background:var(--panel-hover);border-color:var(--line)}.editing-tools .close-edit-tool{color:color-mix(in srgb,#fff 68%,transparent)}.url-panel{position:absolute;left:50%;bottom:58px;z-index:6;display:grid;grid-template-columns:minmax(220px,360px) 32px 32px;gap:4px;transform:translate(-50%);padding:4px;background:color-mix(in srgb,var(--chrome) 92%,transparent);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.url-panel input{width:100%;height:30px;padding:0 9px;color:var(--text);background:var(--canvas);border:1px solid var(--line-soft);border-radius:6px;outline:none;font:inherit}.url-panel input:focus{border-color:var(--accent)}.url-submit,.url-close{display:grid;place-items:center;width:32px;height:30px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.url-submit:hover:not(:disabled),.url-close:hover{color:var(--accent-strong);background:var(--panel-hover);border-color:var(--line)}.url-submit:disabled{opacity:.45;cursor:default}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer{min-width:0;min-height:0;position:relative;padding:0;overflow:hidden;background:var(--canvas)}.viewer.canvas-transitioning .render-mount{animation:canvas-surface-settle .24s cubic-bezier(.2,.8,.2,1) both}.viewer.canvas-transitioning .render-mount>div>div{transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .16s ease}.code-view{min-width:0;min-height:0;padding:0;overflow:auto;background:var(--canvas)}.code-search-toggle,.code-search{padding:3px;color:var(--muted);background:color-mix(in srgb,var(--chrome) 92%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.code-search-toggle{display:grid;place-items:center;width:34px;height:34px;cursor:pointer}.code-search-toggle:hover{color:var(--accent-strong);background:var(--panel-hover)}.code-search{display:grid;grid-template-columns:minmax(160px,220px) auto 28px 28px 28px;align-items:center;gap:3px}.code-search input{width:100%;height:28px;padding:0 8px;color:var(--text);background:var(--canvas);border:1px solid var(--line-soft);border-radius:5px;outline:none;font:inherit;font-size:12px}.code-search input:focus{border-color:var(--accent)}.code-search span{min-width:54px;padding:0 6px;font-size:11px;text-align:right;white-space:nowrap}.code-search button{display:grid;place-items:center;width:28px;height:28px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.code-search button:hover:not(:disabled){color:var(--accent-strong);background:var(--panel-hover);border-color:var(--line)}.code-search button:disabled{opacity:.38;cursor:default}.code-editor{width:100%;height:100%;overflow:hidden;background:var(--canvas)}.code-editor .cm-editor{height:100%}.code-editor .cm-scroller{padding-top:50px;padding-right:284px;padding-bottom:84px;padding-left:calc(var(--sidebar-width) + 10px)}.code-editor .cm-content{min-height:calc(100% - 134px);overflow-wrap:anywhere}.code-editor .cm-searchMatch{background:color-mix(in srgb,#ffcf5a 42%,transparent);border-radius:3px}.code-editor .cm-searchMatch-active{background:color-mix(in srgb,#ffcf5a 70%,transparent);outline:1px solid color-mix(in srgb,#b78300 70%,transparent)}.code-editor .cm-tooltip{color:var(--text);background:var(--chrome);border-color:var(--line);border-radius:6px;box-shadow:0 8px 24px var(--shadow)}.render-mount,.empty-state{width:100%;height:100%;overflow:hidden;background-color:var(--canvas);background-image:radial-gradient(circle,var(--dot) 1.15px,transparent 1.25px);background-position:0 0;background-size:18px 18px;border:0;border-radius:0;box-shadow:none}.design-mount,.design-mount [data-uid]{cursor:default}.design-mount .gui-relative{outline:none!important}.design-selection-overlay{position:absolute;z-index:3;pointer-events:none;border:1px solid #0d99ff;box-shadow:0 0 0 1px color-mix(in srgb,#ffffff 56%,transparent)}.design-selection-overlay span{position:absolute;width:6px;height:6px;background:#fff;border:1px solid #0d99ff;border-radius:1px;box-shadow:0 1px 2px color-mix(in srgb,#000 18%,transparent)}.design-selection-overlay span:nth-child(1){top:-4px;left:-4px}.design-selection-overlay span:nth-child(2){top:-4px;right:-4px}.design-selection-overlay span:nth-child(3){right:-4px;bottom:-4px}.design-selection-overlay span:nth-child(4){bottom:-4px;left:-4px}.inspector-panel{display:grid;gap:0;animation:panel-content-in .15s ease both}.inspector-title{display:grid;gap:9px;padding-bottom:2px}.element-chip{width:fit-content;padding:2px 6px;color:var(--accent-strong);background:var(--panel);border:1px solid var(--line-soft);border-radius:5px;font-size:11px;font-weight:620}.inspector-title strong{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:470;text-overflow:ellipsis;white-space:nowrap}.inspector-empty{margin:0;color:var(--dim);font-size:12px;line-height:1.45}.inspector-section{position:relative;display:grid;gap:8px;padding:14px 0;border-top:0}.inspector-section:before{content:"";position:absolute;top:0;right:-10px;left:-10px;height:1px;background:var(--line-soft)}.inspector-title+.inspector-section{margin-top:12px;padding-top:0}.inspector-title+.inspector-section:before{display:none}.inspector-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.inspector-section-head h3{margin:0;color:var(--muted);font-size:13px;font-weight:560;letter-spacing:0}.inspector-section-title{color:var(--muted);font-size:11px;font-weight:560;letter-spacing:0}.inspector-grid{display:grid;gap:8px}.inspector-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-field{min-width:0;display:grid;gap:4px;position:relative}.inspector-field span{overflow:hidden;color:var(--dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inspector-field input{width:100%;height:30px;min-width:0;padding:0 10px;color:var(--text);background:var(--panel);border:1px solid transparent;border-radius:7px;outline:none;font:inherit;font-size:13px}.token-value{width:100%;height:30px;min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;padding:4px 5px;color:var(--text);background:var(--panel);border:1px solid transparent;border-radius:7px;cursor:default;font:inherit;font-size:12px;text-align:left}.token-value span{height:100%;width:100%;min-width:0;display:inline-flex;align-items:center;padding:0 7px;overflow:hidden;color:inherit;background:var(--token-field);border:0;border-radius:6px;font-size:inherit;text-overflow:ellipsis;white-space:nowrap}.token-value:hover{background:var(--panel);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.token-value:hover span{border-color:transparent}.metric-field .token-value{padding-right:3px}.inspector-field input:focus{border-color:var(--accent);background:var(--canvas)}.paint-row{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;height:32px;padding:0 8px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.paint-row.token-paint-row{grid-template-columns:28px minmax(0,1fr);gap:0;padding:0 8px;background:var(--token-field);border-color:var(--line)}.paint-row.has-note,.paint-row.token-paint-row.has-note{grid-template-columns:28px minmax(0,1fr) 24px}.paint-swatch{width:18px;height:18px;border:1px solid var(--line-soft);border-radius:4px;background-image:linear-gradient(45deg,color-mix(in srgb,var(--dim) 35%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--dim) 35%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--dim) 35%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--dim) 35%,transparent) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.paint-row input{width:100%;min-width:0;height:100%;padding:0;color:var(--text);background:transparent;border:0;outline:none;font:inherit;font-size:13px}.paint-token-value{height:26px;background:transparent;padding:0 4px;border:0;border-radius:0}.paint-token-value span{padding:0;background:transparent;border:0;border-radius:0}.paint-token-value:hover{background:transparent;border-color:transparent}.paint-note-button{display:grid;place-items:center;width:22px;height:22px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer}.paint-note-button:hover{color:var(--accent-strong);background:var(--panel-hover)}.property-note{margin:0;padding:8px;color:var(--muted);background:var(--panel);border-radius:7px;font-size:12px;line-height:1.4}.property-note code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px}.metric-field input{padding-right:64px}.metric-field select{position:absolute;right:5px;bottom:4px;width:58px;height:22px;padding:0 16px 0 6px;color:var(--text);background:color-mix(in srgb,var(--canvas) 74%,transparent);border:1px solid transparent;border-radius:5px;outline:none;font:inherit;font-size:12px;cursor:pointer}.metric-field select:focus{border-color:var(--accent)}.segment-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--panel);border-radius:8px}.flow-row{grid-template-columns:repeat(4,minmax(0,1fr))}.text-align-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:7px}.typography-align-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segment-button{display:grid;place-items:center;height:30px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer}.segment-button svg{width:13px;height:13px}.segment-button:hover{color:var(--accent-strong);background:var(--panel-hover)}.segment-button.active{color:#0d99ff;background:var(--canvas);border-color:var(--line-soft);box-shadow:0 1px 2px var(--shadow)}.align-gap-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(58px,.28fr);gap:10px;align-items:end}.scaled-align-control{display:grid;gap:8px}.scaled-align-grid{display:grid;grid-template-columns:repeat(3,1fr);height:82px;padding:9px;background:var(--panel);border-radius:8px}.scaled-align-cell{display:grid;place-items:center;min-width:0;min-height:0;padding:0;color:var(--dim);background:transparent;border:0;border-radius:5px;cursor:pointer}.scaled-align-cell:hover{color:var(--accent-strong);background:color-mix(in srgb,var(--panel-hover) 72%,transparent)}.scaled-align-cell span{width:4px;height:4px;background:currentColor;border-radius:50%}.scaled-align-cell.active{color:#0d99ff}.scaled-align-cell.active span{width:12px;height:3px;border-radius:999px;box-shadow:0 -4px 0 currentColor,0 4px 0 currentColor}.padding-control{position:relative;display:grid;gap:8px;padding-right:28px}.padding-expand,.property-expand{position:absolute;right:0;bottom:1px;display:grid;place-items:center;width:24px;height:30px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.padding-expand:hover,.padding-expand.active,.property-expand:hover,.property-expand.active{color:#0d99ff;background:color-mix(in srgb,#0d99ff 12%,transparent)}.radius-control{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:28px}.radius-control .property-expand{bottom:0}.checkbox-row{display:flex;align-items:center;gap:8px;min-height:28px;color:var(--text);font-size:13px}.checkbox-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;background:var(--canvas);border:1px solid var(--dim);border-radius:4px;cursor:pointer}.checkbox-row input:checked{background:#0d99ff;border-color:#0d99ff;box-shadow:inset 0 0 0 4px var(--canvas)}.empty-state{display:grid;place-items:center;padding:24px}.empty-card{display:grid;gap:14px;width:min(420px,100%);padding:22px;color:var(--muted);background:color-mix(in srgb,var(--chrome) 82%,transparent);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:10px;box-shadow:0 12px 34px color-mix(in srgb,var(--shadow) 82%,transparent);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}.empty-card .empty-kicker{margin:0;color:var(--dim);font-size:13px;font-weight:420;letter-spacing:0;text-transform:uppercase}.empty-card h1{margin:0;color:var(--text);font-size:24px;font-weight:380;line-height:1.2}.empty-card p{margin:0;font-size:14px;line-height:1.5}.empty-card a{color:var(--accent-strong);font-weight:560;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.empty-card a:hover{border-color:var(--accent-strong)}.empty-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.empty-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:13px;font-weight:520}.empty-action.primary{color:var(--chrome);background:var(--accent-strong);border-color:var(--accent-strong)}.empty-action:hover{color:var(--accent-strong);background:var(--panel-hover)}.empty-action.primary:hover{color:var(--chrome);background:var(--text)}.status{position:absolute;left:50%;top:8px;z-index:7;transform:translate(-50%);max-width:min(620px,calc(100% - 40px));margin:0;padding:7px 9px;color:var(--danger);background:var(--chrome);border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));border-radius:6px;font-size:13px}.context-menu-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.context-menu{position:absolute;width:176px;max-height:min(320px,calc(100vh - 16px));padding:4px;color:var(--muted);background:color-mix(in srgb,var(--chrome) 94%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:auto;scrollbar-width:thin}.context-menu.layer-context-menu{width:236px}.context-menu button{--context-depth: 0;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:100%;height:33px;padding:0 8px;color:inherit;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.context-menu .layer-context-item{padding-left:calc(8px + var(--context-depth) * 14px)}.context-menu .layer-context-item.selected{color:var(--accent-strong);background:color-mix(in srgb,#0d99ff 11%,transparent);border-color:color-mix(in srgb,#0d99ff 24%,transparent)}.context-menu button:hover:not(:disabled){color:var(--accent-strong);background:var(--panel-hover);border-color:var(--line-soft)}.context-menu button:disabled{opacity:.38;cursor:default}.context-menu svg{color:var(--dim)}.context-menu button:hover:not(:disabled) svg{color:var(--accent-strong)}.context-menu span{min-width:0;overflow:hidden;font-size:13px;font-weight:460;text-overflow:ellipsis;white-space:nowrap}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#0000002e}.confirm-dialog{width:min(340px,100%);padding:16px;color:var(--muted);background:var(--chrome);border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 42px var(--shadow)}.confirm-dialog h2{margin:0;color:var(--text);font-size:15px;font-weight:620;letter-spacing:0}.confirm-dialog p{margin:8px 0 0;font-size:13px;line-height:1.45}.confirm-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}.confirm-actions button{height:30px;padding:0 11px;color:var(--muted);background:transparent;border:1px solid var(--line-soft);border-radius:6px;cursor:pointer;font-size:12px;font-weight:560}.confirm-actions button:hover{color:var(--accent-strong);background:var(--panel-hover)}.confirm-actions .primary{color:var(--chrome);background:var(--accent-strong);border-color:var(--accent-strong)}.confirm-actions .primary:hover:not(:disabled){color:var(--chrome);background:var(--text);border-color:var(--text)}.confirm-actions button:disabled{opacity:.34;cursor:default}@keyframes panel-slide-in-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes panel-slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes panel-content-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chrome-drop-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@keyframes top-action-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes toolbar-settle{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toolbar-edit-in{0%{transform:translate(-50%) translateY(3px) scale(.98)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes canvas-surface-settle{0%{opacity:.82;transform:scale(.992)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:760px){.history{top:auto;right:10px;bottom:10px;left:10px;width:auto!important;height:96px;min-width:0;max-width:none}.resize-handle,.search-row,.panel-head{display:none}.recent-list{display:flex;gap:2px;padding:4px;overflow-x:auto}.recent-item{width:156px;flex:0 0 156px}.canvas-tools{left:50%;bottom:118px}.zoom-tools{top:10px;left:10px}.top-actions{top:56px;right:10px}.metadata-panel{top:10px;right:10px}.view-tabs{top:10px}.code-view{padding:0}.code-search{grid-template-columns:minmax(0,1fr) auto 28px 28px 28px}.code-editor .cm-scroller{padding:54px 10px 118px}.url-panel{bottom:158px;grid-template-columns:minmax(160px,calc(100vw - 132px)) 32px 32px}.viewer{padding:0}.status{left:50%;top:10px;max-width:calc(100vw - 24px)}}