:root{--ink:255 255 255;--ui-panel:#2a2a2a;--ui-canvas:#282828;--ui-home:#222;--ui-line:#373737;--ui-control:#373737;--ui-control-shadow:inset 0 1px 0 #ffffff08, inset 0 0 1px .5px #fff1, 0 1px .5px #00000018, 0 0 3px -1px #000a;--ui-raised:#404040;--ui-raised-strong:#4a4a4a;--ui-popover:#1e1e1e;--ui-popover-shadow:0 0 0 1px rgb(var(--ink) / .08), 0 8px 24px #00000080;--ui-backdrop:#00000073;--ui-row-selected:#3c3c3c;--ui-hover:rgb(var(--ink) / .05);--ui-text:rgb(var(--ink) / .9);--ui-secondary:rgb(var(--ink) / .65);--ui-muted:rgb(var(--ink) / .58);--ui-faint:rgb(var(--ink) / .4);--ui-icon:rgb(var(--ink) / .72);--ui-invert:#f2f2f2;--ui-invert-hover:#fff;--ui-invert-text:#1e1e1e;--ui-accent:#4d8ae4;--ui-accent-text:#8db4f0;--ui-accent-soft:#4d8ae433;--ui-warn:#f7c063;--ui-danger:#f26b6b;--ui-danger-text:#ffb4b4;--ui-success:#5fbf8f;--ui-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--code-tag:#7cb7ff;--code-attribute:#c9a5f7;--code-string:#a5d6a7;--code-property:#8fd3f5;--code-number:#f5b97a;--code-class:#f2d479;--code-keyword:#f08fb4;--code-variable:#f5b97a;--code-comment:rgb(var(--ink) / .4);--code-punctuation:rgb(var(--ink) / .55);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ink:0 0 0;--ui-panel:#fff;--ui-canvas:#f2f2f2;--ui-home:#f7f7f7;--ui-line:#e5e5e5;--ui-control:#f2f2f2;--ui-control-shadow:inset 0 0 0 1px #0000000d, 0 1px .5px #0000000a;--ui-raised:#e9e9e9;--ui-raised-strong:#dedede;--ui-popover:#fff;--ui-popover-shadow:0 0 0 1px #00000014, 0 8px 24px #0000001f;--ui-backdrop:#0003;--ui-row-selected:#ebebeb;--ui-text:#000000e0;--ui-secondary:#0009;--ui-muted:#00000085;--ui-faint:#0000005c;--ui-icon:#000000a8;--ui-invert:#1e1e1e;--ui-invert-hover:#000;--ui-invert-text:#fff;--ui-accent:#3b7ddd;--ui-accent-text:#2563c9;--ui-accent-soft:#3b7ddd24;--ui-warn:#a86a0c;--ui-danger:#d93636;--ui-danger-text:#c42b2b;--ui-success:#22895a;--code-tag:#1f5fbf;--code-attribute:#7c3fc2;--code-string:#26803a;--code-property:#0b6b8f;--code-number:#b35a00;--code-class:#8a6100;--code-keyword:#c0336e;--code-variable:#b35a00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ui-panel);color:var(--ui-text);-webkit-font-smoothing:antialiased;font:12px/16px system-ui,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}kbd{font:inherit}.app{flex-direction:column;height:100%;display:flex}.workspace{flex:1;min-height:0;display:flex;position:relative}.panel{background:var(--ui-panel);flex:none;overflow:auto}.stage{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.loading,.missing-file{color:var(--ui-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.loading{background:var(--ui-canvas);position:absolute;inset:0}.missing-file{height:100%}.missing-file a{color:var(--ui-accent-text)}.icon-button{width:24px;height:24px;color:var(--ui-text);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--ui-hover)}.layers-panel{flex-direction:column;width:240px;display:flex;position:relative;overflow:visible}.panel-resizer{z-index:15;cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0;right:-4px}html.is-resizing-panel,html.is-resizing-panel *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.collapsed-header{z-index:20;corner-shape:superellipse(1.3);background:var(--ui-panel);height:38px;box-shadow:0 0 0 1px rgb(var(--ink) / .08), 0 4px 14px #00000059;border-radius:10px;align-items:center;gap:8px;padding:0 7px 0 5px;display:flex;position:absolute;top:6px;left:6px}.collapsed-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13px;font-weight:500;overflow:hidden}.collapsed-header .icon-button{margin-left:6px}.file-header{border-bottom:1px solid var(--ui-line);align-items:center;gap:4px;padding:8px 8px 8px 6px;display:flex}.file-mark{width:28px;height:28px;color:rgb(var(--ink) / .5);cursor:default;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.file-mark:hover,.file-mark.is-active{background:var(--ui-hover);color:var(--ui-text)}.file-menu-anchor{flex:none;position:relative}.file-menu{z-index:40;background:var(--ui-popover);min-width:248px;box-shadow:0 0 0 1px rgb(var(--ink) / .08), 0 8px 24px #00000080;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);left:0}.file-menu-item{width:100%;height:28px;color:var(--ui-text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 10px 0 4px;font-size:12px;display:flex}.file-menu-item:hover{background:var(--ui-accent)}.file-menu-check{flex:none;place-items:center;width:18px;display:grid}.file-menu-label{flex:1}.file-menu-item kbd{color:var(--ui-faint);font:inherit;letter-spacing:.04em}.file-menu-item:hover kbd{color:rgb(var(--ink) / .7)}.file-menu-divider{background:var(--ui-line);height:1px;margin:4px 6px}.file-title{text-overflow:ellipsis;background:0 0;border:0;border-radius:4px;flex:1;min-width:0;height:24px;padding:0 6px;font-size:13px;font-weight:500}.file-title:hover{background:var(--ui-hover)}.file-title:focus{background:var(--ui-control);box-shadow:var(--ui-control-shadow);outline:none}.layers-heading{height:24px;margin:8px 0 2px;padding:0 12px;font-weight:500;line-height:24px}.layers-tree{flex:1;min-height:0}.layers-tree-content{box-sizing:border-box;padding:2px 0 24px}.layer-row{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;height:28px;padding-right:12px;display:flex}.layer-row.is-hovered{box-shadow:inset 0 0 0 1px var(--ui-accent-soft)}.layer-row.is-selected{background:var(--ui-row-selected)}.layer-toggle{width:16px;height:16px;color:var(--ui-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.layer-icon{color:var(--ui-text);opacity:.6;flex:none}.layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.layer-tag{color:var(--ui-faint);font-family:var(--ui-mono);opacity:0;flex:none;font-size:10.5px}.layer-row:hover .layer-tag,.layer-row.is-selected .layer-tag{opacity:1}.layer-rename{background:var(--ui-control);min-width:0;height:20px;box-shadow:0 0 0 1px var(--ui-accent);border:0;border-radius:4px;outline:none;flex:1;padding:0 4px}.left-tabs{padding:12px 12px 0}.left-tabs .insp-segmented{height:24px}.left-section-header{justify-content:space-between;align-items:center;height:24px;margin:8px 0 2px;padding:0 12px 0 4px;display:flex}.left-section-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:500;display:inline-flex}.left-section-toggle svg{width:16px;color:var(--ui-secondary)}.left-divider{background:var(--ui-line);height:1px;margin:4px 0}.pages-list{max-height:300px;padding-bottom:6px}.pages-list-content{max-height:294px}.page-row{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;height:28px;padding:0 12px 0 24px;display:flex}.page-row:hover{background:rgb(var(--ink) / .03)}.page-row.is-selected{background:var(--ui-row-selected)}.page-row .layer-tag{margin-left:auto}.page-row:hover .layer-tag{opacity:1}.page-delete{width:20px;height:20px;color:var(--ui-secondary);margin-right:-6px;display:none}.page-row:hover .page-delete{display:inline-grid}.page-row:hover:has(.page-delete) .layer-tag{display:none}.layers-empty{color:var(--ui-muted);margin:4px 12px}.canvas-empty{color:var(--ui-muted);pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.canvas-empty kbd{background:var(--ui-control);color:var(--ui-text);border-radius:4px;padding:1px 5px}.theme{flex:1;min-height:0}.theme-content{box-sizing:border-box;padding:4px 0 24px}.theme-header{margin-top:8px;padding:0 8px 0 12px}.theme-header-title{font-weight:500}.theme-empty{color:var(--ui-muted);margin:8px 12px;line-height:18px}.theme-empty svg{vertical-align:-1px}.theme-empty code{color:var(--ui-accent-text);font-family:var(--ui-mono);font-size:11px}.theme-group-header{justify-content:space-between;align-items:center;height:28px;margin-top:4px;padding:0 8px 0 4px;display:flex}.theme-group-add{opacity:0}.theme-group-header:hover .theme-group-add,.theme-group-add:focus-visible{opacity:1}.token-row{width:100%;height:28px;color:var(--ui-text);text-align:left;cursor:default;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px 0 20px;display:flex}.token-row:hover{background:rgb(var(--ink) / .03)}.token-row:focus-visible{box-shadow:inset 0 0 0 1px var(--ui-accent);outline:none}.token-icon{width:16px;height:16px;color:var(--ui-secondary);flex:none;place-items:center;display:grid;position:relative}.token-swatch{box-shadow:inset 0 0 0 1px rgb(var(--ink) / .12);border-radius:4px;overflow:hidden}.token-swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.token-checker:before{content:"";background:repeating-conic-gradient(rgb(var(--ink) / .35) 0 25%, rgb(var(--ink) / .09) 0 50%) 0 0 / 5.5px 5.5px;border-radius:1px;width:11px;height:11px}.token-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.token-value{max-width:45%;color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;flex:none;overflow:hidden}.token-row.is-editing{background:var(--ui-row-selected);gap:6px;padding-right:8px}.token-input{background:var(--ui-control);min-width:0;height:22px;box-shadow:var(--ui-control-shadow);color:var(--ui-text);border:0;border-radius:5px;outline:none;padding:0 6px}.token-input:focus{box-shadow:0 0 0 1px var(--ui-accent)}.token-input.is-invalid{box-shadow:0 0 0 1px var(--ui-danger)}.token-input-name{flex:1.4}.token-input-value{flex:1}.token-delete{width:20px;height:20px;color:var(--ui-secondary)}.rail{border-right:1px solid var(--ui-line);border-left:1px solid var(--ui-line);background:var(--ui-panel);flex-direction:column;flex:none;justify-content:space-between;width:42px;padding:2px 0;display:flex}.rail-group{flex-direction:column;display:flex}.rail.is-floating{z-index:20;corner-shape:superellipse(1.3);box-shadow:0 0 0 1px rgb(var(--ink) / .08), 0 4px 14px #00000059;border:0;border-radius:12px;justify-content:flex-start;padding:2px 0;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.rail-button{width:40px;height:36px;color:var(--ui-icon);cursor:pointer;isolation:isolate;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.rail-button:before{content:"";z-index:-1;corner-shape:superellipse(1.3);border-radius:7.5px;position:absolute;inset:2px 4px}.rail-button:hover:before{background:var(--ui-hover)}.rail-button.is-active{color:var(--ui-text)}.rail-button.is-active:before{background:var(--ui-raised);box-shadow:var(--ui-control-shadow)}.rail-divider{background:rgb(var(--ink) / .1);height:1px;margin:8px 12px}.rail-menu-anchor{position:relative}.rail-menu,.insp-menu{z-index:20;background:var(--ui-popover);min-width:200px;box-shadow:0 0 0 1px rgb(var(--ink) / .08), 0 8px 24px #00000080;border-radius:10px;padding:4px;position:absolute}.rail-menu{top:0;left:44px}.rail-menu-title{color:var(--ui-muted);padding:6px 8px 4px;font-size:11px}.rail-menu-item,.insp-menu-item{width:100%;height:28px;color:var(--ui-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.rail-menu-item svg{opacity:.75;flex:none}.rail-menu-item span,.insp-menu-item span{flex:1}.rail-menu-item kbd,.insp-menu-item kbd{color:var(--ui-faint)}.rail-menu-item:hover,.insp-menu-item:hover{background:var(--ui-accent)}.rail-menu-item:hover kbd,.insp-menu-item:hover kbd{color:rgb(var(--ink) / .8)}.canvas{background:var(--ui-canvas);cursor:default;touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.canvas.tool-frame,.canvas.tool-insert{cursor:crosshair}.canvas.is-panning{cursor:grab}.canvas.is-panning:active{cursor:grabbing}.world{transform-origin:0 0;position:absolute;top:0;left:0}.artboard-host{position:absolute;box-shadow:0 0 0 1px #0003,0 2px 8px #00000040}.artboard-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;height:150px;display:block}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.artboard-title{height:18px;color:rgb(var(--ink) / .5);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none;padding:0 2px;font-size:11px;line-height:18px;position:absolute;overflow:hidden}.artboard-title:hover,.artboard-title.is-selected{color:var(--ui-accent-text)}.artboard-name-input{border:1px solid var(--ui-accent-text);background:var(--ui-panel);width:100%;min-width:60px;height:18px;color:inherit;font:inherit;border-radius:3px;outline:none;padding:0 2px}.frame-share-actions{flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.ov-hover,.ov-selection,.ov-parent,.ov-drop-target,.ov-ghost,.ov-marquee,.ov-draft{position:absolute}.ov-hover,.ov-selection{box-shadow:inset 0 0 0 1px var(--ui-accent)}.ov-parent{outline:1px dashed #4d8ae48c}.ov-drop-target{background:#4d8ae40d;box-shadow:inset 0 0 0 1px #4d8ae480}.ov-ghost{border:1px dashed var(--ui-accent);background:#4d8ae414}.ov-drop-line{background:var(--ui-accent);border-radius:1px;position:absolute}.ov-marquee{border:1px solid var(--ui-accent);background:#4d8ae41a}.ov-draft{border:1px solid var(--ui-accent);background:rgb(var(--ink) / .8)}.ov-handle{border:1px solid var(--ui-accent);pointer-events:auto;background:#fff;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute}.ov-handle-n,.ov-handle-s{cursor:ns-resize}.ov-handle-e,.ov-handle-w{cursor:ew-resize}.ov-handle-nw,.ov-handle-se{cursor:nwse-resize}.ov-handle-ne,.ov-handle-sw{cursor:nesw-resize}.ov-size{background:var(--ui-accent);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;line-height:14px;position:absolute;transform:translate(-50%)}.inspector{border-left:1px solid var(--ui-line);width:281px;overflow:hidden}.inspector-scroll{height:100%}.inspector-content{box-sizing:border-box;padding-bottom:160px}.ui-scroll-area{position:relative;overflow:hidden}.ui-scroll-viewport{width:100%;height:100%}.ui-scroll-viewport>div{display:block!important}.ui-scrollbar{-webkit-user-select:none;user-select:none;touch-action:none;z-index:10;opacity:1;padding:1px;display:flex}.ui-scrollbar[data-orientation=vertical]{width:5px}.ui-scrollbar[data-orientation=horizontal]{flex-direction:column;height:5px}.ui-scrollbar[data-state=hidden]{animation:.18s forwards scrollbar-fade}.ui-scroll-thumb{background:rgb(var(--ink) / .22);border-radius:99px;flex:1;position:relative}.ui-scroll-thumb:hover{background:rgb(var(--ink) / .36)}.ui-scroll-thumb:before{content:"";position:absolute;inset:-4px}@keyframes scrollbar-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.ui-scrollbar[data-state=hidden]{opacity:0;animation:none}}.insp-top{z-index:5;border-bottom:1px solid var(--ui-line);background:var(--ui-panel);align-items:center;gap:12px;padding:12px;display:flex;position:sticky;top:0}.insp-top-actions{gap:4px;margin-left:auto;display:flex}.insp-save{color:var(--ui-secondary);align-items:center;gap:6px;display:inline-flex}.insp-save-dot{background:var(--ui-success);border-radius:50%;width:6px;height:6px}.insp-save.is-saving .insp-save-dot{background:#e3b341}.insp-save.is-error{color:var(--ui-danger)}.insp-save.is-error .insp-save-dot{background:var(--ui-danger)}.insp-zoom,.insp-top-button{height:24px;color:var(--ui-secondary);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-weight:500;line-height:1;display:inline-flex}.insp-zoom:hover{background:var(--ui-hover)}.insp-zoom svg{margin-left:-2px}.insp-top-button{background:var(--ui-control);box-shadow:var(--ui-control-shadow);color:var(--ui-text)}.insp-top-button.is-active{background:var(--ui-accent)}.insp-menu-anchor{position:relative}.insp-menu{top:28px;right:0}.insp-menu-divider{background:rgb(var(--ink) / .08);height:1px;margin:4px -4px}.insp-token-slot{flex:1 1 0}.insp-token-slot>.insp-field,.insp-token-slot>.insp-input,.insp-token-slot>.insp-select-wrap{flex:1;min-width:0}.insp-token-button{background:var(--ui-control);width:16px;height:16px;color:var(--ui-secondary);cursor:pointer;opacity:0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.insp-token-slot:hover .insp-token-button,.insp-token-slot:focus-within .insp-token-button,.insp-token-slot.is-open .insp-token-button{opacity:1}.insp-token-button:hover{background:var(--ui-raised-strong);color:var(--ui-text)}.insp-token-chip{background:var(--ui-control);min-width:0;height:24px;box-shadow:var(--ui-control-shadow);border-radius:6px;flex:1;align-items:center;display:flex}.insp-token-chip-prefix{min-width:24px;color:var(--ui-faint);flex:none;padding:0 2px 0 6px;font-weight:500}.insp-token-chip-main{min-width:0;height:18px;color:var(--ui-accent-text);cursor:pointer;background:#4d8ae42e;border:0;border-radius:4px;flex:1;align-items:center;gap:6px;margin-left:3px;padding:0 6px;display:inline-flex}.insp-token-chip.is-missing .insp-token-chip-main{color:var(--ui-danger-text);background:#f26b6b26}.insp-token-chip-name{font-family:var(--ui-mono);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.insp-token-chip-swatch{width:10px;height:10px;box-shadow:inset 0 0 0 1px rgb(var(--ink) / .2);border-radius:3px;flex:none}.insp-token-chip-detach{width:20px;height:20px;color:var(--ui-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.insp-token-chip-detach:hover{color:var(--ui-text)}.insp-menu.insp-token-picker{max-height:320px;top:28px;right:0;overflow:auto}.insp-token-picker .insp-menu-item kbd{max-width:90px;font-family:var(--ui-mono);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.insp-menu-item .insp-token-chip-swatch{flex:none}.insp-token-empty{color:var(--ui-muted);padding:4px 8px 6px}.insp-menu.insp-menu-left{min-width:180px;top:24px;left:-4px;right:auto}.insp-menu-check{place-items:center;width:12px;display:grid;flex:none!important}.insp-title-button{color:var(--ui-text);cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:4px;margin:-2px -4px;padding:2px 4px;font-weight:500;display:inline-flex}.insp-title-button:hover,.insp-title-button[aria-expanded=true]{background:var(--ui-hover)}.insp-title-button svg{opacity:.9;margin-top:1px}.insp-section{border-bottom:1px solid var(--ui-line)}.insp-header{justify-content:space-between;align-items:center;gap:8px;height:32px;padding:0 12px;display:flex}.insp-title{align-items:center;gap:6px;min-width:0;font-weight:500;display:flex}.insp-title.is-empty{color:rgb(var(--ink) / .5)}.insp-header-actions{align-items:center;gap:8px;margin-right:-4px;display:flex}.insp-header-actions>.icon-button{color:rgb(var(--ink) / .5)}.insp-header-actions>.icon-button:hover,.insp-header-actions>.icon-button.is-on{color:var(--ui-text)}.insp-tag{color:var(--ui-accent-text);font-family:var(--ui-mono);margin-right:4px;font-size:11px}.insp-body{margin-top:-8px;padding:8px 0}.insp-row{align-items:center;gap:8px;min-height:32px;padding:4px 12px;display:flex}.insp-row>*{flex:1 1 0;min-width:0}.insp-row>.icon-button,.insp-row>.insp-chip,.insp-row>.insp-narrow{flex:none}.insp-narrow{width:64px}.insp-row-check{min-height:24px;margin-top:4px}.insp-iconbar{corner-shape:superellipse(1.3);background:var(--ui-control);height:24px;box-shadow:var(--ui-control-shadow);border-radius:6px;display:flex;overflow:hidden}.insp-iconbar button{color:var(--ui-secondary);cursor:pointer;background:0 0;border:0;flex:1;place-items:center;padding:0;display:grid}.insp-iconbar button+button{box-shadow:inset 1px 0 0 #0004, inset 1.5px 0 0 rgb(var(--ink) / .08)}.insp-iconbar button:hover{background:var(--ui-hover);color:var(--ui-text)}.insp-labeled .insp-label{width:72px;color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.insp-field{align-items:center;min-width:0;display:flex;position:relative}.insp-field>.insp-field{flex:1}.insp-input,.insp-select{background:var(--ui-control);width:100%;min-width:0;height:24px;box-shadow:var(--ui-control-shadow);color:var(--ui-text);border:0;border-radius:6px;outline:none;padding:0 8px}textarea.insp-input{resize:vertical;height:auto;padding:4px 8px;line-height:16px}.insp-input::placeholder{color:var(--ui-faint)}.insp-input:focus,.insp-select:focus{box-shadow:0 0 0 1px var(--ui-accent)}.insp-input.has-prefix{padding-left:24px}.insp-input.has-suffix{padding-right:22px}.insp-input.is-mono,.insp-select.is-mono{font-family:var(--ui-mono);font-size:11px}.insp-input.is-readonly{color:var(--ui-muted);cursor:default}.insp-input.is-readonly:focus{box-shadow:var(--ui-control-shadow)}.insp-input.is-invalid{box-shadow:0 0 0 1px var(--ui-danger)}.insp-prefix svg{color:var(--ui-secondary)}.insp-prefix,.insp-suffix{min-width:24px;height:24px;color:var(--ui-faint);white-space:nowrap;pointer-events:none;place-items:center;padding:0 2px 0 4px;font-weight:500;display:grid;position:absolute;top:0}.insp-prefix{left:0}.insp-suffix{right:0}.insp-select{text-overflow:ellipsis;appearance:none;cursor:pointer;padding-right:20px;overflow:hidden}.insp-select-wrap{min-width:0;display:flex;position:relative}.insp-select-chevron{color:var(--ui-secondary);pointer-events:none;position:absolute;top:6px;right:6px}.insp-select.has-prefix{padding-left:26px}.insp-select.is-placeholder{color:var(--ui-muted)}.insp-select option{background:var(--ui-panel)}.insp-swatch{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:3px;width:14px;height:14px;padding:0}.insp-swatch::-webkit-color-swatch-wrapper{padding:0}.insp-swatch::-webkit-color-swatch{box-shadow:inset 0 0 0 1px rgb(var(--ink) / .15);border:0;border-radius:3px}.insp-button{background:var(--ui-control);height:24px;box-shadow:var(--ui-control-shadow);color:var(--ui-text);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-weight:500;line-height:1;display:inline-flex}.insp-button:hover{background:var(--ui-raised)}.insp-kbd{color:var(--ui-muted)}.insp-file{position:relative;overflow:hidden}.insp-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.insp-check{cursor:pointer;align-items:center;gap:6px;display:flex}.insp-check input{opacity:0;pointer-events:none;position:absolute}.insp-check-box{background:var(--ui-control);width:16px;height:16px;box-shadow:inset 0 1px 0 rgb(var(--ink) / .03), inset 0 0 1px .5px rgb(var(--ink) / .2), 0 1px .5px #00000018, 0 0 3px -1px #000a;color:#0000;border-radius:5px;flex:none;place-items:center;display:grid}.insp-check input:checked+.insp-check-box{color:var(--ui-text)}.insp-check input:focus-visible+.insp-check-box{box-shadow:0 0 0 1px var(--ui-accent)}.insp-check-hint{color:var(--ui-muted)}.insp-segmented{background:var(--ui-hover);border-radius:7px;height:24px;display:flex}.insp-header .insp-segmented{height:22px}.insp-segment{color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;place-items:center;margin:1px;padding:0 8px;font-weight:500;display:grid}.insp-segment.is-active{background:var(--ui-hover);box-shadow:inset 0 1px 0 rgb(var(--ink) / .03), inset 0 0 1px .5px rgb(var(--ink) / .13), 0 1px .5px #00000018, 0 0 3px -1px #000a;color:var(--ui-text)}.insp-slider{appearance:none;cursor:pointer;background:0 0;height:24px;margin:0}.insp-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, rgb(var(--ink) / .25) var(--fill,0%), rgb(var(--ink) / .1) var(--fill,0%));border-radius:6px;height:12px}.insp-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #00000080}.insp-chip{background:var(--ui-hover);height:24px;color:var(--ui-secondary);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.insp-chip:hover{color:var(--ui-text)}.insp-link{color:var(--ui-accent-text);cursor:pointer;background:0 0;border:0;padding:0}.insp-disclosure{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:500;display:inline-flex}.insp-disclosure code{color:var(--ui-accent-text);font-family:var(--ui-mono);font-size:11px;font-weight:400}.insp-count{background:var(--ui-hover);min-width:16px;color:var(--ui-muted);text-align:center;border-radius:8px;padding:0 4px;font-size:11px;font-weight:400}.insp-raw .insp-raw-key{width:92px;color:var(--ui-accent-text);font-family:var(--ui-mono);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;overflow:hidden}.insp-stepper{align-items:center;gap:12px;padding-left:4px;display:inline-flex}.insp-stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:16px}.insp-empty{padding:12px}.insp-empty-stats{color:var(--ui-secondary);margin:0 0 16px}.insp-shortcuts{margin:0}.insp-shortcut{grid-template-columns:96px 1fr;gap:8px;padding:5px 0;display:grid}.insp-shortcut dt{color:var(--ui-text)}.insp-shortcut dd{color:var(--ui-muted);margin:0}.code-panel{border-top:1px solid var(--ui-line);background:var(--ui-popover);flex-direction:column;height:38%;min-height:160px;display:flex}.code-tabs{border-bottom:1px solid var(--ui-line);align-items:center;gap:2px;padding:6px 8px;display:flex}.code-tab{height:24px;color:var(--ui-muted);font-family:var(--ui-mono);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:11px}.code-tab.is-active{background:var(--ui-hover);color:var(--ui-text)}.code-spacer{flex:1}.code-option{color:var(--ui-muted);align-items:center;gap:6px;margin-right:8px;display:inline-flex}.code-copy{background:var(--ui-control);height:24px;box-shadow:var(--ui-control-shadow);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:5px;margin-left:4px;padding:0 10px;font-weight:500;display:inline-flex}.code-copy:disabled{opacity:.6;cursor:progress}.code-body{flex:1;min-height:0;position:relative}.code-editor{position:absolute;inset:0}.code-error{border-top:1px solid var(--ui-line);background:color-mix(in srgb, var(--ui-danger) 12%, transparent);color:var(--ui-danger-text);padding:6px 12px;font-size:11.5px}.insp-color-row .insp-input{text-transform:uppercase;padding-right:48px}.insp-alpha{width:42px;height:20px;color:var(--ui-muted);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;position:absolute;right:4px}.insp-alpha:focus{color:var(--ui-text)}.shortcuts-popover{z-index:30;background:var(--ui-popover);box-shadow:0 0 0 1px rgb(var(--ink) / .08), 0 12px 32px #0009;border-radius:12px;grid-template-columns:repeat(2,220px);gap:4px 24px;padding:14px 16px;display:grid;position:absolute;bottom:0;left:44px}.shortcuts-group h3{color:var(--ui-muted);margin:6px 0;font-size:11px;font-weight:500}.shortcuts-group dl{margin:0 0 8px}.shortcuts-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.shortcuts-row dt{color:var(--ui-text)}.shortcuts-row dd{gap:3px;margin:0;display:flex}.shortcuts-row kbd{background:var(--ui-control);min-width:20px;box-shadow:var(--ui-control-shadow);color:var(--ui-secondary);text-align:center;border-radius:4px;padding:2px 5px;font-size:11px;line-height:14px}.dialog-backdrop{z-index:100;background:#0000008c;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.dialog{background:var(--ui-panel);width:min(720px,100%);max-height:min(640px,100%);box-shadow:0 0 0 1px rgb(var(--ink) / .08), 0 24px 64px #000000b3;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.dialog-header{border-bottom:1px solid var(--ui-line);padding:18px 24px}.dialog-header h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:500}.dialog-footer{border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding:12px 12px 12px 24px;display:flex}.dialog-link{color:var(--ui-secondary);font-size:13px;text-decoration:none}.dialog-link:hover{color:var(--ui-text)}.dialog-primary{background:var(--ui-invert);height:32px;color:var(--ui-invert-text);cursor:pointer;border:0;border-radius:8px;padding:0 24px;font-size:13px;font-weight:500}.dialog-primary:hover{background:var(--ui-invert-hover)}.agents-body{flex:1;min-height:0;display:flex}.agents-list{border-right:1px solid var(--ui-line);flex-direction:column;flex:none;gap:2px;width:168px;padding:4px;display:flex}.agents-item{height:32px;color:var(--ui-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 8px;font-size:13px;display:flex}.agents-item:hover{background:rgb(var(--ink) / .03);color:var(--ui-text)}.agents-item.is-active{background:var(--ui-hover);color:var(--ui-text)}.agents-steps{flex:1;min-width:0;padding:20px 24px 24px;overflow:auto}.agents-loading,.agents-error{color:var(--ui-muted);margin:0;font-size:13px}.agents-steplist{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.agents-step{grid-template-columns:20px minmax(0,1fr);gap:12px;display:grid}.agents-step-badge{background:var(--ui-invert);width:20px;height:20px;color:var(--ui-invert-text);border-radius:50%;place-items:center;margin-top:-1px;font-size:12px;font-weight:600;display:grid}.agents-step-badge.is-done{background:var(--ui-accent);color:#fff}.agents-step-content{flex-direction:column;gap:8px;min-width:0;display:flex}.agents-step-content h3{margin:0;font-size:14px;font-weight:400;line-height:18px}.agents-note{color:var(--ui-secondary);margin:0;font-size:12.5px;line-height:18px}.agents-oneclick{background:rgb(var(--ink) / .04);border-radius:10px}.agents-oneclick-row{justify-content:space-between;align-items:center;gap:16px;padding:10px 10px 10px 16px;font-size:12.5px;display:flex}.agents-oneclick-button{background:var(--ui-control);height:28px;box-shadow:var(--ui-control-shadow);color:var(--ui-text);cursor:pointer;border:0;border-radius:7px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.agents-oneclick-button:hover:not(:disabled){background:var(--ui-raised)}.agents-oneclick-button:disabled{cursor:default;opacity:.7}.agents-oneclick-error{color:var(--ui-danger-text);font-family:var(--ui-mono);white-space:pre-wrap;margin:0;padding:8px 16px 12px;font-size:11px}.agents-manual{border:1px solid var(--ui-line);border-radius:10px}.agents-manual-toggle{width:100%;height:44px;color:var(--ui-secondary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 14px 0 16px;font-size:12.5px;display:flex}.agents-manual-section{flex-direction:column;gap:8px;padding:0 16px 14px;display:flex}.agents-manual-section h4{margin:4px 0 0;font-size:12.5px;font-weight:500}.agents-manual-section p{color:var(--ui-secondary);margin:0;font-size:12.5px;line-height:18px}.agents-code{background:rgb(var(--ink) / .04);border-radius:8px;position:relative}.agents-code pre{color:var(--ui-text);font-family:var(--ui-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px 40px 10px 12px;font-size:11.5px;line-height:17px;overflow-x:auto}.agents-code .icon-button{color:var(--ui-secondary);position:absolute;top:6px;right:6px}.agents-prompts{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.agents-prompt{border:1px solid var(--ui-line);max-width:100%;min-height:30px;color:var(--ui-secondary);text-align:left;cursor:pointer;background:0 0;border-radius:15px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:12.5px;display:inline-flex}.agents-prompt:hover{border-color:var(--ui-raised-strong);color:var(--ui-text)}.agents-prompt svg{flex:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.insp-font-missing{color:var(--ui-warn);background:#f5a5241a;border-radius:6px;align-items:flex-start;gap:6px;margin:2px 0 6px;padding:6px 8px;font-size:11px;line-height:1.4;display:flex}.insp-font-missing svg{flex:none;margin-top:1px}.insp-font-missing b{font-weight:600}.token-row.is-missing .token-value{color:var(--ui-warn)}.token-missing{color:var(--ui-warn);flex:none}:is(.layers-panel:has(.file-menu),.collapsed-header:has(.file-menu)){z-index:45}.vec-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vec-outline{fill:none;stroke:var(--ui-accent);stroke-width:1.5px}.vec-segment-hit{fill:none;stroke:#0000;cursor:pointer}.vec-segment-hover{fill:none;stroke:var(--ui-accent);stroke-width:3px}.vec-preview{fill:none;stroke:var(--ui-accent);stroke-width:1.5px;stroke-dasharray:4 3}.vec-handle-line{stroke:var(--ui-accent);stroke-width:1px}.vec-handle{fill:#fff;stroke:var(--ui-accent);stroke-width:1.25px;cursor:move}.vec-handle.is-selected{fill:var(--ui-accent)}.vec-anchor{fill:#fff;stroke:var(--ui-accent);stroke-width:1.5px;cursor:move}.vec-anchor.is-selected{fill:var(--ui-accent);stroke:#fff}.vec-anchor-ring{fill:none;stroke:var(--ui-accent);stroke-width:1.5px}.canvas.tool-pen{cursor:crosshair}.vec-toolbar{background:var(--ui-popover);box-shadow:var(--ui-popover-shadow);color:var(--ui-text);white-space:nowrap;pointer-events:auto;border-radius:10px;align-items:center;gap:10px;padding:4px 4px 4px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.vec-toolbar-title{align-items:center;gap:6px;font-weight:500;display:inline-flex}.vec-toolbar-meta,.vec-toolbar-label{color:var(--ui-muted);font-weight:400}.vec-segmented{background:var(--ui-hover);border-radius:7px;padding:2px;display:flex}.vec-segment{height:22px;color:var(--ui-muted);font:inherit;background:0 0;border:0;border-radius:5px;padding:0 8px}.vec-segment.is-active{background:var(--ui-panel);color:var(--ui-text);box-shadow:0 1px 2px #0003}.vec-segment:disabled{opacity:.5}.vec-done{background:var(--ui-accent);color:#fff;height:26px;font:inherit;border:0;border-radius:7px;align-items:center;gap:5px;padding:0 10px;font-weight:500;display:inline-flex}.rail-split{position:relative}.rail-split-toggle{width:12px;height:12px;color:var(--ui-faint);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:absolute;bottom:-1px;right:-1px}.rail-split-toggle:hover,.rail-split-toggle[aria-expanded=true]{background:var(--ui-hover);color:var(--ui-text)}.canvas.tool-shape{cursor:crosshair}.insp-hint{color:var(--ui-muted);margin:0;font-size:11.5px;line-height:1.45}.insp-ops{align-items:center;gap:2px;display:flex}.insp-op{width:30px;height:26px;color:var(--ui-icon);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.insp-op:hover:not(:disabled){background:var(--ui-hover);color:var(--ui-text)}.insp-op:disabled{opacity:.35}.insp-ops-divider{background:var(--ui-line);width:1px;height:16px;margin:0 4px}.ov-notice{background:var(--ui-popover);box-shadow:var(--ui-popover-shadow);color:var(--ui-text);border-radius:8px;padding:8px 14px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.insp-hint-inline{flex:1;align-self:center}.ov-guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ov-guides line{stroke:#f24822;stroke-width:1px}.grad{flex-direction:column;gap:8px;display:flex}.grad-bar{height:24px;box-shadow:inset 0 0 0 1px rgb(var(--ink) / .12);cursor:copy;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:5px;margin:2px 9px 4px;position:relative}.grad-bar-fill{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.grad-stop{cursor:ew-resize;border:2px solid #fff;border-radius:4px;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;position:absolute;top:50%;box-shadow:0 0 0 1px #00000059,0 1px 3px #0000004d}.grad-stop.is-selected{box-shadow:0 0 0 2px var(--ui-accent), 0 1px 3px #0000004d}.insp-source-body{color:var(--ui-secondary);overflow-wrap:anywhere;padding:0 12px 4px;font-size:11px}.insp-source-body p{margin:8px 0 0;line-height:1.5}.insp-source-rule{gap:4px;display:grid}.insp-source-rule code,.insp-source-token>code{color:var(--ui-accent-text);font-family:var(--ui-mono)}.insp-source-token{margin-top:10px}.insp-source-token .insp-source-rule{border-left:1px solid var(--ui-line);margin-top:5px;padding-left:8px}.insp-source-value{text-overflow:ellipsis;white-space:nowrap;font-family:var(--ui-mono);font-size:11px;overflow:hidden}.file-menu,.rail-menu,.insp-menu{background:var(--ui-popover);box-shadow:var(--ui-popover-shadow)}.file-menu-item:hover,.file-menu-item:focus-visible,.rail-menu-item:hover,.rail-menu-item:focus-visible,.insp-menu-item:hover,.insp-menu-item:focus-visible{background:var(--ui-raised);color:var(--ui-text);outline:none}.file-menu-item:hover kbd,.rail-menu-item:hover kbd,.insp-menu-item:hover kbd{color:var(--ui-secondary)}.insp-select{text-align:left;white-space:nowrap;align-items:center;display:flex}.insp-select>span:first-child{text-overflow:ellipsis;overflow:hidden}.insp-select:hover,.insp-select[data-state=open]{background:var(--ui-raised)}.insp-select:focus:not(:focus-visible){box-shadow:var(--ui-control-shadow)}.insp-select:focus-visible{box-shadow:0 0 0 1px var(--ui-accent)}.plastic-select-menu{z-index:100;min-width:max(144px, var(--radix-select-trigger-width));max-width:min(320px,100vw - 16px);max-height:min(280px, var(--radix-select-content-available-height));background:var(--ui-popover);color:var(--ui-text);box-shadow:var(--ui-popover-shadow);border-radius:10px;padding:4px;font-size:12px;overflow:hidden}.plastic-select-menu.is-mono{font-family:var(--ui-mono);font-size:11px}.plastic-select-option{cursor:default;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;border-radius:6px;outline:none;align-items:center;min-height:28px;padding:5px 28px 5px 8px;display:flex;position:relative}.plastic-select-option[data-state=checked]{color:var(--ui-text);background:var(--ui-hover)}.plastic-select-option[data-highlighted]{background:var(--ui-raised);color:var(--ui-text)}.plastic-select-check{color:var(--ui-secondary);place-items:center;display:grid;position:absolute;right:8px}.plastic-select-scroll{height:20px;color:var(--ui-secondary);place-items:center;display:grid}.insp-source-toggle{width:100%;min-height:36px;color:var(--ui-secondary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;display:flex}.insp-source-toggle:hover{background:var(--ui-hover);color:var(--ui-text)}.insp-source-toggle:focus-visible{outline:1px solid var(--ui-accent);outline-offset:-2px}.insp-source-toggle[aria-expanded=true]>svg{transform:rotate(90deg)}.insp-source-hint{color:var(--ui-faint);margin-left:auto;font-size:10px}