nudge-canvas 0.0.1 → 0.4.0

package/editor/assets/main-D0fYiDhO.css

@@ -0,0 +1 @@
+:root{--ed-black:#0c0f12;--ed-white:#fff;--ed-grey-50:#f4f7fc;--ed-grey-100:#edf0f5;--ed-grey-200:#e3e6eb;--ed-grey-300:#d1d4d9;--ed-grey-400:#a2a5a9;--ed-grey-500:#787b7e;--ed-grey-600:#575b60;--ed-grey-700:#3a3d42;--ed-grey-800:#1f2226;--ed-grey-900:#111418;--ed-blue-400:#71acff;--ed-blue-500:#408eff;--ed-blue-600:#2172ec;--ed-blue-700:#1a5ccc;--ed-blue-800:#164aad;--ed-purple-300:#c7b5ff;--ed-purple-500:#9871ff;--ed-purple-600:#7f56e8;--ed-red-400:#ff7e7b;--ed-red-500:#f6494d;--ed-red-600:#d92832;--ed-green-500:#00ac67;--ed-green-600:#009053;--ed-yellow-500:#fba900;--ed-yellow-700:#c97a00;--ed-yellow-800:#af6400;--ed-ease-standard:cubic-bezier(.24, 1, .4, 1);--icon:16px;--icon-s:14px;--icon-btn:var(--control-h);--control-h:28px;--swatch-inset:calc((var(--control-h) - var(--icon)) / 2);--icon-btn-s:20px;--icon-btn-xs:var(--icon);--menu-row-h:var(--control-h);--layer-row-h:32px;--tree-mark:16px;--icon-2xs:10px;--undo-glyph:13px;--icon-xs:12px;--icon-l:20px;--icon-preview:calc(var(--icon) * 4);--tree-caret:var(--icon-xs);--tree-indent:14px;--tree-inset:var(--gap-xs);--two-line-h:44px;--two-line-gap:var(--gap-xs);--thumb-row-h:40px;--thumb-row-w:56px;--thumb-row-pad:var(--gap);--thumb-row-radius:calc(var(--thumb-row-pad) + var(--radius-compact));--status-dot:6px;--chip-h:var(--icon-btn-s);--head-h:44px;--appbar-h:calc(var(--bar-control) + 2 * var(--surface-pad));--bar-control:var(--tool-btn);--canvas-top:calc(var(--edge) + var(--appbar-h));--glass-blur:22px;--glass-saturate:1.9;--bar-h:40px;--title-h:36px;--switch-w:28px;--switch-h:16px;--switch-thumb:calc(var(--switch-h) - 2 * var(--gap-2xs));--tab-w:160px;--tab-min-w:56px;--edge:var(--gap);--viewport-margin:var(--gap-xl);--edge-grab:6px;--split-hit:7px;--align-box:76px;--pip:4px;--pip-on:6px;--constraint-box-h:62px;--constraint-zone:20px;--constraint-zone-d:13px;--constraint-line:2px;--constraint-line-len:8px;--constraint-line-pad:3px;--constraint-center:12px;--knob:14px;--slider-track-h:4px;--cp-track-h:12px;--shader-thumb-w:40px;--tip-tail-w:10px;--tip-tail-h:6px;--pin-size:24px;--num-label-w:24px;--sel-num-w:56px;--sel-scrub-w:96px;--note-min-h:calc(2 * var(--control-h));--attach-thumb:44px;--attach-img-w:160px;--comp-detail-h:160px;--code-ln-w:28px;--tool-caret-h:18px;--sample-bar-h:10px;--sys-page-max:840px;--sys-meta-w:112px;--sys-swatch-h:36px;--quick-indent:36px;--build-corner:calc(var(--handle) + var(--gap-xs));--pad:16px;--gap-2xs:2px;--gap-xs:4px;--gap-s:6px;--gap:8px;--gap-l:12px;--gap-xl:16px;--gap-2xl:24px;--radius-control:6px;--radius-compact:4px;--radius-surface:12px;--radius-inner:2px;--indicator:2px;--focus-ring:2px solid var(--select);--focus-gap:2px;--focus-gap-in:-2px;--field-focus:inset 0 0 0 1px var(--select);--surface-pad:calc(var(--radius-surface) - var(--radius-control));--menu-row-pad:calc(var(--gap-xl) - var(--surface-pad));--seg-pad:2px;--tool-btn:34px;--tool-stroke:1px;--stroke-w:1px;--stroke-w-bold:1.5px;--handle:8px;--handle-r:calc(var(--handle) / 2);--handle-corner:1px;--handle-out:calc(var(--handle-r) + var(--stroke-w));--handle-edge-inset:var(--gap-s);--handle-hide-below:24px;--rotate-r:10px;--rotate-offset:calc(var(--rotate-r) - var(--stroke-w));--dot-r:4.5px;--dot-stroke:1.25px;--dot-inset:var(--gap-l);--dot-min-side:calc(var(--dot-inset) * 4);--dot-rim:10px;--pen-handle:calc(var(--handle) - var(--stroke-w));--pointer-label-x:var(--gap-l);--pointer-label-y:calc(var(--gap-l) + var(--gap-2xs));--badge-w:76px;--badge-h:18px;--badge-radius:3px;--badge-gap:var(--gap);--label-h:16px;--label-baseline:3.5px;--label-char-w:6.4px;--label-pad:5px;--snap-mark-r:3px;--ruler-size:20px;--ruler-tick:6px;--ruler-label-gap:3px;--ruler-text-y:calc(var(--ruler-size) / 2 + var(--stroke-w));--guide-grab:6px;--smart-dot-hit:20px;--smart-dot:12px;--smart-bar-len:12px;--tidy-size:24px;--play-btn:var(--control-h);--play-inset:calc(var(--dot-inset) + var(--dot-r) + var(--gap));--crop-corner:calc(var(--handle) + var(--gap-2xs));--crop-hint-gap:calc(var(--gap) + var(--gap-2xs));--snap-hatch:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--snap) 22%, transparent) 0 1px, color-mix(in srgb, var(--snap) 8%, transparent) 1px 5px);--text-micro:9px;--text-ui:11px;--text-title:14px;--text-title-l:16px;--start-top:10cqh;--lh-note:1.5;--lh-title:1.25;--dur-fast:.12s;--ease:var(--ed-ease-standard);--bg:var(--ed-grey-100);--chrome:var(--ed-white);--glass-top:color-mix(in srgb, var(--chrome) 72%, transparent);--glass-bottom:color-mix(in srgb, var(--chrome) 46%, transparent);--glass-rim:color-mix(in srgb, var(--ed-white) 90%, transparent);--glass-edge:color-mix(in srgb, var(--ed-white) 65%, transparent);--line:var(--ed-grey-200);--fg:var(--ed-black);--fg-muted:color-mix(in srgb, var(--fg) 62%, transparent);--fg-faint:color-mix(in srgb, var(--fg) 40%, transparent);--fg-disabled:color-mix(in srgb, var(--fg) 28%, transparent);--field:var(--ed-grey-50);--stage:var(--ed-grey-50);--stage-ring:color-mix(in srgb, var(--ed-black) 40%, transparent);--menu-gap:var(--gap-xs);--raised:var(--surface);--hover:color-mix(in srgb, var(--fg) 5%, transparent);--selected:color-mix(in srgb, var(--fg) 9%, transparent);--select:var(--ed-blue-500);--select-ink:var(--ed-blue-700);--sel-bg:color-mix(in srgb, var(--select) 12%, transparent);--sel-soft:color-mix(in srgb, var(--select) 5%, transparent);--primary:var(--select);--primary-hover:var(--ed-blue-600);--on-accent:var(--ed-white);--accent:var(--primary);--claude:#d97757;--component:var(--ed-purple-500);--component-ink:var(--ed-purple-600);--ok:var(--ed-green-600);--warn:var(--ed-red-600);--warn-fill:var(--ed-red-600);--caution:var(--ed-yellow-700);--caution-ink:var(--ed-yellow-800);--snap:var(--ed-red-500);--canvas-label:color-mix(in srgb, var(--ed-black) 40%, transparent);--canvas-component:var(--ed-purple-600);--canvas-dark-select:var(--ed-blue-400);--canvas-dark-component:var(--ed-purple-300);--font:Pretendard, "Apple SD Gothic Neo", system-ui, sans-serif;--font-ascent:calc(1950 / 2048);--font-descent:calc(494 / 2048);--font-box:calc(var(--font-ascent) + var(--font-descent));--glyph-ui:calc(round(var(--text-ui) * var(--font-ascent), 1px) + round(var(--text-ui) * var(--font-descent), 1px));--glyph-title:calc(round(var(--text-title) * var(--font-ascent), 1px) + round(var(--text-title) * var(--font-descent), 1px));--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, "Cascadia Mono", Consolas, "Liberation Mono", monospace;--surface:var(--ed-white);--menu:var(--ed-grey-800);--menu-line:color-mix(in srgb, var(--ed-white) 6%, transparent);--on-dark-muted:color-mix(in srgb, var(--ed-white) 70%, transparent);--on-dark-faint:color-mix(in srgb, var(--ed-white) 45%, transparent);--on-dark-fill:color-mix(in srgb, var(--ed-white) 6%, transparent);--on-dark-hover:color-mix(in srgb, var(--ed-white) 12%, transparent);--halo:color-mix(in srgb, var(--ed-white) 80%, transparent);--menu-danger:var(--ed-red-400);--check-a:var(--ed-grey-200);--check-b:var(--ed-white);--off:var(--ed-grey-300);--pixel-grid:#80808038;--shade:var(--ed-black);--ring:inset 0 0 0 1px var(--line);--ring-strong:inset 0 0 0 1px color-mix(in srgb, var(--shade) 12%, transparent);--ring-select:0 0 0 1.5px var(--select);--ring-select-2:0 0 0 2px var(--select);--ring-out:0 0 0 1px var(--line);--shadow-1:0 1px 3px color-mix(in srgb, var(--shade) 12%, transparent);--shadow-2:0 6px 20px color-mix(in srgb, var(--shade) 12%, transparent);--shadow-3:0 12px 32px color-mix(in srgb, var(--shade) 16%, transparent);--shadow-menu:0 10px 32px color-mix(in srgb, var(--shade) 28%, transparent), 0 0 0 1px var(--menu-line);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:var(--ed-grey-900);--chrome:var(--ed-grey-800);--glass-top:var(--chrome);--glass-bottom:var(--chrome);--glass-rim:color-mix(in srgb, var(--ed-white) 12%, transparent);--glass-edge:color-mix(in srgb, var(--ed-white) 8%, transparent);--line:color-mix(in srgb, var(--ed-white) 8%, var(--chrome));--fg:var(--ed-grey-100);--hover:color-mix(in srgb, var(--ed-white) 7%, transparent);--selected:color-mix(in srgb, var(--ed-white) 13%, transparent);--field:var(--ed-grey-700);--raised:var(--ed-grey-600);--warn:var(--ed-red-500);--ok:var(--ed-green-500);--caution:var(--ed-yellow-500);--caution-ink:var(--ed-yellow-500);--select-ink:var(--ed-blue-400);--component-ink:var(--ed-purple-300);--sel-bg:color-mix(in srgb, var(--select) 24%, transparent);--sel-soft:color-mix(in srgb, var(--select) 10%, transparent);--surface:var(--ed-grey-700);--menu:var(--ed-grey-700);--menu-line:color-mix(in srgb, var(--ed-white) 12%, transparent);--check-a:var(--ed-grey-600);--check-b:var(--ed-grey-700);--off:var(--ed-grey-600);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}button{padding:0}input::placeholder,textarea::placeholder{color:var(--fg-faint)}:where(button,a[href],summary,select,[role=tab],[role=switch],[role=menuitem],[tabindex]:not([tabindex="-1"]),input[type=checkbox],input[type=radio],input[type=range]):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-gap)}.text-tabs [role=tab]:focus-visible,.lib-head :focus-visible{outline-offset:var(--focus-gap-in)}.ctx-menu button:focus-visible,.mention-list button:focus-visible{background:var(--select);outline:none}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--text-ui);-webkit-font-smoothing:antialiased}:root[data-mode=render] body{background:0 0}.app{height:100%;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.bar{z-index:30;top:var(--bar-top,var(--edge));left:var(--bar-left,var(--edge));width:max-content;max-width:max(calc(100% - var(--inset-r,0px) - 2 * var(--edge)), calc(2 * var(--tab-w)));gap:var(--gap-xl);position:absolute}.bar,.view-tile{height:var(--appbar-h);padding:0 var(--surface-pad);border-radius:var(--radius-surface);align-items:center;display:flex}.bar :is(.brand,.ptab,.zoom),.view-tile .zoom{height:var(--bar-control)}.bar :is(.icon-btn.fit,.bar-btn),.view-tile .bar-btn{width:var(--bar-control);height:var(--bar-control)}.bar .project-icon,.ptab-icon{width:calc(var(--icon) + 2 * var(--gap-xs));height:var(--bar-control)}.bar .project{gap:var(--gap-xs)}.bar,.view-tile,.toolbar{background:linear-gradient(var(--glass-top), var(--glass-bottom));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px 0 var(--glass-rim), 0 0 0 1px var(--glass-edge), var(--ring-out), var(--shadow-2)}@media (prefers-reduced-transparency:reduce){.bar,.view-tile,.toolbar{background:var(--chrome);-webkit-backdrop-filter:none;backdrop-filter:none}}.brand{align-items:center;gap:var(--gap-s);height:var(--control-h);padding:0 var(--gap-s);border-radius:var(--radius-control);color:var(--fg);font:700 var(--text-title) var(--font);letter-spacing:-.2px;cursor:pointer;background:0 0;border:0;display:flex}.brand:hover,.brand.on{background:var(--hover)}.brand-mark{height:var(--icon);flex:none;width:auto}.brand-caret{margin-left:calc(var(--gap-xs) - var(--gap-s));color:var(--fg-faint);place-items:center;display:grid}.brand-caret svg{width:var(--tree-caret);height:var(--tree-caret)}.beta{height:var(--chip-h);padding:0 var(--gap-s);border-radius:var(--radius-compact);background:var(--sel-soft);color:var(--select-ink);font-size:var(--text-ui);font-weight:400;line-height:var(--chip-h)}.bar-sep{width:1px;height:var(--icon);background:var(--line)}.project{align-items:center;gap:var(--gap-s);min-width:0;display:flex}.ptabs{align-items:center;gap:var(--gap-xs);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.ptab{align-items:center;gap:var(--gap-xs);min-width:0;height:var(--control-h);border-radius:var(--radius-control);flex:none;display:flex;position:relative}.ptab:not(.on):hover{background:var(--hover)}.ptab.on{padding-right:var(--gap-xs)}.ptab.dragging{opacity:.5}.ptab[draggable=true]{cursor:grab}.ptab-link{align-items:center;gap:var(--gap-xs);height:100%;padding:0 var(--gap-s) 0 0;max-width:var(--tab-w);text-overflow:ellipsis;white-space:nowrap;color:var(--fg-muted);font:500 var(--text-ui) var(--font);text-decoration:none;display:flex;overflow:hidden}.ptab-link:hover{color:var(--fg)}.ptab-icon{flex:none;place-items:center;display:grid}.ptab-close{width:var(--icon-btn-s);height:var(--icon-btn-s);border-radius:var(--radius-compact);visibility:hidden}.ptab-close svg{width:var(--icon-s);height:var(--icon-s)}.ptab:hover .ptab-close,.ptab:focus-within .ptab-close{visibility:visible}.ptab:not(.on) .ptab-close{margin-right:var(--gap-xs);margin-left:calc(-1 * var(--gap-xs))}.project-icon{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);color:var(--select);transition:color .2s var(--ease);flex:none;place-items:center;display:grid}.project-icon.working{animation:1.6s ease-in-out infinite icon-pulse}.project-icon.offline{color:var(--warn)}button.project-icon{cursor:default;background:0 0;border:0;padding:0}button.project-icon:hover,button.project-icon.on{background:var(--hover)}@keyframes icon-pulse{50%{opacity:.4}}@keyframes tile-pulse{50%{background:color-mix(in srgb, var(--select) 28%, transparent)}}@media (prefers-reduced-motion:reduce){.project-icon.working{animation:none}}.toast{top:calc(var(--covered-top,var(--canvas-top)) + var(--gap-l));z-index:60;pointer-events:none;padding:var(--gap-s) var(--gap-l);border-radius:var(--radius-surface);background:var(--menu);color:var(--on-accent);font:400 var(--text-ui) var(--font);box-shadow:var(--shadow-menu);box-shadow:var(--shadow-2);width:max-content;max-width:min(480px, calc(100vw - 2 * var(--viewport-margin)));text-align:center;line-height:1.45;position:fixed;left:50%;transform:translate(-50%)}.project-name{padding:var(--gap-2xs) var(--gap-s);margin:0 calc(-1 * var(--gap-s));border-radius:var(--radius-compact);font:600 var(--text-ui)/1.2 var(--font);color:var(--fg);cursor:text;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:280px;overflow:hidden}.project-name:hover{background:var(--hover)}.project-in{width:220px;height:var(--control-h);border-radius:var(--radius-control);padding:0 var(--gap-s);font:600 var(--text-ui) var(--font);color:var(--fg);border:0;outline:none}.project-save{color:var(--fg-muted);white-space:nowrap}.project-save.blocked{color:var(--caution-ink);font-weight:500}.refused-bar{align-items:center;gap:var(--gap-s);padding:var(--gap-s) var(--gap-xl);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--caution) 16%, transparent);color:var(--fg);font:400 var(--text-ui) var(--font);flex:none;line-height:1.45;display:flex}.refused-bar:before{content:"";width:var(--status-dot);height:var(--status-dot);background:var(--caution);border-radius:50%;flex:none}.project-temp{align-items:center;gap:var(--gap-s);height:var(--chip-h);padding:0 var(--gap-s);border-radius:var(--radius-compact);white-space:nowrap;background:color-mix(in srgb, var(--caution) 16%, transparent);color:var(--fg);font:400 var(--text-ui) var(--font);cursor:default;border:0;display:inline-flex}.project-temp:before{content:"";width:var(--status-dot);height:var(--status-dot);background:var(--caution);border-radius:50%}.project-temp:hover{background:color-mix(in srgb, var(--caution) 26%, transparent)}.project-temp.saved{cursor:pointer;text-decoration:none}.feedback .floating-body{gap:var(--gap-l);padding:var(--gap-l);flex-direction:column;display:flex}.feedback .muted-note{margin:0}.feedback-details{max-height:200px;padding:var(--gap-s);border-radius:var(--radius-compact);background:var(--field);font:400 var(--text-ui) var(--mono);line-height:var(--lh-note);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--fg-muted);margin:0;overflow:auto}.feedback-actions{gap:var(--gap-s);flex-wrap:wrap;display:flex}.feedback-actions a.btn{text-decoration:none}.body{background:var(--bg);flex:1;min-height:0;display:flex}.stage{flex:1;min-width:0;position:relative}.canvas{-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip}.canvas [data-editing],.canvas input,.canvas textarea{-webkit-user-select:text;user-select:text}.canvas.tool-frame,.canvas.tool-rect{cursor:crosshair}.canvas.tool-text{cursor:text}.tools{top:var(--tools-t,var(--edge));left:var(--tools-l,var(--edge));z-index:5;gap:var(--gap);flex-direction:column;display:flex;position:absolute}.toolbar,.tool-tile{align-items:center;gap:var(--gap);width:calc(var(--tool-btn) + 2 * var(--surface-pad));padding:var(--surface-pad) 0;border-radius:var(--radius-surface);flex-direction:column;display:flex}.tool-tile{background:var(--chrome);box-shadow:var(--ring-out), var(--shadow-2)}.tool-tile button{color:var(--fg-muted)}.toolbar button,.tool-tile button{width:var(--tool-btn);height:var(--tool-btn);border-radius:var(--radius-control);color:var(--fg);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.toolbar button:hover,.tool-tile button:hover{background:var(--hover)}.toolbar button.on,.toolbar button.on-soft{color:var(--select)}.toolbar button svg :is(path,line,rect,circle,ellipse,polyline,polygon){vector-effect:non-scaling-stroke;stroke-width:var(--tool-stroke)}.panel{background:var(--chrome);font-size:var(--text-ui);flex:none;overflow-y:auto}.panel.side{z-index:20;border-left:1px solid var(--line);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:visible}.side-design{flex-direction:column;flex:1;min-height:0;display:flex;overflow:clip}.side-layers{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.side-split{height:var(--split-hit);margin:calc((var(--split-hit) - 1px) / -2) 0;z-index:2;cursor:ns-resize;flex:none;position:relative}.side-split:after{content:"";left:0;right:0;top:calc((var(--split-hit) - 1px) / 2);background:var(--line);height:1px;position:absolute}.side-split:hover:after,.side-split.on:after{height:var(--indicator);top:calc((var(--split-hit) - var(--indicator)) / 2);background:var(--select)}.side-design>.panel.props{z-index:auto;width:auto;min-height:0;box-shadow:none;border:0;border-radius:0;flex:1;position:static;overflow-y:auto}.panel-edge{width:var(--edge-grab);cursor:ew-resize;z-index:3;position:absolute;top:0;bottom:0;left:0}.panel-edge:before{content:"";top:0;bottom:0;left:calc(var(--indicator) / -2);width:var(--indicator);pointer-events:none;position:absolute}.panel-edge:hover:before,.panel-edge.on:before{background:var(--select)}.panel.props{z-index:20;top:var(--edge);right:var(--edge);bottom:var(--edge);border:1px solid var(--line);border-radius:var(--radius-surface);width:256px;box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:absolute}.panel-title{height:var(--head-h);padding:0 var(--gap-s) 0 var(--gap-l);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.panel-btn{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.panel-btn:hover{background:var(--hover);color:var(--fg)}.layer-list{padding:var(--gap-xs) 0 var(--gap-2xl);flex:1;overflow-y:auto}.lrow{height:var(--layer-row-h);align-items:center;gap:var(--gap-xs);color:var(--fg);cursor:default;-webkit-user-select:none;user-select:none;display:flex;position:relative}.lrow:hover{background:var(--hover)}.lrow.sel{background:var(--sel-bg)}.lrow.insel{background:var(--sel-soft);border-radius:0}.lrow.sel:has(+.lrow.insel){border-bottom-right-radius:0;border-bottom-left-radius:0}.lrow.insel:not(:has(+.lrow.insel)){border-bottom-left-radius:var(--radius-control);border-bottom-right-radius:var(--radius-control)}.lrow.dim .lname,.lrow.dim .licon{opacity:.45}.lrow,.code-tree-row{margin:0 var(--tree-inset);border-radius:var(--radius-control);padding-left:calc(var(--gap-s) - var(--tree-inset) + var(--depth,0) * var(--tree-indent));padding-right:calc(var(--gap-s) - var(--tree-inset))}.lrow .caret,.code-tree-caret{width:var(--tree-mark);height:var(--tree-mark);color:var(--fg-faint);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.lrow .caret svg,.code-tree-caret svg{width:var(--tree-caret);height:var(--tree-caret);transition:transform var(--dur-fast) var(--ease)}.lrow .caret.open svg,.code-tree-caret.open svg{transform:rotate(90deg)}.lrow .caret.none{visibility:hidden}.licon,.code-tree-icon{width:var(--tree-mark);height:var(--tree-mark);color:var(--fg-faint);margin-right:var(--gap-xs);flex:none;place-items:center;display:grid}.licon svg,.code-tree-icon svg{width:var(--icon-s);height:var(--icon-s)}.lrow.sel .licon,.code-tree-row.on .code-tree-icon{color:var(--fg)}.lname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lname-in{min-width:0;height:var(--icon-btn-s);font:inherit;color:var(--fg);border-radius:var(--radius-control);padding:0 var(--gap-xs);border:0;outline:none;flex:1}.lacts{opacity:0;gap:0;display:flex}.lrow:hover .lacts{opacity:1}.lacts button{width:var(--icon-btn-s);height:var(--icon-btn-s);color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-compact);background:0 0;border:0;place-items:center;padding:0;display:grid}.lacts button:hover{color:var(--fg);background:var(--hover)}.lacts button svg{width:var(--icon-s);height:var(--icon-s)}.lrow:has(.lacts button.on) .lacts{opacity:1}.lrow.drop-before:before,.lrow.drop-after:after{content:"";left:calc(var(--gap) - var(--tree-inset));right:calc(var(--gap) - var(--tree-inset));height:var(--indicator);background:var(--select);border-radius:var(--radius-inner);position:absolute}.lrow.drop-before:before{top:-1px}.lrow.drop-after:after{bottom:-1px}.lrow.drop-inside{box-shadow:inset 0 0 0 2px var(--select)}.props-head{height:var(--head-h);box-sizing:border-box;padding:0 var(--pad);border-bottom:1px solid var(--line);align-items:center;gap:var(--gap);flex:none;min-width:0;display:flex}.panel.props>*{flex:none}.props-head strong{font-size:var(--text-title);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.props-head span{color:var(--fg-muted);white-space:nowrap}.presets{overflow-y:auto}.preset-group{border-bottom:1px solid var(--line);padding:var(--gap-xs) 0}.preset-group-head{align-items:center;gap:var(--gap-xs);width:100%;height:var(--layer-row-h);padding:0 var(--gap-l) 0 var(--gap-s);color:var(--fg);font:600 var(--text-ui) var(--font);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.preset-group-head:hover{background:var(--hover)}.preset-caret{width:var(--tree-mark);height:var(--tree-mark);color:var(--fg-faint);transition:transform var(--dur-fast) var(--ease);place-items:center;display:grid}.preset-caret svg{width:var(--tree-caret);height:var(--tree-caret)}.preset-caret.open{transform:rotate(90deg)}.preset{justify-content:space-between;align-items:center;gap:var(--gap);width:100%;height:var(--control-h);padding:0 var(--gap-l) 0 26px;color:var(--fg);font:var(--text-ui) var(--font);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.preset:hover{background:var(--hover)}.preset-dim{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:var(--text-ui)}.comp-hint{margin:0}.btn{justify-content:center;align-items:center;gap:var(--gap-s);height:var(--control-h);padding:0 var(--gap-l);border-radius:var(--radius-control);background:var(--field);color:var(--fg);font:500 var(--text-ui) var(--font);white-space:nowrap;cursor:pointer;border:0;display:inline-flex}.btn svg{width:var(--icon-s);height:var(--icon-s);flex:none}.btn:hover:not(:disabled){background:var(--hover);box-shadow:var(--ring)}.btn.primary{background:var(--primary);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:none}.btn.block{width:100%;display:flex}.btn:disabled{background:var(--field);color:var(--fg-disabled);box-shadow:none;cursor:default}.btn[aria-expanded=true]:not(:disabled){background:var(--hover);box-shadow:var(--ring)}.btn.sm,.lib-head .btn{height:var(--icon-btn-s);padding:0 var(--gap);border-radius:var(--radius-compact)}.btn.ghost{padding:0 var(--gap);color:var(--fg-muted);background:0 0}.btn.ghost:hover:not(:disabled),.btn.ghost[aria-expanded=true]:not(:disabled){background:var(--hover);color:var(--fg);box-shadow:none}.btn.ghost:disabled{background:0 0}.btn.ghost.danger:hover:not(:disabled){color:var(--warn)}a.btn{text-decoration:none}.lib-row .btn{gap:var(--gap-s);flex-direction:row;flex:none}.comp-actions{gap:var(--gap-xs);display:flex}.comp-changes{margin:var(--gap-xs) 0 0;gap:var(--gap-xs);padding:0;list-style:none;display:grid}.comp-changes li{height:var(--control-h);font-size:var(--text-ui);color:var(--fg);justify-content:space-between;align-items:center;display:flex}.comp-row{gap:var(--gap-s);margin-top:var(--gap);grid-template-columns:1fr 1fr;display:grid}.comp-row.one{grid-template-columns:1fr}.comp-warn{margin:var(--gap-s) 0 0;font-size:var(--text-ui);color:var(--warn);line-height:1.5}.comp-props{gap:var(--gap-xs);display:grid}.comp-props:has(>.comp-prop.def){grid-template-columns:minmax(0, 1fr) auto var(--icon-btn-s)}.comp-prop{grid-template-columns:76px minmax(0, 1fr) var(--icon-btn-s);gap:var(--gap-s);min-height:var(--control-h);font-size:var(--text-ui);color:var(--fg);align-items:center;display:grid}.comp-prop>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-muted);overflow:hidden}.comp-prop.def{grid-column:1/-1;grid-template-columns:subgrid}.comp-prop.def small{font-size:var(--text-ui);color:var(--fg-muted);white-space:nowrap}.comp-prop input.text-in{height:var(--control-h);border-radius:var(--radius-control);background:var(--field);font:inherit;color:var(--fg);padding:0 var(--gap-s);box-sizing:border-box;border:1px solid #0000}.comp-prop .switch{justify-self:start}.comp-add{margin-top:var(--gap-s)}.comp-add select{width:100%}.comp-swap{align-items:center;gap:var(--gap-s);height:var(--control-h);min-width:0;padding:0 var(--gap-s);border-radius:var(--radius-control);background:var(--field);color:var(--fg);font:inherit;cursor:pointer;border:1px solid #0000;display:flex}.comp-swap.on{border-color:var(--select)}.comp-swap img{width:var(--icon-s);height:var(--icon-s);flex:none}.comp-swap span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.comp-swap svg{color:var(--fg-muted);flex:none}.comp-icons{height:280px;margin-top:var(--gap-xs);flex-direction:column;display:flex}.comp-icons .libs-browse{gap:var(--gap);border:0;flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.set-outline{pointer-events:none;outline:1px dashed var(--component);outline-offset:0;border-radius:var(--radius-inner);position:absolute}.frame-label.set,.frame-label.comp,.frame-label.comp.on{color:var(--canvas-component)}.frame-label-icon{flex:none;display:inline-flex}.frame-label-icon svg{width:var(--icon-xs);height:var(--icon-xs)}.overlay-svg.comp .ov-select,.overlay-svg.comp .ov-member,.overlay-svg.comp .ov-handle,.ov-hover.comp{stroke:var(--component)}.overlay-svg.comp .ov-badge{fill:var(--component)}.lrow.comp .licon,.lrow.in-comp .licon{color:var(--component)}.lrow.comp .lname{color:var(--component-ink)}.lrow.comp.sel,.lrow.in-comp.sel{background:color-mix(in srgb, var(--component) 12%, transparent)}.comp-member{pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb, var(--component) 55%, transparent);border-radius:var(--radius-inner);position:absolute}.psec{padding:var(--pad);border-bottom:1px solid var(--line);gap:var(--gap);flex-direction:column;display:flex}.psec>header{height:var(--glyph-ui);justify-content:space-between;align-items:center;display:flex}.psec h3{font-size:var(--text-ui);line-height:var(--glyph-ui);color:var(--fg);margin:0;font-weight:600}.row2{gap:var(--gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}.row2.lockable{grid-template-columns:1fr 1fr var(--icon-btn-s)}.scale-row{align-items:start}.scale-factor{grid-template-columns:1fr var(--icon-btn-s);gap:var(--gap-xs);align-items:center;display:grid}.anchor-box{gap:var(--gap-xs);width:54px;height:54px;padding:var(--gap-xs);box-sizing:border-box;border-radius:var(--radius-control);box-shadow:var(--ring);grid-template-columns:repeat(3,1fr);display:grid}.anchor-box button{border-radius:var(--radius-inner);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.anchor-box button:after{content:"";width:var(--pip);height:var(--pip);margin:calc(var(--pip) / -2) 0 0 calc(var(--pip) / -2);border-radius:var(--radius-inner);background:var(--fg-muted);opacity:.5;position:absolute;inset:50% auto auto 50%}.anchor-box button:hover:after{opacity:1}.anchor-box button.on:after{width:var(--pip-on);height:var(--pip-on);margin:calc(var(--pip-on) / -2) 0 0 calc(var(--pip-on) / -2);background:var(--select);opacity:1}.row3{gap:var(--gap-s);grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}.muted{color:var(--fg-muted);margin:0}.num{height:var(--control-h);border-radius:var(--radius-control);background:var(--field);border:1px solid #0000;align-items:center;min-width:0;display:flex}.num.disabled{color:var(--fg-disabled)}.num-label{min-width:var(--num-label-w);padding:0 var(--gap-xs) 0 var(--gap);color:var(--fg-muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:var(--text-ui);flex:none}.num-label:empty{min-width:0;padding:0 0 0 var(--gap-s)}.num input{width:100%;min-width:0;height:100%;font:inherit;color:var(--fg);padding:0 var(--gap-s) 0 0;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1}.num:not(:focus-within):not(.disabled) input{cursor:ew-resize}:root.scrubbing,:root.scrubbing *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.cp-scrub:not(:focus){cursor:ew-resize}.num-suffix{padding-right:var(--gap);color:var(--fg-muted)}.seg{height:var(--control-h);border-radius:calc(var(--radius-compact) + var(--seg-pad));background:var(--field);padding:var(--seg-pad);gap:var(--gap-2xs);display:flex}.seg button{border-radius:var(--radius-compact);min-width:0;font:inherit;font-size:var(--text-ui);color:var(--fg-muted);cursor:pointer;white-space:nowrap;padding:0 var(--gap-xs);background:0 0;border:0;flex:1}.seg button:hover:not(:disabled){color:var(--fg)}.seg button.on{background:var(--raised);color:var(--fg);box-shadow:0 0 0 1px var(--line), var(--shadow-1);font-weight:500}.seg button:disabled{color:var(--fg-disabled);cursor:not-allowed}.color{align-items:center;gap:var(--gap-s);height:var(--control-h);border-radius:var(--radius-control);background:var(--field);padding:0 var(--swatch-inset);min-width:0;display:flex}.swatch{width:var(--icon);height:var(--icon);border-radius:var(--radius-compact);box-shadow:var(--ring-strong);flex:none;position:relative;overflow:hidden}.swatch input{width:var(--control-h);height:var(--control-h);opacity:0;cursor:pointer;position:absolute;inset:-4px}.color-text{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:1}.style-pick{font:inherit;font-size:var(--text-ui);color:var(--fg-muted);cursor:pointer;background:0 0;border:0}.check{align-items:center;gap:var(--gap-s);color:var(--fg);cursor:pointer;display:flex}.check small{color:var(--fg-muted);font-size:var(--text-ui)}.check.tight{gap:var(--gap-xs)}.check input{accent-color:var(--select);margin:0}select.full,.props select,.color-picker select,.select-wrap select,input.full{height:var(--control-h);border-radius:var(--radius-control);background:var(--field);font:inherit;color:var(--fg);padding:0 var(--gap-s);border:1px solid #0000;min-width:0}select.full,input.full{width:100%}.num:focus-within,.color:focus-within,.fill-field:focus-within,.cp-fields:focus-within,.libs-search:focus-within,.chat-foot .askbox:focus-within,.text-in:focus,.note:focus,.browser-url:focus,.cp-url input:focus,.sys-own-name input:focus,.sys-name-in,.project-in,.lname-in{box-shadow:var(--field-focus);background:var(--surface);outline:none}.fill-alpha .num:focus-within{box-shadow:none;background:0 0}.icon-btn{--box:var(--icon-btn-s);--glyph:var(--icon-s);--corner:var(--radius-compact);width:var(--box);height:var(--box);border-radius:var(--corner);color:var(--fg-muted);font-size:var(--icon);cursor:pointer;background:0 0;border:0;flex:none;line-height:1}.icon-btn:hover{background:var(--hover);color:var(--fg)}.icon-btn.fit{place-items:center;display:grid}.icon-btn svg{width:var(--glyph);height:var(--glyph)}.align-bar .icon-btn,.floating-actions .icon-btn,.cp-kinds .icon-btn,.pad-toggle,.wrap-toggle{--box:var(--icon-btn);--glyph:var(--icon);--corner:var(--radius-control)}.link-btn{font:inherit;font-size:var(--text-ui);color:var(--select-ink);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.chip{height:var(--chip-h);border:1px solid var(--line);border-radius:var(--radius-compact);background:var(--surface);font:inherit;font-size:var(--text-ui);padding:0 var(--gap);cursor:pointer;color:var(--fg)}.chip:hover{background:var(--hover)}.align-row{gap:var(--gap);grid-template-columns:76px 1fr;display:grid}.align-grid{width:var(--align-box);height:var(--align-box);background:var(--field);border-radius:var(--radius-control);padding:var(--gap-xs);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.align-grid button{cursor:pointer;border-radius:var(--radius-inner);background:0 0;border:0;place-items:center;display:grid}.align-grid button span{width:var(--pip);height:var(--pip);border-radius:var(--radius-inner);background:var(--fg-faint)}.align-grid button:hover span{background:var(--fg-muted)}.align-grid button.on span{width:calc(3 * var(--pip));height:var(--pip);background:var(--select)}.note{resize:vertical;width:100%;min-height:var(--note-min-h);border-radius:var(--radius-control);background:var(--field);font:inherit;padding:var(--gap-s) var(--gap);color:var(--fg);border:1px solid #0000;line-height:1.5}.world{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.overlay{pointer-events:none;position:absolute;inset:0}.frame-label{height:var(--label-h);line-height:var(--label-h);font-size:var(--text-ui);color:var(--canvas-label);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;cursor:default;align-items:center;gap:var(--gap-xs);display:flex;position:absolute;overflow:hidden}.frame-label-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.frame-label.on{color:var(--select)}.canvas.panning,.canvas.panning *{cursor:grab!important}.overlay-svg{position:absolute;inset:0;overflow:visible}.ov-hover{fill:none;stroke:var(--select);stroke-width:var(--stroke-w-bold)}.ov-select{fill:none;stroke:var(--select);stroke-width:var(--stroke-w)}.ov-member{fill:none;stroke:var(--select);stroke-width:var(--stroke-w);opacity:.6}.ov-handle{fill:var(--on-accent);stroke:var(--select);stroke-width:var(--stroke-w);pointer-events:auto}.ov-edge{fill:#0000;pointer-events:auto}.ov-badge{fill:var(--select)}.ov-badge-text{fill:var(--on-accent);font-size:var(--text-ui);font-variant-numeric:tabular-nums;font-weight:400;font-family:var(--font)}.ov-marquee{fill:color-mix(in srgb, var(--select) 8%, transparent);stroke:var(--select);stroke-width:var(--stroke-w)}.drop-line{background:var(--select);border-radius:var(--radius-inner);position:absolute}.drop-ghost{border:1px dashed var(--select);background:color-mix(in srgb, var(--select) 6%, transparent);border-radius:var(--radius-inner);position:absolute}.agent-cursor{z-index:3;pointer-events:none;contain:layout style;border-radius:var(--radius-compact);box-shadow:var(--ring-select);animation:.2s cubic-bezier(0,0,.15,1) agent-cursor-in;position:absolute;top:0;left:0}.agent-cursor.moving{transition:transform var(--move) var(--ease), width var(--move) var(--ease), height var(--move) var(--ease)}.agent-cursor i{margin-bottom:var(--gap-xs);height:var(--label-h);padding:0 var(--gap-xs);border-radius:var(--radius-compact) var(--radius-compact) var(--radius-compact) 0;background:var(--select);color:var(--on-accent);font:600 var(--text-ui)/var(--label-h) var(--font);white-space:nowrap;font-style:normal;position:absolute;bottom:100%;left:-1.5px}.agent-flash{z-index:2;pointer-events:none;border-radius:var(--radius-inner);animation:.7s ease-out forwards agent-flash;position:absolute}@keyframes agent-flash{0%{background:color-mix(in srgb, var(--select) 22%, transparent)}to{background:color-mix(in srgb, var(--select) 0%, transparent)}}@keyframes agent-cursor-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.agent-cursor,.agent-cursor.moving{transition:none;animation:none}.agent-flash{animation:none;display:none}}.empty{justify-content:center;align-items:center;gap:var(--gap-xs);color:var(--fg-muted);font-size:var(--text-ui);flex-direction:column;display:flex;position:absolute;inset:0}.empty p{margin:0}.view-tile{z-index:30;top:var(--bar-top,var(--edge));right:var(--corner-r,var(--edge));gap:var(--gap-xs);position:absolute}.view-sep{width:1px;height:var(--icon-l);background:var(--line)}.zoom{height:var(--control-h);padding:0 var(--gap-s) 0 var(--gap);border-radius:var(--radius-control);align-items:center;gap:var(--gap-xs);font:400 var(--text-ui)/1 var(--font);font-variant-numeric:tabular-nums;color:var(--fg);cursor:default;background:0 0;border:0;display:flex}.zoom svg{color:var(--fg-muted)}.zoom:hover,.zoom.on{background:var(--hover)}.tooltip{--tip-bg:var(--menu);z-index:100;pointer-events:none;align-items:center;gap:var(--gap-l);height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-control);background:var(--tip-bg);color:var(--on-accent);font:400 var(--text-ui)/1 var(--font);white-space:nowrap;box-shadow:var(--shadow-1);display:flex;position:fixed;transform:translate(-50%)}.tooltip.above{transform:translate(-50%,-100%)}.tooltip kbd{font:inherit;color:var(--on-dark-faint)}.tooltip:after{content:"";left:calc(50% + var(--tail,0px));width:var(--tip-tail-w);height:var(--tip-tail-h);background:var(--tip-bg);position:absolute;transform:translate(-50%)}.tooltip.above:after{clip-path:polygon(0 0,100% 0,50% 100%);top:100%}.tooltip.below:after{clip-path:polygon(50% 0,100% 100%,0 100%);bottom:100%}.help-btn{right:var(--corner-r,var(--edge));bottom:var(--edge);width:var(--icon-btn);height:var(--icon-btn);border:1px solid var(--line);background:var(--chrome);color:var(--fg-muted);font:500 var(--text-ui)/1 var(--font);cursor:pointer;border-radius:50%;position:absolute}.help-btn:hover{color:var(--fg)}.sheet.closed-sheet{width:min(420px, calc(100vw - 2 * var(--viewport-margin)))}.sheet.closed-sheet h2{margin-bottom:var(--gap)}.sheet.closed-sheet p:last-child{margin-bottom:0}.closed-sheet p{margin:0 0 var(--gap-s);color:var(--fg-muted);font-size:var(--text-ui);line-height:var(--lh-note)}.sheet-backdrop{z-index:50;background:color-mix(in srgb, var(--ed-black) 24%, transparent);place-items:center;display:grid;position:fixed;inset:0}.sheet{width:min(880px, calc(100vw - 2 * var(--viewport-margin)));background:var(--chrome);border-radius:var(--radius-surface);max-height:calc(100vh - 64px);box-shadow:var(--shadow-3);padding:var(--gap-2xl);overflow:auto}.sheet header{margin-bottom:var(--gap-l);justify-content:space-between;align-items:center;display:flex}.sheet h2{font-size:var(--text-title);margin:0;font-weight:600}.sheet-grid{gap:var(--gap-xl) var(--gap-2xl);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.sheet h3{margin:0 0 var(--gap-s);font-size:var(--text-ui);color:var(--fg);font-weight:600}.sheet dl{margin:0}.sheet dl>div{justify-content:space-between;gap:var(--gap-l);padding:var(--gap-xs) 0;border-bottom:1px solid var(--line);font-size:var(--text-ui);display:flex}.sheet dt{color:var(--fg);flex:auto;min-width:0}.sheet dd{max-width:60%;color:var(--fg-muted);text-align:right;font-variant-numeric:tabular-nums;margin:0}.sheet-foot{margin:var(--gap-xl) 0 0;color:var(--fg-muted);font-size:var(--text-ui)}.bar-btn{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.bar-btn:hover{background:var(--hover);color:var(--fg)}.bar-btn.on{color:var(--select)}.panel.browser{border-left:1px solid var(--line);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.panel.browser.full{z-index:45;border-left:0;position:fixed;inset:0}.panel.browser.full .browser-edge{display:none}.browser-edge{left:calc(var(--edge-grab) / -2);width:var(--edge-grab);cursor:ew-resize;z-index:2;position:absolute;top:0;bottom:0}.browser-bar{height:var(--head-h);align-items:center;gap:var(--gap-xs);padding:0 var(--gap-s);border-bottom:1px solid var(--line);flex:none;display:flex}.browser-bar .panel-btn:disabled{color:var(--fg-disabled);cursor:default;background:0 0}.browser-url{min-width:0;height:var(--control-h);margin:0 var(--gap-xs);border-radius:var(--radius-control);background:var(--field);padding:0 var(--gap);font:var(--text-ui) var(--font);color:var(--fg);border:1px solid #0000;outline:none;flex:1}.browser-view{background:var(--bg);flex:1;min-height:0;position:relative}.browser-frame{background:var(--on-accent);border:0;width:100%;height:100%;display:block}.device{position:absolute;inset:0;overflow:auto}.page-zoom{position:absolute;inset:0;overflow:auto hidden}.device-sizer{margin:0 auto;position:relative}.device-screen{left:var(--gap-xl);top:var(--gap-xl);transform-origin:0 0;border-radius:var(--radius-control);box-shadow:var(--ring-out), var(--shadow-2);position:absolute;overflow:hidden}.device-caption{text-align:center;font-size:var(--text-ui);color:var(--fg-muted);font-variant-numeric:tabular-nums;position:absolute;left:0;right:0}.browser-empty{padding:var(--gap-2xl);color:var(--fg-muted);font-size:var(--text-ui);gap:var(--gap);flex-direction:column;align-items:flex-start;line-height:1.6;display:flex}.browser-empty p{margin:0}.browser-empty svg{vertical-align:-3px}.browser-empty.start-wrap{padding:var(--gap-2xl) var(--gap-xl);position:absolute;inset:0;overflow:auto}.start{width:100%;max-width:440px;padding:var(--gap);box-sizing:border-box;color:var(--fg);margin:auto}.start h2{font-size:var(--text-title-l);margin:0;font-weight:600}.start-lead{margin:var(--gap-s) 0 0}.start-actions{gap:var(--gap);margin-top:var(--gap-2xl);grid-template-columns:1fr 1fr;display:grid}.start-card{align-items:flex-start;gap:var(--gap-xs);padding:var(--gap-l);border-radius:var(--radius-surface);background:var(--chrome);color:var(--fg);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--ring-out);flex-direction:column;display:flex}.start-card:hover{background:var(--surface);box-shadow:var(--ring-out), var(--shadow-1)}.start-card strong{font-size:var(--text-ui);margin-top:var(--gap-xs);font-weight:600}.start-card>span:last-child{font-size:var(--text-ui);color:var(--fg-muted);line-height:var(--lh-note)}.start-ico{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-control);background:var(--field);color:var(--fg);place-items:center;display:grid}.start-recent{margin-top:var(--gap-2xl)}.start-recent header{margin-bottom:var(--gap-xs);justify-content:space-between;align-items:center;display:flex}.start-recent h3{font-size:var(--text-ui);color:var(--fg-muted);margin:0;font-weight:600}.start-clear{color:var(--fg-muted);font:inherit;font-size:var(--text-ui);cursor:pointer;padding:var(--gap-2xs) var(--gap-xs);border-radius:var(--radius-compact);background:0 0;border:0}.start-clear:hover{color:var(--fg);background:var(--hover)}.start-row{width:100%;height:var(--layer-row-h);align-items:center;gap:var(--gap);padding:0 var(--gap);border-radius:var(--radius-control);color:var(--fg);font:inherit;font-size:var(--text-ui);text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;display:flex}.start-row:hover{background:var(--hover)}.start-row svg{color:var(--fg-muted);flex:none}.start-host{flex:none;font-weight:400}.start-path{min-width:0;color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:root[data-mode=frame] body{background:var(--bg)}.preview-page{padding:var(--gap-2xl) 0 calc(2 * var(--gap-2xl));min-height:100vh}.preview-page.to-page{padding-top:0}.preview-missing{font:var(--text-ui) var(--font);color:var(--fg-muted);text-align:center;margin-top:40vh}.pin{z-index:3;min-width:var(--pin-size);height:var(--pin-size);padding:0 var(--gap-s);border:2px solid var(--on-accent);border-radius:var(--radius-surface) var(--radius-surface) var(--radius-surface) var(--radius-inner);background:var(--select);color:var(--on-accent);font:600 var(--text-ui)/1 var(--font);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-1);cursor:pointer;pointer-events:auto;place-items:center;display:grid;position:absolute;transform:translateY(-100%)}.pin svg{width:var(--icon-xs);height:var(--icon-xs)}.pin.sent svg{fill:var(--on-accent);stroke:none}.pin.sent{background:var(--claude)}.pin.working svg{animation:1.2s ease-in-out infinite pulse}.pin.resolved{background:var(--fg-faint);opacity:.7}.pin.resolved svg{stroke-width:2px}.pin.on{outline:2px solid var(--select);outline-offset:2px}.pin.draft{background:var(--chrome);border-color:var(--select);pointer-events:none}.canvas.tool-comment{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.8c3 0 5.2 2 5.2 4.6S11 12 8 12a6 6 0 0 1-1.9-.3L3 13l.9-2.5A4.4 4.4 0 0 1 2.8 7.4C2.8 4.8 5 2.8 8 2.8z' fill='%23fff' stroke='%231e1e1e' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 19,crosshair}@media (prefers-reduced-motion:reduce){.pin.working svg{animation:none}}.popover{z-index:6;background:var(--chrome);border-radius:var(--radius-surface);pointer-events:auto;width:300px;padding:var(--surface-pad);box-shadow:var(--ring-out), var(--shadow-2);position:absolute}.thread-head{align-items:center;gap:var(--gap-xs);padding:0 0 var(--gap-s) var(--gap);margin-bottom:var(--gap-xs);border-bottom:1px solid var(--line);font-weight:600;font-size:var(--text-ui);display:flex}.thread-head span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.comment-status{font:400 var(--text-ui) var(--font);color:var(--fg-muted);margin-right:var(--gap-xs)}.comment-status.sent{color:var(--claude)}.thread{max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.thread li{padding:var(--gap-s) var(--gap)}.msg-meta{font-size:var(--text-ui);margin-bottom:var(--gap-2xs)}.msg-meta b{font-weight:600}.thread li.agent .msg-meta b{color:var(--claude)}.thread p{font-size:var(--text-ui);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.comment-chat{align-items:center;gap:var(--gap-s);width:100%;height:var(--control-h);margin-top:var(--gap-xs);padding:0 var(--gap);border-radius:var(--radius-control);font:500 var(--text-ui) var(--font);color:var(--fg-muted);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.comment-chat:hover{background:var(--hover);color:var(--fg)}.comment-chat svg{width:var(--icon-xs);height:var(--icon-xs);fill:var(--claude);stroke:none;flex:none}.comment-chat span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comments-bar{left:50%;bottom:var(--edge);z-index:5;align-items:center;gap:var(--gap);height:calc(var(--control-h) + 2 * var(--surface-pad));padding:0 var(--surface-pad) 0 var(--gap-l);border-radius:var(--radius-surface);background:var(--chrome);box-shadow:var(--ring-out), var(--shadow-2);font-size:var(--text-ui);white-space:nowrap;display:flex;position:absolute;transform:translate(-50%)}.comments-count{color:var(--fg-muted)}.comments-send svg{fill:currentColor;stroke:none}.ai-btn{z-index:4;width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);background:var(--select);color:var(--on-accent);cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px color-mix(in srgb, var(--select) 35%, transparent);border:0;place-items:center;display:grid;position:absolute}.ai-btn svg{width:var(--icon);height:var(--icon);fill:var(--on-accent);stroke:none}.ask-pop{z-index:6;background:var(--chrome);border-radius:var(--radius-surface);pointer-events:auto;width:340px;box-shadow:var(--ring-out), var(--shadow-3);padding:var(--surface-pad);position:absolute}.ask-thread{z-index:5;width:320px;height:var(--head-h);padding:0 var(--gap-s) var(--gap) var(--gap);align-items:center;gap:var(--gap-xs);pointer-events:auto;background:var(--field);border-radius:var(--radius-surface) var(--radius-surface) 0 0;box-shadow:var(--ring-out);display:flex;position:absolute}.ask-thread-open{align-items:center;gap:var(--gap);min-width:0;height:30px;padding:0 var(--gap-s);border-radius:var(--radius-control);font:var(--text-ui) var(--font);color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.ask-thread-open span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ask-thread-open svg{width:var(--icon-s);height:var(--icon-s);flex:none}.ask-thread-open:hover{color:var(--fg);background:var(--hover)}.ask-thread-new{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);color:var(--fg-faint);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;display:grid}.ask-thread:hover .ask-thread-new,.ask-thread-new:focus-visible{opacity:1}.ask-thread-new:hover{background:var(--hover);color:var(--fg)}.ask-thread-new svg{width:var(--icon);height:var(--icon)}.askbox{align-items:flex-end;gap:var(--gap-s);display:flex;position:relative}.askbox.with-attach{flex-wrap:wrap}.tag-row{gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-xs) 0;flex-wrap:wrap;flex:1 0 100%;display:flex}.tag-chip{align-items:center;gap:var(--gap-xs);max-width:100%;height:var(--chip-h);padding:0 var(--gap-xs) 0 var(--gap-s);border-radius:var(--radius-compact);background:var(--field);box-shadow:var(--ring);color:var(--fg);font:500 var(--text-ui)/1 var(--font);border:0;display:inline-flex}.tag-chip>svg{width:var(--icon-xs);height:var(--icon-xs);color:var(--fg-muted);flex:none}.tag-chip>span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.tag-chip button{width:var(--icon-btn-xs);height:var(--icon-btn-xs);border-radius:var(--radius-compact);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.tag-chip button:hover{background:var(--hover);color:var(--fg)}.tag-chip button svg{width:var(--icon-2xs);height:var(--icon-2xs)}.tag-chip.cmd{background:color-mix(in srgb, var(--select) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--select) 30%, transparent);color:var(--select-ink)}.tag-chip.cmd>svg{color:var(--select)}.msg-tags{gap:var(--gap-xs);margin-bottom:var(--gap-s);flex-wrap:wrap;display:flex}.msg-tags .tag-chip{cursor:pointer;padding-right:var(--gap-s)}.mention-list{z-index:5;left:0;right:0;top:calc(100% + var(--gap-xs));padding:var(--surface-pad);border-radius:var(--radius-surface);background:var(--menu);box-shadow:var(--shadow-menu);position:absolute}.chat-foot .mention-list{top:auto;bottom:calc(100% + var(--gap-xs))}.mention-list button{align-items:center;gap:var(--gap);width:100%;height:var(--menu-row-h);padding:0 var(--gap);border-radius:var(--radius-control);color:var(--on-accent);font:var(--text-ui) var(--font);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.mention-list button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mention-list button small{font:var(--text-ui) var(--font);color:var(--on-dark-muted);font-variant-numeric:tabular-nums;flex:none}.mention-list button svg{width:var(--icon-xs);height:var(--icon-xs);opacity:.7;flex:none}.mention-list button.on,.mention-list button:hover{background:var(--select)}.attach-row{gap:var(--gap-s);padding:var(--gap-xs);flex-wrap:wrap;flex:1 0 100%;display:flex}.attach-thumb{width:var(--attach-thumb);height:var(--attach-thumb);border-radius:var(--radius-control);background:var(--field);box-shadow:var(--ring);position:relative;overflow:hidden}.attach-thumb img,.attach-thumb video{object-fit:cover;width:100%;height:100%;display:block}.attach-thumb.loading{animation:1.2s ease-in-out infinite pulse}.attach-kind{left:var(--gap-xs);bottom:var(--gap-xs);width:var(--icon);height:var(--icon);border-radius:var(--radius-compact);background:color-mix(in srgb, var(--ed-black) 55%, transparent);place-items:center;display:grid;position:absolute}.attach-kind svg{width:var(--icon-xs);height:var(--icon-xs);color:var(--on-accent)}.attach-thumb button{top:var(--gap-2xs);right:var(--gap-2xs);width:var(--icon-btn-xs);height:var(--icon-btn-xs);background:color-mix(in srgb, var(--ed-black) 60%, transparent);color:var(--on-accent);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.attach-thumb:hover button,.attach-thumb button:focus-visible{opacity:1}.attach-thumb button svg{width:var(--icon-2xs);height:var(--icon-2xs)}.attach-file{width:100%;height:100%;font:600 var(--text-micro) var(--font);letter-spacing:.04em;color:var(--fg-muted);place-items:center;display:grid}.msg-file{height:26px;padding:0 var(--gap);border-radius:var(--radius-compact);background:var(--surface);box-shadow:var(--ring);font-size:var(--text-ui);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:200px;text-decoration:none;display:inline-flex;overflow:hidden}.attach-error{font-size:var(--text-ui);color:var(--warn);align-self:center}.attach-plus{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.attach-plus:hover,.attach-plus[aria-expanded=true]{background:var(--hover);color:var(--fg)}.attach-plus svg{width:var(--icon);height:var(--icon)}.msg-attach{gap:var(--gap-s);margin-bottom:var(--gap-s);flex-wrap:wrap;display:flex}.msg-attach img,.msg-attach video{max-width:var(--attach-img-w);border-radius:var(--radius-control);max-height:120px;display:block}.quick-list{margin:var(--gap-s) -6px -6px;padding:var(--gap-s);border-top:1px solid var(--line);flex-direction:column;display:flex}.quick{align-items:center;gap:var(--gap);height:var(--layer-row-h);padding:0 var(--gap);border-radius:var(--radius-control);font:var(--text-ui) var(--font);color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.quick:hover{background:var(--hover)}.quick.on,.quick.on:hover{background:color-mix(in srgb, var(--select) 10%, transparent);color:var(--select-ink)}.quick.on svg{color:var(--select)}.quick svg{width:var(--icon);height:var(--icon);color:var(--fg-muted);flex:none}.quick.sub{padding-left:var(--quick-indent)}.quick.size{cursor:pointer}.quick.size input{width:var(--icon);height:var(--icon);accent-color:var(--select);cursor:pointer;margin:0 0 0 auto}.quick.size .size-dim{color:var(--fg-muted);font-size:var(--text-ui);font-variant-numeric:tabular-nums}.quick.more{color:var(--fg-muted)}.quick.more-group{height:var(--control-h);font-size:var(--text-ui);gap:var(--gap-xs);padding-left:46px}.quick.size.deep{height:var(--control-h);font-size:var(--text-ui);padding-left:66px}.quick-group{padding:var(--gap-s) var(--gap) var(--gap-2xs) var(--quick-indent);font:600 var(--text-ui) var(--font);color:var(--fg-muted)}.quick.size small{font-size:var(--text-ui);color:var(--fg-muted)}.quick.size.mine{color:var(--fg-muted);cursor:default}.quick.size.mine input{cursor:default}.quick-count{align-items:center;gap:var(--gap-xs);height:var(--layer-row-h);padding:0 var(--gap) 0 var(--quick-indent);font-size:var(--text-ui);color:var(--fg-muted);display:flex}.quick-count span{margin-right:auto}.quick-count button{width:var(--icon-btn);height:var(--control-h);border-radius:var(--radius-control);background:var(--field);font:500 var(--text-ui) var(--font);color:var(--fg);cursor:pointer;font-variant-numeric:tabular-nums;border:0}.quick-count button:hover{background:var(--hover)}.quick-count button.on{background:var(--sel-bg);color:var(--select-ink)}.quick-caret{color:var(--fg-faint);transition:transform var(--dur-fast) var(--ease);place-items:center;margin-left:auto;display:grid}.quick-caret svg{width:var(--tree-caret);height:var(--tree-caret)}.quick-caret.open{transform:rotate(180deg)}.askbox textarea{min-height:var(--layer-row-h);resize:none;padding:var(--gap);font:var(--text-ui)/1.45 var(--font);color:var(--fg);background:0 0;border:0;outline:none;flex:1}.askbox .send{width:var(--icon-btn);height:var(--icon-btn);background:var(--fg);color:var(--chrome);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.askbox .send:disabled{background:var(--off);cursor:default}.askbox .send.stop svg{width:var(--icon-s);height:var(--icon-s);fill:currentColor;stroke:none}.panel-title.tabs{gap:var(--gap-xs);padding-left:var(--gap-s);justify-content:flex-start}.panel-title.tabs [role=tab]{height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-compact);font:400 var(--text-ui) var(--font);color:var(--fg-muted);cursor:pointer;align-items:center;gap:var(--gap-xs);background:0 0;border:0;display:flex}.panel-title.tabs [role=tab].on{color:var(--fg);background:var(--selected);font-weight:500}.panel-title.tabs [role=tab]:not(.on):hover{color:var(--fg);background:var(--hover)}.panel-title.tabs .panel-btn{margin-left:0}.panel.side>.panel-title.tabs{height:var(--head-h);padding:0 var(--pad)}.panel-top{height:var(--head-h);padding:0 var(--pad);align-items:center;gap:var(--gap-xs);border-bottom:1px solid var(--line);flex:none;display:flex}.panel-top>.bar-btn:first-child{margin-left:calc((var(--icon) - var(--icon-btn)) / 2)}.panel-top>.bar-btn:last-child{margin-right:calc((var(--icon) - var(--icon-btn)) / 2)}.panel-top .tabs-fill{flex:1}.bar-btn[aria-pressed=true]{color:var(--select)}.run-dot{width:var(--status-dot);height:var(--status-dot);background:var(--select);border-radius:50%;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.run-dot,.tool-dot.run,.attach-thumb.loading,.chat-icon.has-thumb.running{animation:none}}.agents{flex-direction:column;flex:1;min-height:0;display:flex}.agent-start{min-height:0;padding:var(--pad);flex:1;display:flex;overflow-y:auto;container-type:size}.starter-list{margin-top:var(--start-top);gap:var(--gap);flex-direction:column;width:100%;height:max-content;display:flex}.starter-title{margin:0 0 calc(var(--gap-2xl) - var(--gap));text-align:center;font-size:var(--text-title-l);color:var(--fg);font-weight:600}.starter-box{border-radius:var(--radius-surface);background:var(--surface);box-shadow:var(--ring);flex:none;overflow:hidden}.starter-head{width:100%;height:var(--thumb-row-h);align-items:center;gap:var(--gap);padding:0 var(--gap-l);font:500 var(--text-ui) var(--font);color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.starter-head:hover{background:var(--hover)}.starter-head>svg{width:var(--icon);height:var(--icon);color:var(--fg-muted);flex:none}.starter-head:focus-visible{outline-offset:var(--focus-gap-in)}.starter-chips{gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-l) var(--gap-l);flex-wrap:wrap;display:flex}.chip.starter{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.msg.choices p{margin:0 0 var(--gap-s)}.choice-list{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.chip.choice{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chip.choice:disabled{cursor:default;color:var(--fg-disabled);background:var(--surface)}.chip.choice.on,.chip.choice.on:disabled{border-color:var(--select);color:var(--fg)}.chat-list{min-height:0;padding:var(--gap-s) 0 var(--gap-xl);flex:1;margin:0;list-style:none;overflow-y:auto}.chat-list button{gap:var(--gap);width:100%;padding:var(--gap) var(--pad);text-align:left;cursor:pointer;font:inherit;color:var(--fg);background:0 0;border:0;display:flex}.chat-list li{padding:0 calc(var(--pad) - var(--thumb-row-pad))}.chat-list li+li{margin-top:var(--gap-2xs)}.chat-list li>button:not(.chat-more){gap:var(--gap-l);border-radius:var(--thumb-row-radius);padding:var(--gap-l) var(--thumb-row-pad)}.chat-list li:hover>button:not(.chat-more),.chat-list li.menu-open>button:not(.chat-more){background:var(--hover)}.chat-icon{width:var(--thumb-row-h);height:var(--thumb-row-h);border-radius:var(--radius-control);border:1px solid var(--line);color:var(--fg-muted);flex:none;place-items:center;display:grid}.chat-icon.running{color:var(--select);border-color:color-mix(in srgb, var(--select) 40%, transparent)}.chat-icon.error{color:var(--warn)}.chat-icon.has-thumb{width:var(--thumb-row-h);height:var(--thumb-row-h);background:var(--stage);position:relative;overflow:hidden}.chat-icon.has-thumb.running{box-shadow:var(--ring-select);animation:1.6s ease-in-out infinite tile-pulse}.chat-icon.has-thumb.error{border-color:var(--warn)}.frame-thumb{display:block;position:relative;overflow:hidden}.chat-main{gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex}.chat-title b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.chat-trail{min-width:var(--icon-btn);text-align:right;color:var(--fg-muted);flex:none}.chat-preview{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.chat-head{height:var(--head-h);align-items:center;gap:var(--gap-xs);padding:0 var(--gap-s);border-bottom:1px solid var(--line);flex:none;display:flex}.chat-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-ui);flex:1;font-weight:600;overflow:hidden}.chat-log{min-height:0;padding:var(--gap-l);gap:var(--gap);flex-direction:column;flex:1;display:flex;overflow-y:auto}.msg{font-size:var(--text-ui);white-space:pre-wrap;word-break:break-word;line-height:1.55}.msg.user{background:var(--field);border-radius:var(--radius-surface) var(--radius-surface) var(--radius-compact) var(--radius-surface);max-width:88%;padding:var(--gap) var(--gap-l);align-self:flex-end}.msg.assistant{color:var(--fg)}.msg.tool{align-items:center;gap:var(--gap-s);color:var(--fg-muted);font-size:var(--text-ui);display:flex}.msg.tool em{color:var(--fg-faint);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.msg.tool.bad{color:var(--warn)}.tool-dot{width:var(--status-dot);height:var(--status-dot);background:var(--ok);border-radius:50%;flex:none}.tool-dot.run{background:var(--select);animation:1.2s ease-in-out infinite pulse}.msg.working{color:var(--fg-muted);font-size:var(--text-ui)}.msg.steps{font-size:var(--text-ui);color:var(--fg-muted)}.steps-head{align-items:center;gap:var(--gap-s);font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.steps-head:hover{color:var(--fg)}.steps-count{color:var(--fg-faint)}.steps-caret{color:var(--fg-faint);transition:transform var(--dur-fast) var(--ease);place-items:center;display:grid}.steps-caret svg{width:var(--tree-caret);height:var(--tree-caret)}.steps-caret.open{transform:rotate(90deg)}.steps-list{margin:var(--gap-s) 0 0;padding:0 0 0 var(--gap-l);gap:var(--gap-xs);border-left:1px solid var(--line);list-style:none;display:grid}.steps-list li{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.steps-list li em{color:var(--fg-faint);margin-left:var(--gap-s);font-style:normal}.steps-retry{color:var(--warn)}.msg.error{color:var(--warn);font-size:var(--text-ui)}.msg.waiting{gap:var(--gap-s);color:var(--fg);font-size:var(--text-ui);align-items:baseline;line-height:1.45;display:flex}.waiting-tip{margin-top:var(--gap-2xs);color:var(--fg-muted);display:block}.waiting-tip code{font:var(--text-ui) var(--mono)}.msg.waiting:before{content:"";width:var(--status-dot);height:var(--status-dot);background:var(--caution);border-radius:50%;flex:none;transform:translateY(-1px)}.chat-foot{padding:var(--gap) var(--pad) var(--pad)}.chat-foot .askbox{padding:var(--gap-s);border-radius:var(--radius-surface);background:var(--surface);box-shadow:var(--ring);flex-wrap:wrap;align-items:center}.chat-foot .askbox>.tag-row,.chat-foot .askbox>.attach-row{order:-2}.chat-foot .askbox>textarea{min-height:calc(2lh + 2 * var(--gap));flex:1 0 100%;order:-1}.chat-foot .askbox>.send{margin-left:auto}.chat-foot{flex:none}.agent-bar{align-items:center;gap:var(--gap-xs);padding:var(--gap-xs) 0 0;min-width:0;display:flex}.agent-chip{height:var(--chip-h);align-items:center;gap:var(--gap-xs);min-width:0;padding:0 var(--gap-xs) 0 var(--gap-s);border-radius:var(--radius-compact);font:500 var(--text-ui) var(--font);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.agent-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-chip svg{width:var(--icon-xs);height:var(--icon-xs);color:var(--fg-faint);flex:none}.agent-chip:hover,.agent-chip.on{background:var(--hover);color:var(--fg)}@property --scan-a{syntax:"<angle>";inherits:false;initial-value:0deg}.scan{z-index:2;pointer-events:none;animation:.3s cubic-bezier(0,0,.15,1) both scan-in;position:absolute}.scan-body{border-radius:var(--radius-inner);background:color-mix(in srgb, var(--select) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--select) 45%, transparent);animation:4s ease-in-out infinite scan-breathe;position:absolute;inset:0}.scan-body:before{content:"";padding:var(--gap-xs);border-radius:var(--radius-inner);background:conic-gradient(from var(--scan-a), transparent 0 70%, color-mix(in srgb, var(--select) 25%, transparent) 80%, var(--select) 91%, var(--on-accent) 95.5%, transparent 96.5%);-webkit-mask-composite:xor;animation:4s linear infinite scan-beam;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.scan-label{align-items:center;gap:var(--gap-xs);height:var(--label-h);padding:0 var(--gap-xs);border-radius:var(--radius-compact);background:var(--select);color:var(--on-accent);font:600 var(--text-ui)/1 var(--font);white-space:nowrap;display:flex;position:absolute;top:0;left:0;transform:translateY(calc(-100% - 4px))}.scan-label svg{width:var(--icon-xs);height:var(--icon-xs);fill:var(--on-accent);stroke:none}@keyframes scan-in{0%{opacity:0}to{opacity:1}}@keyframes scan-beam{to{--scan-a:360deg}}@keyframes scan-breathe{0%,to{background-color:color-mix(in srgb, var(--select) 8%, transparent)}50%{background-color:color-mix(in srgb, var(--select) 14%, transparent)}}@media (prefers-reduced-motion:reduce){.scan,.scan-body{animation:none}.scan-body:before{animation:none;display:none}}.canvas.picking{cursor:crosshair}.pick-hover{z-index:3;pointer-events:none;box-shadow:var(--ring-select-2);border-radius:var(--radius-inner);position:absolute}.pick-hint{z-index:6;left:50%;top:var(--gap-l);align-items:center;gap:var(--gap);height:var(--layer-row-h);padding:0 var(--gap) 0 var(--gap-l);border-radius:var(--radius-control);background:var(--menu);color:var(--on-accent);font:400 var(--text-ui) var(--font);box-shadow:var(--shadow-2);pointer-events:none;display:flex;position:absolute;transform:translate(-50%)}.pick-hint kbd{padding:var(--gap-2xs) var(--gap-s);border-radius:var(--radius-compact);background:var(--on-dark-hover);font:400 var(--text-ui) var(--font)}.chat-badge{z-index:4;width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);background:var(--select);color:var(--on-accent);cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px color-mix(in srgb, var(--select) 35%, transparent);font:600 var(--text-ui) var(--font);border:0;place-items:center;display:grid;position:absolute}.chat-badge svg{width:var(--icon);height:var(--icon)}.chat-badge.running svg{fill:var(--on-accent);stroke:none;animation:1.2s ease-in-out infinite pulse}.chat-badge.done svg{stroke-width:2px}.chat-badge.error{background:var(--warn-fill);box-shadow:none}.chat-badge.cancelled{background:var(--fg-faint);box-shadow:none}.canvas-chat{z-index:7;max-height:min(520px, calc(100% - 2 * var(--edge)));pointer-events:auto;background:var(--chrome);border-radius:var(--radius-surface);box-shadow:var(--ring-out), var(--shadow-3);flex-direction:column;display:flex;position:absolute;overflow:hidden}.canvas-chat .chat-head{padding:0 var(--gap-s) 0 var(--gap-l)}.canvas-chat .chat-log{overscroll-behavior:contain;max-height:360px}.msg.worked{color:var(--fg-muted);font-size:var(--text-ui)}.ctx-meter{align-items:center;gap:var(--gap-s);font-size:var(--text-ui);color:var(--fg-faint);font-variant-numeric:tabular-nums;margin-left:auto;display:inline-flex}.ctx-meter.high{color:var(--caution)}.ctx-meter button{height:var(--icon-btn-s);padding:0 var(--gap);border-radius:var(--radius-control);background:var(--field);font:500 var(--text-ui) var(--font);color:var(--fg);cursor:pointer;border:0}.ctx-meter button:hover{background:var(--hover)}.msg.via{color:var(--fg-faint);font-size:var(--text-ui);align-self:flex-end}.run-result{gap:var(--gap);flex-direction:column;display:flex}.run-card{border-radius:var(--radius-surface);background:var(--surface);box-shadow:var(--ring-out);flex-direction:column;display:flex;overflow:hidden}.run-row{align-items:center;gap:var(--gap-xs);padding:var(--gap-2xs) var(--gap-xs) var(--gap-2xs) var(--gap-2xs);display:flex}.run-row+.run-row{border-top:1px solid var(--line)}.run-frame{align-items:center;gap:var(--gap-s);min-width:0;min-height:30px;padding:var(--gap-s) var(--gap);border-radius:var(--radius-control);font:500 var(--text-ui)/16px var(--font);color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.run-frame span{overflow-wrap:anywhere;min-width:0}.run-frame svg{width:var(--icon-s);height:var(--icon-s);color:var(--fg-muted);flex:none}.run-frame:hover{background:var(--hover)}.run-icon{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.run-icon:hover{background:var(--hover);color:var(--fg)}.run-icon.on{background:var(--sel-bg);color:var(--select)}.run-icon svg{width:var(--icon);height:var(--icon)}.run-foot{padding:var(--gap-xs);border-top:1px solid var(--line);align-items:center;display:flex}.run-undo{align-items:center;gap:var(--gap-xs);height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-control);font:500 var(--text-ui) var(--font);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.run-undo:hover{background:var(--hover);color:var(--fg)}.run-undo svg{width:var(--undo-glyph);height:var(--undo-glyph)}.run-undone{padding:0 var(--gap);line-height:var(--control-h);font-size:var(--text-ui);color:var(--fg-muted)}.chip.stop{align-items:center;gap:var(--gap-xs);display:inline-flex}@media (prefers-reduced-motion:reduce){.chat-badge.running svg{animation:none}}.import-wrap{margin:0 var(--gap-2xs);display:flex}.import-status{height:var(--control-h);padding:0 var(--pad);font-size:var(--text-ui);color:var(--fg-muted);border-bottom:1px solid var(--line);flex:none;align-items:center;display:flex;position:relative;overflow:hidden}.import-bar{height:var(--indicator);background:var(--select);width:30%;animation:1.2s cubic-bezier(.35,0,.35,1) infinite import-slide;position:absolute;bottom:-1px;left:0}@keyframes import-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.import-bar{opacity:.4;width:100%;animation:none}}.browser-empty .row-gap{gap:var(--gap-s);display:flex}.browser-tabs{height:var(--head-h);box-sizing:border-box;align-items:center;gap:var(--gap-xs);padding:0 var(--gap-s);border-bottom:1px solid var(--line);flex:none;display:flex;overflow:hidden}.browser-tab{flex:0 1 var(--tab-w);min-width:var(--tab-min-w);height:var(--control-h);align-items:center;gap:var(--gap-s);padding:0 var(--gap-xs) 0 var(--gap);border-radius:var(--radius-control);color:var(--fg-muted);cursor:default;-webkit-user-select:none;user-select:none;outline:none;display:flex;position:relative}.browser-tab:hover{background:var(--hover)}.browser-tab.on{background:var(--field);color:var(--fg);font-weight:500}.browser-tab.dragging{z-index:1;cursor:grabbing;box-shadow:var(--shadow-1);position:relative}.browser-tab:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-gap-in)}.browser-tab .tab-icon{flex:none;place-items:center;display:grid}.browser-tab .tab-icon svg{width:var(--icon-s);height:var(--icon-s)}.browser-tab .tab-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-ui);flex:1;overflow:hidden}.browser-tab .tab-close{width:var(--icon-btn-s);height:var(--icon-btn-s);border-radius:var(--radius-compact);color:var(--fg-muted);cursor:pointer;opacity:0;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.browser-tab .tab-close svg{width:var(--icon-s);height:var(--icon-s)}.browser-tab:hover .tab-close,.browser-tab.on .tab-close{opacity:1}.browser-tab .tab-close:hover{background:var(--hover);color:var(--fg)}.browser-tabs .tab-new{flex:none}.browser-tabs .tabs-fill{flex:1}.browser-bar .panel-btn.on{background:var(--hover);color:var(--fg)}.align-bar{padding:var(--gap-s) var(--gap);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:0;display:flex}.align-bar .icon-btn:disabled{color:var(--fg-disabled);cursor:default;background:0 0}.align-sep{width:1px;height:var(--icon);margin:0 var(--gap-xs);background:var(--line)}.fx-row{gap:var(--gap-s);flex-direction:column;display:flex}.fx-head{grid-template-columns:28px 1fr var(--icon-btn-s) var(--icon-btn-s);gap:var(--gap-xs);align-items:center;display:grid}.fx-head select{width:100%}.fx-row.off .fx-head select,.fx-row.off .fx-swatch{opacity:.4}.fx-toggle{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-control);background:var(--field);cursor:pointer;border:0;place-items:center;padding:0;display:grid}.fx-toggle[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--select);background:var(--surface)}.fx-swatch{width:var(--icon-xs);height:var(--icon-xs);border-radius:var(--radius-inner);background:var(--on-accent)}.fx-swatch.drop{box-shadow:1px 2px 3px color-mix(in srgb, var(--ed-black) 45%, transparent), var(--ring-strong)}.fx-swatch.inner{box-shadow:inset 1px 2px 3px color-mix(in srgb, var(--ed-black) 45%, transparent), var(--ring-strong)}.fx-swatch.layerBlur{background:var(--fg-muted);filter:blur(1.5px)}.fx-swatch.backdropBlur{background:linear-gradient(135deg, var(--fg-faint), transparent);box-shadow:var(--ring-strong)}.fx-swatch.shader{background:repeating-radial-gradient(circle at 30% 30%, var(--fg-muted) 0 1px, transparent 1px 3px);box-shadow:var(--ring-strong)}.fx-effect-icon{color:var(--fg-muted);place-items:center;display:grid}.shader-effect .floating-body{gap:var(--gap-l);padding:var(--gap-l);flex-direction:column;display:flex}.shader-effect .muted-note{margin:0}.icon-preview .floating-body{gap:var(--gap-l);padding:var(--gap-l);flex-direction:column;display:flex}.icon-preview-stage{aspect-ratio:16/9;border-radius:var(--radius-control);background:var(--bg);cursor:grab;place-items:center;display:grid}.icon-preview-stage img{width:var(--icon-preview);height:var(--icon-preview);pointer-events:none}:root[data-theme=dark] .icon-preview-stage img{filter:invert()}.icon-preview-fields{gap:var(--gap);flex-direction:column;display:flex}.fx-body{gap:var(--gap-s);padding:var(--gap);border-radius:var(--radius-control);background:var(--sel-soft);flex-direction:column;display:flex}.muted-note,.code-empty,.sys-empty p,.build-hint,.set-note,.set-lead,.comp-hint,.start-lead,.libs-set small,.set-label small{color:var(--fg-muted);font-size:var(--text-ui);line-height:var(--lh-note)}.muted-note{margin:0}.num-label svg{display:block}.font-picker{position:relative}.font-menu{top:calc(100% + var(--gap-xs));z-index:30;max-height:320px;padding:var(--surface-pad);background:var(--surface);border-radius:var(--radius-surface);box-shadow:var(--ring-out), var(--shadow-2);position:absolute;left:0;right:0;overflow-y:auto}.ctx-head,.font-group{padding:var(--gap-s) var(--menu-row-pad) var(--gap-xs);font:400 var(--text-ui) var(--font)}.ctx-head{color:var(--on-dark-muted)}.font-group{color:var(--fg-muted)}.font-menu button{width:100%;height:var(--menu-row-h);padding:0 var(--menu-row-pad);border-radius:var(--radius-control);font-size:var(--text-ui);color:var(--fg);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;align-items:center;display:flex;overflow:hidden}.font-menu button.hi{background:var(--hover)}.font-menu .font-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.font-check{margin-left:var(--gap);flex:none;place-items:center;display:grid}.font-check svg{width:var(--icon-s);height:var(--icon-s)}.font-menu .font-missing{margin-left:var(--gap);font-family:var(--font);font-size:var(--text-ui);color:var(--fg-muted)}.font-menu .font-none{padding:var(--gap);color:var(--fg-muted);font-size:var(--text-ui);font-family:var(--font)}.font-menu .font-more{font-family:var(--font);font-size:var(--text-ui);color:var(--select-ink)}.frame-label-in{width:180px;max-width:100%;height:var(--label-h);border:1px solid var(--select);border-radius:var(--radius-inner);padding:0 var(--gap-xs);font:inherit;font-size:var(--text-ui);color:var(--fg);background:var(--surface);pointer-events:auto;outline:none}.guides{pointer-events:none;position:absolute;inset:0;overflow:visible}.guides line{stroke:var(--snap);stroke-width:var(--stroke-w);shape-rendering:crispedges}.guides .snap-mark{stroke:var(--snap);stroke-width:var(--stroke-w);fill:none}.guides .measure-target{fill:none;stroke:var(--snap);stroke-width:var(--stroke-w)}.guides .measure-pill{fill:var(--snap)}.guides text{fill:var(--on-accent);font:600 var(--text-ui) var(--font);text-anchor:middle;font-variant-numeric:tabular-nums}.rulers{z-index:4;pointer-events:none;position:absolute;top:0;left:0}.ruler-bg,.ruler-corner{fill:var(--chrome)}.ruler-sel{fill:var(--sel-bg)}.rulers line{stroke:var(--fg-faint);stroke-width:var(--stroke-w);shape-rendering:crispedges}.rulers .ruler-edge{stroke:var(--line)}.rulers text{fill:var(--fg-muted);font:var(--text-micro) var(--font);font-variant-numeric:tabular-nums}.rulers .ruler-val{fill:var(--select);font-weight:600}.guide-pull{z-index:5;pointer-events:auto;position:absolute}.guide-pull.x{cursor:row-resize}.guide-pull.y{cursor:col-resize}.ruler-guide{z-index:3;pointer-events:auto;place-items:center;display:grid;position:absolute}.ruler-guide.v{cursor:col-resize}.ruler-guide.h{cursor:row-resize}.ruler-guide-line{background:var(--snap);pointer-events:none;position:absolute}.ruler-guide.v .ruler-guide-line{left:calc(50% - var(--stroke-w) / 2);width:var(--stroke-w);top:0;bottom:0}.ruler-guide.h .ruler-guide-line{top:calc(50% - var(--stroke-w) / 2);height:var(--stroke-w);left:0;right:0}.ruler-guide:hover .ruler-guide-line,.ruler-guide.on .ruler-guide-line{box-shadow:0 0 0 calc(var(--stroke-w) / 2) var(--snap)}.ruler-guide.off .ruler-guide-line{opacity:.35}.ruler-guide-value{top:var(--gap);left:var(--gap);padding:0 var(--gap-xs);height:var(--label-h);line-height:var(--label-h);border-radius:var(--radius-inner);background:var(--snap);color:var(--on-accent);font:600 var(--text-ui) var(--font);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute}.ruler-guide.v .ruler-guide-value{left:calc(50% + var(--gap-s))}.ruler-guide.h .ruler-guide-value{top:calc(50% + var(--gap-s))}.smart-dot{width:var(--smart-dot-hit);height:var(--smart-dot-hit);margin:calc(var(--smart-dot-hit) / -2) 0 0 calc(var(--smart-dot-hit) / -2);pointer-events:auto;cursor:grab;place-items:center;display:grid;position:absolute}.smart-dot:before{content:"";width:var(--smart-dot);height:var(--smart-dot);box-sizing:border-box;border:var(--stroke-w-bold) solid var(--snap);background:var(--on-accent);box-shadow:0 0 0 var(--stroke-w) var(--halo);border-radius:50%}.smart-dot:hover:before,.smart-dot.on:before{background:var(--snap);box-shadow:0 0 0 var(--stroke-w-bold) var(--on-accent)}.smart-dot.on{cursor:grabbing}.tidy-up,.video-play{width:var(--tidy-size);height:var(--tidy-size);border-radius:var(--radius-control);background:var(--select);color:var(--on-accent);cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-1);border:0;place-items:center;padding:0;display:grid;position:absolute}.tidy-up svg{width:var(--icon-s);height:var(--icon-s)}.tidy-up:hover,.video-play:hover{filter:brightness(1.08)}.video-play{width:var(--play-btn);height:var(--play-btn)}.smart-slot{box-sizing:border-box;border:var(--stroke-w) solid var(--select);pointer-events:none;position:absolute}.smart-gap{pointer-events:auto;place-items:center;display:grid;position:absolute}.smart-gap.on{background:var(--snap-hatch)}.smart-gap-bar{background:var(--snap);border-radius:var(--radius-inner);box-shadow:0 0 0 var(--stroke-w) var(--halo)}.smart-gap .spacing-value{position:absolute}.spacing-zone{pointer-events:auto;place-items:center;display:grid;position:absolute}.spacing-zone.on{background:var(--snap-hatch)}.spacing-value{pointer-events:none;padding:0 var(--gap-xs);height:var(--label-h);line-height:var(--label-h);border-radius:var(--radius-inner);background:var(--snap);color:var(--on-accent);font:600 var(--text-ui) var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}.layout-grids{pointer-events:none;position:absolute;inset:0}.pixel-grid{pointer-events:none;background-image:linear-gradient(to right, var(--pixel-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--pixel-grid) 1px, transparent 1px);position:absolute;inset:0}.psec .row2.labels,.psec .row3.labels{margin-bottom:-4px}.psec .row2.labels span,.psec .row3.labels span{color:var(--fg-muted);font-size:var(--text-ui)}.row2.stroke-grid{grid-template-columns:1fr 1fr var(--icon-btn-s)}.stroke-sides{grid-template-columns:1fr 1fr var(--icon-btn-s);gap:var(--gap);display:grid}.stroke-sides>:nth-child(odd){grid-column:1}.icon-btn.on{color:var(--select);background:var(--select-soft,color-mix(in srgb, var(--select) 12%, transparent))}.select-wrap{min-width:0;position:relative}.select-wrap select{appearance:none;width:100%;padding-right:var(--gap-2xl)}.select-wrap svg{right:var(--swatch-inset);top:var(--swatch-inset);pointer-events:none;color:var(--fg-muted);position:absolute}.select-wrap.sm{flex:none;max-width:64px}.select-wrap.sm select{height:var(--icon-btn-s);padding:0 calc(var(--icon-s) + var(--gap-xs)) 0 var(--gap-xs)}.select-wrap.sm svg{width:var(--icon-s);height:var(--icon-s);right:var(--gap-xs);top:calc((var(--icon-btn-s) - var(--icon-s)) / 2)}.size-field{grid-template-columns:1fr var(--icon-btn);border-radius:var(--radius-control);background:var(--field);min-width:0;display:grid;position:relative}.size-field .num{border-radius:var(--radius-control) 0 0 var(--radius-control);background:0 0}.size-drop{border:0;border-left:1px solid var(--bg);color:var(--fg-muted);cursor:pointer;border-radius:0 var(--radius-control) var(--radius-control) 0;background:0 0;place-items:center;padding:0;display:grid}.size-drop:hover{color:var(--fg);background:var(--hover)}.align-text{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.seg.icons button{color:var(--fg-muted);place-items:center;display:grid}.seg.icons button.on{color:var(--fg)}.type-head-actions{position:relative}.muted-note.pad{padding:var(--gap-xs) var(--gap) var(--gap)}.style-item{grid-template-columns:1fr var(--icon-btn);align-items:center;gap:var(--gap-xs);border-radius:var(--radius-control);display:grid}.style-item:hover{background:var(--hover)}.style-item.on{background:var(--sel-bg)}.style-apply{grid-template-columns:var(--icon-btn) 1fr auto;align-items:center;gap:var(--gap-s);min-width:0;height:var(--layer-row-h);padding:0 var(--gap-s);font:inherit;color:var(--fg);cursor:pointer;text-align:left;border-radius:var(--radius-compact);background:0 0;border:0;display:grid}.style-ag{font-size:var(--text-title);color:var(--fg);line-height:1}.style-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.style-meta{color:var(--fg-muted);font-size:var(--text-ui);font-variant-numeric:tabular-nums}.style-row{grid-template-columns:1fr var(--icon-btn);align-items:center;gap:var(--gap-xs);border-radius:var(--radius-control);background:var(--field);padding-right:var(--gap-2xs);display:grid}.style-row .style-apply:hover{background:var(--hover)}.style-editor{z-index:50;width:260px;padding:0 0 var(--gap);position:fixed}.style-editor-body{gap:var(--gap);padding:var(--gap-l) var(--gap-l) 0;flex-direction:column;display:flex}.style-preview{padding:var(--gap-l);border-radius:var(--radius-control);background:var(--field);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.style-editor-foot{padding-top:var(--gap-xs);justify-content:space-between;align-items:center;display:flex}.link-btn.danger{color:var(--warn)}.floating{z-index:60;max-height:min(680px, calc(100vh - var(--bar-h) - var(--gap-xl) - var(--gap)));background:var(--surface);border-radius:var(--radius-surface);box-shadow:var(--ring-out), var(--shadow-3);flex-direction:column;display:flex;position:fixed;overflow:hidden}.floating-head{height:var(--head-h);padding:0 var(--gap) 0 var(--gap-xl);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;display:flex}.floating-head strong{font-size:var(--text-ui);font-weight:600}.floating-actions{gap:var(--gap-xs);display:flex}.floating-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.floating-search{align-items:center;gap:var(--gap);height:var(--bar-h);padding:0 var(--gap-xl);border-bottom:1px solid var(--line);color:var(--fg-muted);flex:none;display:flex}.floating-search input{min-width:0;font:inherit;font-size:var(--text-ui);color:var(--fg);background:0 0;border:0;outline:none;flex:1}.floating-create{gap:var(--gap-xs);padding:var(--gap) var(--pad);border-bottom:1px solid var(--line);flex-direction:column;flex:none;display:flex}.floating-list{min-height:0;padding:var(--gap-xs) 0 var(--gap);flex:1;overflow-y:auto}.floating-group{padding:var(--gap-l) var(--gap-xl) var(--gap-xs);font-size:var(--text-ui);color:var(--fg);font-weight:600}.floating-list .style-item{margin:0 var(--gap-xs);padding-right:var(--gap-xs)}.floating-list .style-apply{height:var(--menu-row-h);padding:0 var(--pad);grid-template-columns:28px auto 1fr}.floating-list .style-apply.color{grid-template-columns:var(--icon) minmax(0, auto) 1fr;gap:var(--gap)}.floating-list .style-ag{font-size:var(--text-title-l)}.floating-list .style-meta{justify-self:start}.style-edit{opacity:0}.style-item:hover .style-edit,.style-edit:focus-visible{opacity:1}.style-editor-body{padding:var(--gap-l) var(--gap-xl) var(--gap-l);overflow-y:auto}.swatch.mixed{background:linear-gradient(135deg, var(--check-a) 50%, var(--off) 50%)}.swatch.sm{width:var(--icon);height:var(--icon);border-radius:var(--radius-inner)}.color-style-edit{gap:var(--gap-s);padding:var(--gap-s) var(--gap-xl) var(--gap-l);background:var(--sel-soft);flex-direction:column;display:flex}.section-actions{gap:var(--gap-xs);display:flex;position:relative}.fill-rows{gap:var(--gap);flex-direction:column;display:flex}.fill-original{color:var(--fg-muted)}.reorder-row{position:relative}.reorder-list{display:contents}.reorder-grip{left:calc(-1 * var(--pad));width:var(--pad);height:var(--control-h);color:var(--fg-muted);cursor:grab;opacity:0;border-radius:var(--radius-compact);touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0}.reorder-grip svg{width:var(--icon-s);height:var(--icon-s)}.reorder-row:hover>.reorder-grip,.reorder-grip:focus-visible,.reorder-grip:active{opacity:1}.reorder-grip:hover{color:var(--fg)}.reorder-grip:active{cursor:grabbing}.reorder-row.drop-before:before,.reorder-row.drop-after:after{content:"";height:var(--indicator);background:var(--select);border-radius:var(--radius-inner);pointer-events:none;position:absolute;left:0;right:0}.reorder-row.drop-before:before{top:calc(-1 * (var(--gap) + var(--indicator)) / 2)}.reorder-row.drop-after:after{bottom:calc(-1 * (var(--gap) + var(--indicator)) / 2)}.fill-row{grid-template-columns:minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:var(--icon-btn-s);gap:var(--gap-xs);align-items:center;display:grid}.fill-field{grid-template-columns:var(--icon) 1fr 64px;align-items:center;gap:var(--gap-s);height:var(--control-h);padding-left:var(--swatch-inset);border-radius:var(--radius-control);background:var(--field);min-width:0;display:grid}.fill-field.opaque{grid-template-columns:var(--icon) 1fr}.fill-hex{min-width:0;font:inherit;color:var(--fg);text-transform:uppercase;background:0 0;border:0;outline:none}.fill-alpha{border-left:1px solid var(--bg);height:100%}.fill-alpha .num{background:0 0;border:0;height:100%}.fill-alpha .num-label{min-width:0;padding:0 0 0 var(--gap-xs)}.fill-style-name{min-width:0;height:100%;font:inherit;color:var(--fg);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;grid-column:2/4;padding:0;overflow:hidden}.fill-kind{padding-left:var(--gap-xs);color:var(--fg-muted);grid-column:1/4}.fill-field.image{grid-template-columns:var(--icon) 1fr}.fill-thumb{width:var(--icon);height:var(--icon);border:1px solid var(--line);border-radius:var(--radius-compact);cursor:pointer;background:var(--field) center / cover no-repeat;padding:0}.gap-fields{gap:var(--gap-s);flex-direction:column;min-width:0;display:flex}.pad-grid{gap:var(--gap);grid-template-columns:1fr 1fr 28px;align-items:center;display:grid}.pad-toggle.on{background:var(--sel-bg);color:var(--select)}.chat-list li{position:relative}.chat-list .chat-more{top:calc(var(--gap-l) + (1lh - var(--icon-btn)) / 2);right:var(--pad);z-index:2;opacity:0;width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--radius-control);color:var(--fg-muted);place-items:center;padding:0;display:grid;position:absolute}.chat-list .chat-more:hover{background:var(--line);color:var(--fg)}.chat-list li:hover time,.chat-list li.menu-open time{visibility:hidden}.chat-list li:hover .chat-more,.chat-list li.menu-open .chat-more,.chat-more:focus-visible{opacity:1}.chat-list li.menu-open .chat-more{background:var(--hover)}.layout-mode{display:flex}.layout-mode .seg{flex:1}.layout-mode .seg button{color:var(--fg-muted);place-items:center;display:grid}.layout-mode .seg button.on{color:var(--fg)}.layout-mode{gap:var(--gap-s);align-items:center}.wrap-toggle.on{background:var(--sel-bg);color:var(--select)}.wrap-toggle:disabled{color:var(--fg-disabled);cursor:default;background:0 0}.constraints{grid-template-columns:1fr var(--align-box);gap:var(--gap);align-items:stretch;display:grid}.constraint-selects{gap:var(--gap-s);flex-direction:column;min-width:0;display:flex}.select-wrap.with-icon>svg:first-child{left:var(--swatch-inset);top:var(--swatch-inset);color:var(--fg-muted);position:absolute;right:auto}.select-wrap.with-icon select{padding-left:calc(2 * var(--swatch-inset) + var(--icon))}.constraint-box{height:var(--constraint-box-h);border-radius:var(--radius-control);background:var(--field);position:relative}.constraint-box button{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.constraint-box button:after{content:"";background:var(--fg-faint);border-radius:var(--radius-inner);position:absolute}.constraint-box button.on:after{background:var(--select)}.constraint-box button:hover:after{background:var(--fg-muted)}.constraint-box button.on:hover:after{background:var(--select)}.c-top,.c-bottom{left:calc((var(--align-box) - var(--constraint-zone)) / 2);width:var(--constraint-zone);height:var(--constraint-zone-d)}.c-top{top:0}.c-bottom{bottom:0}.c-top:after,.c-bottom:after{left:calc((var(--constraint-zone) - var(--constraint-line)) / 2);width:var(--constraint-line);top:var(--constraint-line-pad);height:var(--constraint-line-len)}.c-left,.c-right{top:calc((var(--constraint-box-h) - var(--constraint-zone)) / 2);height:var(--constraint-zone);width:var(--constraint-zone-d)}.c-left{left:0}.c-right{right:0}.c-left:after,.c-right:after{top:calc((var(--constraint-zone) - var(--constraint-line)) / 2);height:var(--constraint-line);left:var(--constraint-line-pad);width:var(--constraint-line-len)}.c-inner{left:var(--gap-xl);right:var(--gap-xl);border:1px solid var(--line);border-radius:var(--radius-compact);background:var(--raised);position:absolute;top:15px;bottom:15px}.c-cx{left:50%;top:var(--gap-xs);bottom:var(--gap-xs);width:var(--constraint-center);transform:translate(-50%)}.c-cx:after{left:calc((var(--constraint-center) - var(--constraint-line)) / 2);width:var(--constraint-line);top:var(--gap-2xs);bottom:var(--gap-2xs)}.c-cy{top:50%;left:var(--gap-s);right:var(--gap-s);height:var(--constraint-center);transform:translateY(-50%)}.c-cy:after{top:calc((var(--constraint-center) - var(--constraint-line)) / 2);height:var(--constraint-line);left:var(--gap-2xs);right:var(--gap-2xs)}.ctx-menu{z-index:100;min-width:220px;padding:var(--surface-pad);border-radius:var(--radius-surface);background:var(--menu);color:var(--on-accent);box-shadow:var(--shadow-menu);font-size:var(--text-ui);-webkit-user-select:none;user-select:none;max-height:calc(100vh - 2 * var(--gap));overscroll-behavior:contain;position:fixed;overflow-y:auto}.ctx-menu.fit{min-width:0}.ctx-menu:focus{outline:none}.ctx-row{position:relative}.ctx-trail{right:calc((var(--menu-row-h) - var(--icon-btn-s)) / 2);top:calc((var(--menu-row-h) - var(--icon-btn-s)) / 2);width:var(--icon-btn-s);height:var(--icon-btn-s);border-radius:var(--radius-compact);background:var(--menu);color:var(--on-dark-muted);opacity:0;cursor:default;border:0;place-items:center;padding:0;display:grid;position:absolute}.ctx-row:hover .ctx-trail,.ctx-trail:focus-visible{opacity:1}.ctx-row:hover .ctx-trail{background:var(--select);color:var(--on-accent)}.ctx-trail:hover{background:color-mix(in srgb, var(--ed-black) 22%, transparent)!important}.ctx-trail svg{width:var(--icon-s);height:var(--icon-s)}.ctx-item{width:100%;height:var(--menu-row-h);align-items:center;gap:var(--gap);padding:0 var(--menu-row-pad);border-radius:var(--radius-control);color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;display:flex}.ctx-item:hover:not(:disabled),.ctx-item.open{background:var(--select)}.ctx-item:disabled{color:var(--on-dark-faint)}.ctx-item.danger{color:var(--menu-danger)}.ctx-item.danger:hover{color:var(--on-accent);background:var(--warn-fill)}.ctx-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ctx-kbd{color:var(--on-dark-faint);font-variant-numeric:tabular-nums;letter-spacing:.02em}.ctx-item:hover .ctx-kbd{color:var(--on-accent)}.ctx-icon,.ctx-caret{place-items:center;display:grid}.ctx-icon{color:var(--on-dark-muted)}.ctx-caret{color:var(--on-dark-faint)}.ctx-icon{min-width:var(--icon-s)}.ctx-custom{padding:0 0 var(--gap-xs)}.ctx-field{width:100%;height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-control);border:1px solid var(--on-dark-hover);background:var(--on-dark-fill);color:var(--on-accent);font:inherit;font-variant-numeric:tabular-nums;outline:none}.ctx-field:focus{border-color:var(--select)}.ctx-field::placeholder{color:var(--on-dark-faint)}.ctx-icon svg,.ctx-caret svg{width:var(--icon-s);height:var(--icon-s)}.ctx-sep{height:1px;margin:var(--gap-xs);background:var(--on-dark-hover)}.panel-title.tabs .tabs-fill{flex:1}:root[data-mode=agents],:root[data-mode=agents] body{background:var(--chrome);height:100%}.agents-window-home{flex-direction:column;height:100%;display:flex}.agents-window{background:var(--chrome);min-height:0;font-family:var(--font);font-size:var(--text-ui);color:var(--fg);flex-direction:column;flex:1;display:flex}body>.agents-window{height:100vh}.agents-window .agents{flex:1;min-height:0}.agents-window-title{padding-left:var(--gap-s);align-items:center;gap:var(--gap-s);font-weight:600;display:flex}.agents-window .panel-btn.on{background:var(--sel-bg);color:var(--select)}.agents-window-notice{padding:var(--gap) var(--pad);border-top:1px solid var(--line);color:var(--fg-muted);flex:none}.agents-pinned-note{place-content:center;justify-items:center;gap:var(--gap);color:var(--fg-muted);flex:1;display:grid}.agents-pinned-note p{margin:0}.agents-pinned-note[hidden]{display:none}button.swatch{cursor:pointer;border:0;padding:0}button.swatch.on{box-shadow:var(--ring-select-2)}.color-picker .floating-body{gap:var(--gap-l);padding:var(--gap-l);flex-direction:column;display:flex;overflow-y:auto}.color-picker .floating-body>:not(.floating-list){flex-shrink:0}.cp-sv{border-radius:var(--radius-control);cursor:crosshair;touch-action:none;height:170px;position:relative}.cp-knob{width:var(--knob);height:var(--knob);margin:calc(var(--knob) / -2) 0 0 calc(var(--knob) / -2);pointer-events:none;border:2px solid var(--on-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ed-black) 25%, transparent), 0 1px 3px color-mix(in srgb, var(--ed-black) 30%, transparent);border-radius:50%;position:absolute}.cp-sliders{gap:var(--gap);grid-template-columns:24px 1fr;align-items:center;display:grid}.cp-tracks{gap:var(--gap);display:grid}.cp-track{height:var(--cp-track-h);border-radius:var(--radius-control);cursor:pointer;touch-action:none;position:relative}.cp-track .cp-knob{top:50%}.cp-hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.cp-alpha{background:linear-gradient(to right, transparent, var(--solid)), repeating-conic-gradient(var(--check-a) 0 25%, var(--check-b) 0 50%) 0 0 / 8px 8px}.cp-alpha .cp-knob{background:var(--on-accent)}.cp-fields{gap:var(--gap-s);height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-control);background:var(--field);grid-template-columns:auto 1fr 44px auto;align-items:center;display:grid}.cp-fields.cp-mode-rgb,.cp-fields.cp-mode-hsb{grid-template-columns:auto repeat(3,minmax(0,1fr)) 36px auto}.cp-fields.cp-pair{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto}.cp-mode{margin-left:calc(var(--gap-xs) * -1)}.color-picker .cp-mode select{height:var(--icon-btn-s);color:var(--fg-muted);font:inherit;padding:0 calc(var(--icon-s) + var(--gap-2xs)) 0 var(--gap-xs);cursor:pointer;background:0 0;border:0}.color-picker .cp-mode select:hover{color:var(--fg)}.cp-chan{text-align:center}.cp-label,.cp-unit{color:var(--fg-muted)}.cp-hex,.cp-pct{min-width:0;font:inherit;color:var(--fg);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none}.cp-pct{text-align:right}.cp-caption{color:var(--fg-muted);font-size:var(--text-ui);margin-top:var(--gap-2xs)}.cp-swatches{gap:var(--gap-s);grid-template-columns:repeat(8,1fr);display:grid}.cp-swatch{aspect-ratio:1;border-radius:var(--radius-compact);cursor:pointer;background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(var(--check-a) 0 25%, var(--check-b) 0 50%) 0 0 / 6px 6px;box-shadow:var(--ring-strong);border:0;padding:0}.cp-swatch:hover{box-shadow:var(--ring-select-2)}.cp-kinds{justify-content:space-between;align-items:center;gap:var(--gap-xs);padding-bottom:var(--gap);border-bottom:1px solid var(--line);display:flex}.cp-kind-list{gap:var(--gap-xs);display:flex}.cp-kinds .icon-btn.on{box-shadow:inset 0 0 0 1.5px var(--select);color:var(--fg)}.cp-grad-row{grid-template-columns:1fr var(--icon-btn-s);gap:var(--gap-s);align-items:center;display:grid}.cp-grad-bar{height:var(--icon-btn-s);border-radius:var(--radius-compact);cursor:copy;background:var(--g), repeating-conic-gradient(var(--check-a) 0 25%, var(--check-b) 0 50%) 0 0 / 8px 8px;box-shadow:var(--ring-strong);position:relative}.cp-stop{width:var(--knob);height:26px;margin-left:calc(var(--knob) / -2);border-radius:var(--radius-compact);cursor:ew-resize;background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(var(--check-a) 0 25%, var(--check-b) 0 50%) 0 0 / 6px 6px;border:2px solid var(--on-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ed-black) 30%, transparent);position:absolute;top:-3px}.cp-stop.on{box-shadow:var(--ring-select-2)}.cp-angle{grid-template-columns:auto 1fr auto auto}.cp-radial{aspect-ratio:2;border-radius:var(--radius-control);touch-action:none;background:var(--g), repeating-conic-gradient(var(--check-a) 0 25%, var(--check-b) 0 50%) 0 0 / 8px 8px;box-shadow:var(--ring-strong);position:relative}.cp-radial-clip{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cp-radial-turned{position:absolute}.cp-radial-ellipse{border:var(--stroke-w) dashed var(--on-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ed-black) 30%, transparent);pointer-events:none;border-radius:50%;position:absolute}.cp-radial-handle{pointer-events:auto;cursor:grab;touch-action:none}.cp-radial-handle.center{cursor:move}.cp-radial-handle:focus{outline:none}.cp-radial-handle:focus-visible{box-shadow:var(--ring-select-2)}.cp-shaders{gap:var(--gap-xs);flex-direction:column;display:flex}.cp-shader{gap:var(--gap);padding:var(--gap-s);border-radius:var(--radius-control);font:inherit;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:40px 1fr;align-items:center;display:grid}.cp-shader:hover{background:var(--hover)}.cp-shader.on{background:var(--sel-bg)}.cp-shader:focus{outline:none}.cp-shader:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-gap-in)}.cp-shader-thumb{width:var(--shader-thumb-w);height:var(--control-h);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--field);position:relative;overflow:hidden}.cp-shader-hint{padding:var(--gap-s) var(--gap-s) var(--gap-2xs);font-size:var(--text-ui);line-height:1.5}.fill-thumb.shader{position:relative;overflow:hidden}.shader-controls{gap:var(--gap-xs);margin:var(--gap-s) 0 var(--gap-2xs);flex-direction:column;display:flex}.shader-param{gap:var(--gap);grid-template-columns:72px minmax(0,1fr);align-items:center;display:grid}.shader-param-label{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shader-param.with-slider{grid-template-columns:72px minmax(0,1fr) 56px}.shader-slider{width:100%;min-width:0;height:var(--icon);appearance:none;cursor:pointer;background:0 0;margin:0}.shader-slider::-webkit-slider-runnable-track{height:var(--slider-track-h);border-radius:var(--radius-inner);background:linear-gradient(to right, var(--select) var(--pct,0%), var(--line) var(--pct,0%))}.shader-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--knob);height:var(--knob);margin-top:calc((var(--slider-track-h) - var(--knob)) / 2);background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-1);border-radius:50%}.shader-slider:focus-visible{outline:none}.shader-slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring-select-2)}.color-picker .shader-controls{margin:var(--gap) 0 0;gap:var(--gap-s)}.cp-shader-menu{gap:var(--gap);width:100%;margin-top:var(--gap);padding:var(--surface-pad);border-radius:var(--radius-surface);background:var(--field);color:var(--fg);font:inherit;text-align:left;cursor:pointer;border:0;grid-template-columns:40px 1fr 16px;align-items:center;font-weight:600;display:grid}.cp-shader-menu:hover,.cp-shader-menu.open{background:var(--hover)}.cp-shader-menu svg{color:var(--fg-muted)}.cp-shader-menu+.cp-shaders{margin-top:var(--gap-xs)}.shader-error{color:var(--warn);font-size:var(--text-ui);overflow-wrap:anywhere;margin:0;line-height:1.5}.fill-thumb.on{box-shadow:var(--ring-select-2)}.fill-kind-btn{min-width:0;font:inherit;color:var(--fg);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.cp-drop{border-radius:var(--radius-control);border:1.5px dashed var(--line);background:var(--field) center no-repeat;cursor:pointer;height:140px;font:inherit;color:var(--fg-muted);place-items:center;padding:0;display:grid;position:relative}.cp-drop.has{border-style:solid}.cp-drop.has .cp-drop-label{opacity:0;background:color-mix(in srgb, var(--ed-black) 55%, transparent);color:var(--on-accent);padding:var(--gap-xs) var(--gap);border-radius:var(--radius-control);transition:opacity var(--dur-fast) var(--ease)}.cp-drop.has:hover .cp-drop-label,.cp-drop.over .cp-drop-label{opacity:1}.cp-drop.over{border-color:var(--select);background-color:color-mix(in srgb, var(--select) 6%, transparent)}.cp-url{gap:var(--gap-s);grid-template-columns:1fr 28px;align-items:center;display:grid}.cp-url input{height:var(--control-h);border-radius:var(--radius-control);background:var(--field);min-width:0;padding:0 var(--gap);font:inherit;color:var(--fg);border:0;outline:none}.cp-error{color:var(--warn);font-size:var(--text-ui);margin:0}.canvas.dark .frame-label{color:var(--on-dark-faint)}.canvas.dark .frame-label.on{color:var(--canvas-dark-select)}.set-backdrop{z-index:60;background:color-mix(in srgb, var(--ed-black) 24%, transparent);padding:var(--gap-xl);place-items:center;display:grid;position:fixed;inset:0}.set-win{border-radius:var(--radius-surface);background:var(--chrome);width:min(760px,100%);height:min(560px,100%);box-shadow:var(--ring-out), var(--shadow-3);font-size:var(--text-ui);grid-template-columns:184px 1fr;display:grid;overflow:hidden}.set-nav{background:var(--field);border-right:1px solid var(--line);padding:0 var(--gap) var(--gap);gap:var(--gap-xs);flex-direction:column;display:flex}.set-nav-head{height:var(--head-h);padding:0 var(--gap);flex:none;align-items:center;font-weight:600;display:flex}.set-tab{height:var(--control-h);align-items:center;gap:var(--gap);padding:0 var(--gap);border-radius:var(--radius-control);color:var(--fg-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.set-tab:hover{color:var(--fg);background:var(--hover)}.set-tab.on{color:var(--fg);background:var(--sel-bg);font-weight:500}.set-main{flex-direction:column;min-width:0;min-height:0;display:flex}.set-head{height:var(--head-h);padding:0 var(--gap-l) 0 var(--gap-2xl);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;display:flex}.set-head h2{font-size:var(--text-title);margin:0;font-weight:600}.set-body{padding:var(--gap-xs) var(--gap-2xl) var(--gap-2xl);flex:1;overflow:auto}.set-lead{margin:var(--gap-xl) 0 0;max-width:480px}.set-lead b{color:var(--fg);font-weight:600}.set-group{margin-top:var(--gap-2xl)}.set-group h3{padding-bottom:var(--gap-s);font-size:var(--text-ui);color:var(--fg);margin:0;font-weight:600}.set-note{margin:var(--gap) 0 0}.set-row{min-height:var(--two-line-h);justify-content:space-between;align-items:center;gap:var(--gap-xl);padding:var(--gap) 0;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex}.set-choice{cursor:pointer;justify-content:flex-start}.set-choice>.set-label{flex:1}.set-choice input{margin:0 var(--gap-xs) 0 0;accent-color:var(--select)}.set-choice.off{cursor:default}.set-choice.off .set-label>span{color:var(--fg-muted)}.set-label{gap:var(--gap-xs);flex-direction:column;min-width:0;display:flex}.set-label small{overflow-wrap:anywhere}.set-ctl{align-items:center;gap:var(--gap);flex:none;display:flex}.set-ctl .seg{width:196px}.set-num{width:88px}.set-num .num-label{width:var(--gap)}.set-val{color:var(--fg-muted)}.set-effort{min-width:0}.set-select{height:var(--control-h);border-radius:var(--radius-control);background:var(--field);min-width:120px;color:var(--fg);font:inherit;padding:0 var(--gap-s);border:0}.switch{width:var(--switch-w);height:var(--switch-h);background:var(--off);cursor:pointer;transition:background var(--dur-fast) var(--ease);border:0;border-radius:999px;padding:0;position:relative}.switch span{top:var(--gap-2xs);left:var(--gap-2xs);width:var(--switch-thumb);height:var(--switch-thumb);background:var(--on-accent);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease);border-radius:50%;position:absolute}.switch.on{background:var(--select)}.switch:disabled,.switch.on:disabled{background:var(--field);cursor:default}.switch:disabled span{box-shadow:none}.set-error{color:var(--warn)}.switch.on span{transform:translateX(calc(var(--switch-w) - var(--switch-h)))}.set-status{align-items:center;gap:var(--gap-s);height:var(--chip-h);padding:0 var(--gap-s);border-radius:var(--radius-compact);background:var(--field);color:var(--fg-muted);font-size:var(--text-ui);white-space:nowrap;display:inline-flex}.set-status i{width:var(--status-dot);height:var(--status-dot);background:var(--fg-faint);border-radius:50%}.set-status.ok{color:var(--ok)}.set-status.ok i{background:var(--ok)}.set-status.warn{color:var(--caution-ink)}.set-status.warn i{background:var(--caution)}.set-code{margin:var(--gap-l) 0 0;padding:var(--gap-l);border-radius:var(--radius-control);background:var(--field);color:var(--fg);font:var(--text-ui)/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text}.set-actions{gap:var(--gap);margin-top:var(--gap);display:flex}.page-bg{align-items:center;gap:var(--gap);display:flex}.page-bg-val{color:var(--fg-muted);font-variant-numeric:tabular-nums}.builds{pointer-events:none;position:absolute;top:0;left:0}.build-live{background:var(--on-accent);box-shadow:var(--ring-out), var(--shadow-2);position:absolute}.build-live iframe{pointer-events:none;background:var(--on-accent);border:0;display:block}.build-live.live iframe,.build-live.scrolling iframe{pointer-events:auto}.build-live.live{box-shadow:var(--ring-select-2)}.build-live.paired{box-shadow:var(--ring-select), var(--shadow-2)}.build-live.dragging{box-shadow:var(--ring-select), var(--shadow-3)}.beside-links{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.beside-link path{fill:none;stroke:var(--select)}.beside-link circle{fill:var(--select)}.beside-pair{fill:none;stroke:var(--select)}.build-bar{bottom:calc(100% + var(--gap-xs));transform-origin:0 100%;pointer-events:auto;align-items:center;gap:var(--gap-xs);height:var(--icon-btn-s);padding:0 var(--gap-2xs) 0 var(--gap);border-radius:var(--radius-control);background:var(--menu);color:var(--on-accent);font:400 var(--text-ui) var(--font);white-space:nowrap;cursor:grab;display:flex;position:absolute;left:0}.build-live.dragging .build-bar{cursor:grabbing}.build-host{align-items:center;gap:var(--gap-xs);min-width:0;max-width:260px;color:var(--on-accent);margin-right:var(--gap-xs);flex:1;display:flex}.build-host>svg{width:var(--icon-xs);height:var(--icon-xs);opacity:.7;flex:none}.build-host{white-space:nowrap;overflow:hidden}.build-host>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.bar-compact .build-bar .opt{display:none}.bar-compact .build-bar{padding-left:var(--gap-2xs)}.bar-tiny .build-bar{opacity:0;transition:opacity var(--dur-fast) var(--ease)}.bar-tiny .build-bar:hover,.bar-tiny .build-bar:focus-within{opacity:1}.bar-tiny .build-host{display:none}.build-bar button{height:calc(var(--icon-btn-s) - var(--gap-2xs));min-width:calc(var(--icon-btn-s) - var(--gap-2xs));padding:0 var(--gap-s);border-radius:var(--radius-compact);color:var(--on-accent);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.build-bar button:hover,.build-bar button.on{background:var(--on-dark-hover)}.build-bar button svg{width:var(--icon-xs);height:var(--icon-xs)}.build-focus{border:2px solid var(--warn-fill);border-radius:var(--radius-inner);box-shadow:0 0 0 9999px color-mix(in srgb, var(--ed-black) 8%, transparent);pointer-events:none;position:absolute}.build-status{align-items:center;gap:var(--gap-s);min-width:0;display:flex}.build-dot{width:var(--status-dot);height:var(--status-dot);background:var(--fg-faint);border-radius:50%;flex:none}.build-dot.ok{background:var(--ok)}.build-dot.down{background:var(--warn)}.build-state{flex:none;font-weight:400}.build-reload{width:var(--icon-btn-s);height:var(--icon-btn-s);border-radius:var(--radius-compact);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-right:-4px;display:grid}.build-reload:hover:not(:disabled){background:var(--hover);color:var(--fg)}.build-reload:disabled{color:var(--fg-disabled);cursor:default}.build-reload svg{width:var(--icon-s);height:var(--icon-s)}.build-pending{justify-content:space-between;align-items:center;gap:var(--gap);margin:var(--gap-2xs) 0 var(--gap-s);padding:var(--gap-s) var(--gap-s) var(--gap-s) var(--gap);border-radius:var(--radius-surface);background:color-mix(in srgb, var(--caution) 14%, transparent);font-size:var(--text-ui);color:var(--fg);display:flex}.build-pending button{height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-control);background:var(--chrome);color:var(--fg);font:500 var(--text-ui) var(--font);cursor:pointer;box-shadow:0 0 0 1px var(--line);border:0;flex:none}.build-pending button:disabled{color:var(--fg-muted);cursor:default}.build-addr{min-width:0;color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.build-branch{align-items:center;gap:var(--gap-s);min-height:var(--control-h);color:var(--fg-muted);font-size:var(--text-ui);display:flex}.build-branch svg{width:var(--icon-s);height:var(--icon-s);flex:none}.build-branch span{text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);overflow:hidden}.build-branch.label span{font-family:inherit}.build-open{margin-bottom:var(--gap-xs)}.build-open.on,.build-open.on:hover:not(:disabled){background:var(--field);color:var(--fg)}.build-actions{gap:var(--gap-s);display:flex}.build-actions .btn{flex:1}.build-actions .btn.ghost{flex:none}.build-hint{margin:0}.build-error{color:var(--warn);margin:0;line-height:1.45}.build-report{gap:var(--gap-xs);flex-direction:column;display:flex}.build-sum{padding:var(--gap-s) var(--gap);border-radius:var(--radius-control);background:var(--field);font-weight:400}.build-sum.ok{color:var(--ok)}.build-row{align-items:baseline;gap:var(--gap-s);min-height:var(--control-h);padding:var(--gap-xs) var(--gap);border-radius:var(--radius-compact);color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;display:flex}button.build-row:hover,.build-row.on{background:var(--hover)}.build-row.dim{color:var(--fg-muted);cursor:default}button.build-row{justify-content:center;align-items:stretch;gap:var(--two-line-gap);min-height:var(--two-line-h);flex-direction:column}.build-text,.build-delta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.build-delta{color:var(--fg-muted);font-variant-numeric:tabular-nums}.sel-bar{z-index:12;height:calc(var(--control-h) + 2 * var(--surface-pad));padding:0 calc(var(--surface-pad) - var(--gap-xs));pointer-events:auto;border-radius:var(--radius-surface);background:var(--chrome);font-size:var(--text-ui);box-shadow:var(--ring-out), var(--shadow-2);align-items:center;display:flex;position:absolute}.sel-mod{align-items:center;gap:var(--gap-xs);padding:0 var(--gap-xs);display:flex}.sel-mod+.sel-mod{border-left:1px solid var(--line)}.sel-font{width:140px}.sel-bar select{height:var(--control-h);border-radius:var(--radius-control);font:400 var(--text-ui) var(--font);color:var(--fg);padding:0 var(--gap-xs);background:0 0;border:0}.sel-bar select:hover{background:var(--hover)}.sel-bar .select-wrap select{padding-right:var(--gap-2xl)}.sel-num{width:var(--sel-num-w)}.sel-mod>button{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-control);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sel-mod>button:hover{background:var(--hover);color:var(--fg)}.sel-bar button.on{background:var(--sel-bg);color:var(--select)}.sel-mod>button.on-soft{color:var(--fg)}.sel-swatch span{width:var(--icon);height:var(--icon);border-radius:var(--radius-compact);box-shadow:var(--ring-strong)}.sel-swatch span.none{box-shadow:var(--ring);background:repeating-linear-gradient(-45deg, transparent 0 3px, var(--line) 3px 4px)}.sel-label{width:var(--icon-btn-s);color:var(--fg-faint);place-items:center;display:grid}.sel-bar .font-menu{width:240px;right:auto}.sel-pop{gap:var(--gap);padding:var(--gap-xs) var(--gap-l) var(--gap-l);flex-direction:column;display:flex}.sel-pop .align-bar{border-bottom:0;padding:0}.sel-style{max-width:120px}.msg.user,.msg.assistant,.msg.steps{-webkit-user-select:text;user-select:text;cursor:text}.msg.md{white-space:normal}.msg.md>:first-child{margin-top:0}.msg.md>:last-child{margin-bottom:0}.msg.md p,.msg.md ul,.msg.md ol,.msg.md pre,.msg.md blockquote,.msg.md table{margin:0 0 var(--gap)}.msg.md h1,.msg.md h2,.msg.md h3,.msg.md h4{margin:var(--gap-l) 0 var(--gap-xs);font-size:var(--text-ui);font-weight:600}.msg.md h1,.msg.md h2{font-size:var(--text-title)}.msg.md ul,.msg.md ol{padding-left:var(--gap-xl)}.msg.md li{margin:var(--gap-2xs) 0}.msg.md li>p{margin:0}.msg.md strong{font-weight:600}.msg.md a{color:var(--select-ink);text-underline-offset:2px;text-decoration:underline}.msg.md code{font:var(--text-ui)/1.4 var(--mono);background:var(--field);border-radius:var(--radius-compact);padding:1px var(--gap-xs)}.msg.md pre{background:var(--field);border-radius:var(--radius-control);padding:var(--gap) var(--gap-l);white-space:pre;overflow-x:auto}.msg.md pre code{background:0 0;padding:0}.msg.md blockquote{padding:var(--gap-2xs) 0 var(--gap-2xs) var(--gap);border-left:2px solid var(--line);color:var(--fg-muted);border-radius:0}.msg.md table{border-collapse:collapse;display:block;overflow-x:auto}.msg.md th,.msg.md td{border:1px solid var(--line);padding:var(--gap-xs) var(--gap-s);text-align:left}.msg.md th{background:var(--field);font-weight:600}.msg.md hr{border:0;border-top:1px solid var(--line);margin:var(--gap-l) 0}.sys-wrap{overflow-y:auto}.sys .props-head .seg,.lib-head .seg{flex:none;grid-auto-columns:1fr;grid-auto-flow:column;width:auto;display:grid}.sys .props-head .seg button,.lib-head .seg button{padding:0 var(--gap)}.sys-empty{padding:var(--pad);gap:var(--gap);font-size:var(--text-ui);flex-direction:column;display:flex}.sys-empty strong{font-size:var(--text-ui);font-weight:600}.sys-empty p{margin:0}.sys-base{gap:var(--gap-s);flex-direction:column;display:flex}.sys-base-row{align-items:center;gap:var(--gap);color:var(--fg-muted);grid-template-columns:72px 1fr;display:grid}.sys-colors,.sys-type{flex-direction:column;display:flex}.sys-color,.sys-trow{align-items:center;gap:var(--gap);height:var(--menu-row-h);grid-template-columns:24px minmax(0,1fr) auto;display:grid}.sys-color{grid-template-columns:var(--icon) minmax(0, 1fr) auto}.sys-sw{width:var(--icon);height:var(--icon);border-radius:var(--radius-compact);box-shadow:var(--ring-strong)}.sys-ag{font-size:var(--text-title);text-align:center;color:var(--fg)}.sys-name{color:var(--fg);align-items:center;gap:var(--gap-xs);min-width:0;display:flex}.sys-val{color:var(--fg-muted);font-variant-numeric:tabular-nums}.sys-reset{color:var(--select-ink);cursor:pointer;padding:0 var(--gap-2xs);font-size:var(--text-ui);background:0 0;border:0}.sys-sheet{width:min(1120px, calc(100vw - 2 * var(--viewport-margin)));height:calc(100vh - 64px);padding:var(--gap-xl) 0 0;flex-direction:column;display:flex}.sys-sheet>header{padding:0 var(--gap-xl) 0 var(--gap-2xl)}.sys-sheet-body{border-top:1px solid var(--line);flex:1;grid-template-columns:minmax(300px,380px) 1fr;min-height:0;display:grid}.sys-edit{border-right:1px solid var(--line);font-size:var(--text-ui);overflow-y:auto}.sys-table{gap:var(--gap-xs);flex-direction:column;display:flex}.sys-th,.sys-tr{align-items:center;gap:var(--gap-s);grid-template-columns:1fr 1fr 1fr;display:grid}.sys-th.t,.sys-tr.t{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.1fr) minmax(0,1fr)}.sys-th{color:var(--fg-muted)}.sys-page{overflow-y:auto}.sys-page-head{z-index:1;padding:var(--gap-xl) var(--gap-2xl);justify-content:flex-end;display:flex;position:sticky;top:0}.sys-page-head .seg{width:140px}.sys-page-body{gap:calc(2 * var(--gap-2xl));max-width:var(--sys-page-max);padding:0 var(--gap-2xl) var(--gap-2xl);font-size:var(--text-ui);flex-direction:column;margin:0 auto;display:flex}.sys-page h4{margin:0 0 var(--gap-l);font-size:var(--text-ui);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sys-page em{font-variant-numeric:tabular-nums;font-style:normal}.sys-page b{font-weight:400}.sys-color-group,.sys-spec{grid-template-columns:var(--sys-meta-w) minmax(0, 1fr);gap:var(--gap-l);padding:var(--gap-l) 0;border-top:1px solid;display:grid}.sys-color-group h5{font-size:var(--text-ui);margin:0;font-weight:600}.sys-swatches{gap:var(--gap-l);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sys-swatch b{overflow-wrap:anywhere}@media (max-width:960px){.sys-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-color-group,.sys-space>div{grid-template-columns:1fr}}.sys-swatch{gap:var(--gap-2xs);flex-direction:column;min-width:0;display:flex}.sys-swatch span{height:var(--sys-swatch-h);margin-bottom:var(--gap-2xs);border-radius:var(--radius-control)}.sys-spec{align-items:baseline}.sys-spec-meta{gap:var(--gap-2xs);flex-direction:column;display:flex}.sys-spec-sample{white-space:nowrap;line-height:1.2}.sys-page-body section:has(>.sys-spec){overflow-x:auto}.sys-space{gap:var(--gap-s);flex-direction:column;display:flex}.sys-space>div{grid-template-columns:var(--sys-meta-w) minmax(0, 1fr);gap:var(--gap-l);align-items:center;display:grid}.sys-meta{gap:var(--gap-s);align-items:baseline;display:flex}.sys-space span{max-width:100%;height:var(--sample-bar-h);border-radius:var(--radius-inner)}.sys-radii{gap:var(--gap-xl);flex-wrap:wrap;display:flex}.sys-radii>div{align-items:center;gap:var(--gap-2xs);flex-direction:column;display:flex}.sys-radii span{width:64px;height:64px;margin-bottom:var(--gap-2xs)}.sys-sample{padding:var(--gap-xl);gap:var(--gap);flex-direction:column;max-width:360px;display:flex}.sys-sample-row{gap:var(--gap);margin-top:var(--gap-xs);display:flex}.sys-sample-row span{padding:var(--gap) var(--gap-xl)}.radius-field{align-items:center;gap:var(--gap-xs);min-width:0;display:flex;position:relative}.radius-field>:first-child{flex:1;min-width:0}.token-pill{height:var(--control-h);align-items:center;gap:var(--gap-s);padding:0 var(--gap);border-radius:var(--radius-control);background:var(--sel-bg);color:var(--fg);font:500 var(--text-ui) var(--font);cursor:pointer;border:0;min-width:0;display:flex}.token-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-pill em{color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal}.token-pill svg{color:var(--select);flex:none}.token-btn{width:var(--icon-btn-s);height:var(--icon-btn-s);border-radius:var(--radius-compact);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.token-btn:hover{background:var(--hover);color:var(--fg)}.token-btn svg{width:var(--icon-s);height:var(--icon-s)}.token-menu{z-index:30;top:calc(100% + var(--gap-xs));width:180px;padding:var(--surface-pad);border-radius:var(--radius-surface);background:var(--chrome);box-shadow:var(--ring-out), var(--shadow-2);flex-direction:column;display:flex;position:absolute;right:0}.token-menu button{height:var(--menu-row-h);align-items:center;gap:var(--gap);padding:0 var(--gap);border-radius:var(--radius-control);color:var(--fg);font:var(--text-ui) var(--font);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.token-menu button:hover,.token-menu button.on{background:var(--sel-bg)}.token-menu em{color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal}.token-sample{width:var(--icon-xs);height:var(--icon-xs);border-top:1.5px solid var(--fg-muted);border-left:1.5px solid var(--fg-muted)}.build-bar .build-size{font-variant-numeric:tabular-nums;color:var(--on-dark-muted)}.build-bar .build-size:hover,.build-bar .build-size.on{color:var(--on-accent)}.build-resize{pointer-events:auto;z-index:2;position:absolute}.build-resize.e{top:0;bottom:0;right:calc(var(--handle-r) * -1 * var(--k));width:calc(var(--handle) * var(--k));cursor:ew-resize}.build-resize.s{left:0;right:0;bottom:calc(var(--handle-r) * -1 * var(--k));height:calc(var(--handle) * var(--k));cursor:ns-resize}.build-resize.se{right:calc(var(--build-corner) / -2 * var(--k));bottom:calc(var(--build-corner) / -2 * var(--k));width:calc(var(--build-corner) * var(--k));height:calc(var(--build-corner) * var(--k));cursor:nwse-resize}.build-live.resizing{box-shadow:var(--ring-select), var(--shadow-2)}.build-size-tip{left:50%;top:calc(100% + var(--gap));transform-origin:top;pointer-events:none;height:var(--chip-h);padding:0 var(--gap-s);border-radius:var(--radius-compact);background:var(--select);color:var(--on-accent);font:600 var(--text-ui) var(--font);white-space:nowrap;font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute}button.sys-sw{cursor:pointer;border:0;padding:0}button.sys-sw:hover,button.sys-sw.on{box-shadow:var(--ring-strong), var(--ring-select-2)}.token-btn.on{background:var(--sel-bg);color:var(--select)}.radius-corners{gap:var(--gap);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.corner-icon{display:block}.canvas.tool-ellipse,.canvas.tool-line,.canvas.tool-polygon{cursor:crosshair}.world [data-nudge-hit]{stroke-width:calc(8px / var(--z,1));pointer-events:stroke}.tool-split{flex-direction:column;align-items:center;gap:0;display:flex}.toolbar .tool-split .tool-caret,.toolbar .tool-fold{width:var(--tool-btn);height:var(--tool-caret-h);border-radius:var(--radius-control);color:var(--fg-faint)}.toolbar .tool-fold svg{width:var(--icon-xs);height:var(--icon-xs)}.toolbar .tool-fold{margin-top:calc(-1 * var(--gap))}.toolbar .tool-split .tool-caret svg{width:var(--icon-2xs);height:var(--icon-2xs)}.toolbar .tool-split.on .tool-caret{color:var(--select)}.shape-handles{pointer-events:none;position:absolute;inset:0;overflow:visible}.sh-dot{fill:var(--on-accent);stroke:var(--select);stroke-width:var(--dot-stroke);pointer-events:auto;cursor:pointer}.sh-dot:hover{fill:var(--select)}.sh-end{fill:var(--on-accent);stroke:var(--select);stroke-width:var(--stroke-w);pointer-events:auto;cursor:move}.gh-line{fill:none;stroke:var(--select);stroke-width:var(--stroke-w);pointer-events:none;filter:drop-shadow(0 0 var(--stroke-w) var(--on-accent))}.gh-outline{stroke-dasharray:var(--gap) var(--gap-xs)}.gh-dot{pointer-events:auto;cursor:grab}.gh-dot-ring{fill:var(--on-accent);stroke:var(--select);stroke-width:var(--stroke-w)}.gh-dot:hover .gh-dot-ring{stroke-width:var(--stroke-w-bold)}.gh-turn{cursor:grab}.shape-handle-label{padding:var(--gap-2xs) var(--gap-s);border-radius:var(--radius-compact);background:var(--select);color:var(--on-accent);font-size:var(--text-ui);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;font-weight:400;position:absolute}.pen-layer{pointer-events:auto;cursor:crosshair;position:absolute;inset:0}.pen-layer.closing{cursor:pointer}.pen-layer.edit{cursor:default}.pen-layer svg{position:absolute;inset:0;overflow:visible}.pen-path{fill:none;stroke:var(--select);stroke-width:var(--stroke-w-bold)}.pen-layer.edit .pen-path{stroke:color-mix(in srgb, var(--ed-black) 32%, transparent);stroke-width:var(--stroke-w)}.pen-rubber{fill:none;stroke:var(--select);stroke-width:var(--stroke-w);stroke-dasharray:4 3}.pen-anchor{fill:var(--on-accent);stroke:var(--select);stroke-width:var(--dot-stroke)}.pen-anchor.on{fill:var(--select)}.pen-handle-line{stroke:var(--select);stroke-width:var(--stroke-w)}.pen-handle{fill:var(--on-accent);stroke:var(--select);stroke-width:var(--dot-stroke)}.fill-video-fit{flex:1}.video-controls{gap:var(--gap);margin-top:var(--gap);flex-direction:column;display:flex}.video-preview{align-items:center;gap:var(--gap-xs);display:flex}.video-preview .shader-slider{flex:1;width:auto}.video-preview .shader-slider:disabled{cursor:default}.video-time{color:var(--fg-muted);font-variant-numeric:tabular-nums;flex:none}.video-settings{gap:var(--gap-l);display:flex}.sel-video .video-preview .shader-slider{width:var(--sel-scrub-w);flex:none}.sel-pop .video-settings{gap:var(--gap-s);flex-direction:column}.bool-ops{gap:var(--gap-xs);display:flex}.ov-rotate{fill:#0000;pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6 16a8 8 0 0 1 10-10' fill='none' stroke='white' stroke-width='4'/%3E%3Cpath d='M6 16a8 8 0 0 1 10-10' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M14 3l4 3-4 3zM3 14l3 4 3-4z' fill='black' stroke='white' stroke-width='1'/%3E%3C/svg%3E") 12 12,crosshair}.export-rows{gap:var(--gap-s);flex-direction:column;display:flex}.export-row{grid-template-columns:56px minmax(0, 1fr) 64px var(--icon-btn-s);gap:var(--gap-xs);align-items:center;display:grid}.export-row input.text-in{height:var(--control-h);border-radius:var(--radius-control);background:var(--field);font:inherit;color:var(--fg);padding:0 var(--gap-s);box-sizing:border-box;border:1px solid #0000;width:100%;min-width:0}.export-row select{width:100%}.export-fixed{height:var(--control-h);padding:0 var(--gap);color:var(--fg-muted);align-items:center;display:grid}.export-btn{margin-top:var(--gap);width:100%}[data-demo] .bar{display:none}.crop-mode{z-index:4;pointer-events:auto;position:absolute;inset:0}.crop-turn{pointer-events:none;position:absolute;inset:0}.crop-turn>*{pointer-events:auto}.crop-turn>.crop-ghost,.crop-turn>.crop-image-outline{pointer-events:none}.crop-ghost{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.crop-image-outline{box-shadow:0 0 0 1px color-mix(in srgb, var(--select) 50%, transparent);pointer-events:none;position:absolute}.crop-box{box-shadow:var(--ring-select);cursor:move;position:absolute}.crop-edge,.crop-corner{width:var(--handle);height:var(--handle);margin:calc(var(--handle) / -2) 0 0 calc(var(--handle) / -2);background:var(--on-accent);box-shadow:var(--ring-select);position:absolute}.crop-corner{width:var(--crop-corner);height:var(--crop-corner);margin:calc(var(--crop-corner) / -2) 0 0 calc(var(--crop-corner) / -2);border-radius:50%}.crop-hint{height:var(--chip-h);padding:0 var(--gap-s);border-radius:var(--radius-compact);background:var(--select);color:var(--on-accent);font:400 var(--text-ui)/var(--chip-h) var(--font);white-space:nowrap;pointer-events:none;position:absolute;transform:translate(-50%)}.ctx-hint{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:180px;overflow:hidden}.ctx-path{text-align:left;direction:rtl;max-width:260px}a.ctx-item{text-decoration:none}.ctx-foot{padding:var(--gap-xs) var(--menu-row-pad) var(--gap-2xs);font-size:var(--text-ui);color:var(--on-dark-faint)}.sync-dot{width:var(--status-dot);height:var(--status-dot);margin-right:var(--gap-xs);vertical-align:1px;background:var(--fg-faint);border-radius:50%;flex:none;display:inline-block}.frame-label .sync-dot{margin-right:0}.sync-dot.sync,.sync-dot.live,.sync-row.sync .sync-dot,.sync-row.live .sync-dot{background:var(--ok)}.sync-dot.ahead,.sync-row.ahead .sync-dot{background:var(--caution)}.sync-dot.code,.sync-row.code .sync-dot{background:var(--accent)}.sync-actions{gap:var(--gap-s);flex-wrap:wrap;display:flex}.lbadge{color:var(--select);margin-left:var(--gap-xs);place-items:center;display:grid}.lbadge svg{width:var(--icon-xs);height:var(--icon-xs)}.code-panel{padding-bottom:var(--gap-xl)}.code-empty{margin:var(--pad)}.code-muted{color:var(--fg-muted);margin:0;line-height:1.5}.code-src{gap:var(--gap-s);min-width:0;display:grid}.code-file{align-items:baseline;gap:var(--gap-s);min-width:0;display:flex}.code-path{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.code-sym{color:var(--fg-muted);flex:none}.code-line{color:var(--fg-faint)}.code-meta{color:var(--fg-muted)}.code-meta code{font-family:var(--mono);font-size:var(--text-ui);color:var(--fg)}.code-link{font:inherit;color:var(--select-ink);cursor:pointer;background:0 0;border:0;padding:0}.code-problem{gap:var(--gap-s);color:var(--warn);line-height:var(--lh-note);align-items:flex-start;display:flex}.code-problem svg{width:var(--icon-s);height:var(--icon-s);margin-top:calc((1lh - var(--icon-s)) / 2);flex:none}.code-block{padding:var(--gap) var(--gap-l);border-radius:var(--radius-control);background:var(--field);max-height:320px;font:var(--text-ui)/1.55 var(--mono);color:var(--fg);white-space:pre;tab-size:2;margin:0;overflow:auto}.code-block.code-css{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none}.code-snippet div.hit{background:var(--sel-bg);padding:0 var(--gap-l);margin:0 -10px}.code-snippet .ln{width:var(--code-ln-w);color:var(--fg-faint);-webkit-user-select:none;user-select:none;display:inline-block}.code-sync{gap:var(--gap-s);display:grid}.sync-row{align-items:center;display:flex}.code-changes{padding-left:var(--gap-xl);color:var(--fg-muted);line-height:1.5;font-size:var(--text-ui);margin:0}.layers-filter{padding:var(--gap-s) var(--pad) var(--gap-2xs);flex:none;display:flex}.layers-filter .chip{align-items:center;gap:var(--gap-xs);height:var(--chip-h);padding:0 var(--gap);color:var(--fg-muted);display:inline-flex}.layers-filter .chip svg{width:var(--icon-xs);height:var(--icon-xs)}.layers-filter-n{color:var(--fg-faint);font-variant-numeric:tabular-nums}.layers-filter .chip.on .layers-filter-n{color:inherit}.code-tree{padding:var(--gap-xs) 0 var(--gap);border-bottom:1px solid var(--line);max-height:240px;overflow-y:auto}.code-tree-row{align-items:center;gap:var(--gap-xs);height:var(--layer-row-h);color:var(--fg-muted);cursor:default;white-space:nowrap;display:flex}.code-tree-row:hover{background:var(--hover)}.code-tree-row.on{background:var(--sel-bg);color:var(--fg)}.code-tree-kind{color:var(--fg)}.code-tree-label{text-overflow:ellipsis;min-width:0;color:var(--fg-muted);overflow:hidden}.code-el h3{gap:var(--gap-s);font-family:var(--mono);font-size:var(--text-ui);align-items:baseline;font-weight:600;display:flex}.code-tag{color:var(--fg-muted)}.code-cls{color:var(--fg)}.code-decls{padding:var(--gap-2xs) 0;background:0 0}.code-from{margin-top:var(--gap-s);color:var(--fg-muted)}.code-from span{color:var(--fg)}.frame-play-btn{width:var(--icon-btn-xs);height:var(--icon-btn-xs);border-radius:var(--radius-compact);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.frame-play-btn svg{width:var(--icon-2xs);height:var(--icon-2xs)}.frame-play-btn:hover{background:var(--hover);color:var(--fg)}.frame-play-btn.on{background:var(--sel-bg);color:var(--select)}.libs{flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.libs>.psec{flex:none}.libs-sys-head{margin:var(--gap-xs) 0;color:var(--fg);font-size:var(--text-ui);font-weight:600}.sys-card{gap:var(--gap-s);width:100%;padding:0 0 var(--gap-xs);color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.sys-cover{border-radius:var(--radius-control);flex:none;display:block;position:relative;overflow:hidden}.sys-cover-art{transform-origin:0 0;display:block;position:absolute;top:0;left:0;overflow:hidden}.sys-cover:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--ring);pointer-events:none;position:absolute;inset:0}.sc-sheet{transform-origin:0 0;align-items:flex-start;gap:10px;font-size:13px;line-height:1.25;display:flex;position:absolute;top:-18px;left:-54px;transform:scale(.5)}.sc-col{flex-direction:column;gap:10px;width:216px;display:flex}.sc-col:nth-child(2n){margin-top:-64px}.sc-card{gap:var(--gap);flex-direction:column;padding:14px;display:flex}.sc-row{align-items:center;gap:var(--gap-s);display:flex}.sc-btn{align-items:center;gap:var(--gap-xs);white-space:nowrap;padding:7px 10px;font-weight:500;display:inline-flex}.sc-btn.wide{justify-content:center}.sc-input{padding:var(--gap) var(--gap-l);justify-content:space-between;align-items:center;display:flex}.sc-badge{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500}.sc-check{flex:none;place-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:grid}.sc-radio{border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:grid}.sc-radio i{border-radius:50%;width:6px;height:6px;display:block}.sc-switch{border-radius:999px;flex:none;width:30px;height:17px;position:relative}.sc-switch i{border-radius:50%;width:13px;height:13px;position:absolute;top:2px;right:2px}.sc-spread{justify-content:space-between}.sc-label{font-size:11px}.sc-item{padding:var(--gap-s) var(--gap);align-items:center;gap:9px;margin:0 -8px;display:flex}.sc-big{letter-spacing:-.02em;font-size:26px;font-weight:600}.sc-bars{align-items:flex-end;gap:var(--gap-s);height:56px;display:flex}.sc-bars i{flex:1;display:block}.sc-tabs{padding:3px;display:flex}.sc-tabs span{text-align:center;flex:1;padding:5px 0;font-weight:500}.sc-track{border-radius:999px;height:6px;position:relative}.sc-track i{border-radius:999px;position:absolute;inset:0 auto 0 0}.sc-avatars{display:flex}.sc-avatars i{border-radius:50%;width:26px;height:26px;margin-right:-6px}.sc-pages{gap:var(--gap-xs);display:flex}.sc-pages span{place-items:center;width:28px;height:28px;font-weight:500;display:grid}.sys-card-name{font-size:var(--text-ui);font-weight:400}.sys-card-text{align-items:baseline;gap:var(--gap-s);min-width:0;display:flex}.sys-card-text small{font-size:var(--text-ui);color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sys-card-meta{align-items:center;gap:var(--gap-s);min-width:0;display:flex}.lib-row{align-items:center;gap:var(--gap-l);width:100%;min-height:var(--two-line-h);padding:var(--gap) var(--gap-l);border-radius:var(--radius-control);background:var(--chrome);box-shadow:var(--ring);color:var(--fg);font:inherit;text-align:left;cursor:pointer;border:0;display:flex}.lib-row:hover{background:var(--hover)}.lib-row-text{gap:var(--two-line-gap);flex-direction:column;flex:1;min-width:0;display:flex}.lib-row strong{font-size:var(--text-ui);font-weight:400}.lib-row small{font-size:var(--text-ui);color:var(--fg-muted)}.lib-row svg{color:var(--fg-muted);flex:none}.lib-row .switch{margin-right:var(--gap-s);flex:none}.lib-head{align-items:center;gap:var(--gap-xs);height:calc(var(--text-title) * var(--lh-title));display:flex;position:relative}.lib-head>.page-back{margin-left:calc((var(--icon-s) - var(--icon-btn-s)) / 2)}.lib-top{gap:var(--gap-2xs);margin:0 calc(-1 * var(--pad)) calc(var(--pad) - var(--gap));padding:0 var(--pad) calc(var(--pad) - var(--text-ui) * (var(--lh-note) - var(--font-box)) / 2);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.lib-sub{align-self:stretch;align-items:center;gap:var(--gap-xs);height:calc(var(--text-ui) * var(--lh-note));display:flex}.lib-head:has(>.page-back)+.lib-sub{padding-left:calc((var(--icon-s) - var(--icon-btn-s)) / 2 + var(--icon-btn-s) + var(--gap-xs))}.lib-top:not(:has(>.lib-sub)){padding-bottom:var(--pad)}.lib-top:not(:has(>.lib-sub))>.lib-head{height:var(--glyph-title)}.lib-top:not(:has(>.lib-sub))>.lib-head strong{line-height:var(--glyph-title)}.sys>.lib-top,.agents>.lib-top,.sys>.change-sec{padding-top:var(--pad);margin:0}.sys>.tok-theme{padding:var(--pad);border-bottom:1px solid var(--line)}.libs-system .slide-view>.tok-theme{margin-bottom:calc(var(--pad) - var(--gap))}.lib-head>.icon-btn:last-child{margin-right:calc((var(--icon-s) - var(--icon-btn-s)) / 2)}.lib-head>.comp-actions:last-child{margin-right:calc(-1 * var(--gap))}.lib-sub-note{font-size:var(--text-ui);color:var(--fg-muted);font-variant-numeric:tabular-nums}.lib-head strong{font-size:var(--text-title);line-height:var(--lh-title);font-weight:600}.lib-cat{gap:var(--gap-s);width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.lib-cat-name{align-items:center;gap:var(--gap-s);display:flex}.lib-cat-text{gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex}.lib-cat-name strong,.lib-cat-text small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lib-cat-name strong{font-size:var(--text-ui);font-weight:400}.lib-cat-text small,.lib-cat-note{font-size:var(--text-ui);color:var(--fg-muted)}.lib-cat-name svg{color:var(--fg-muted)}.comp-tiles{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comp-tile{gap:var(--gap-xs);min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.comp-tile-name{font-size:var(--text-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comp-thumb{border-radius:var(--radius-control);background:var(--stage);height:72px;display:block;position:relative;overflow:hidden}.comp-thumb.big{height:120px}.comp-tile:hover .comp-thumb,.lib-cat:not(.row):hover .comp-thumb{box-shadow:inset 0 0 0 1px var(--stage-ring)}.sys-card:hover .sys-cover:after{box-shadow:inset 0 0 0 1px var(--fg-faint)}.sys-card.on .sys-cover:after,.sys-card.used .sys-cover:after{box-shadow:inset 0 0 0 2px var(--select)}.sys-card:focus-visible{outline:none}.sys-card:focus-visible .sys-cover:after{box-shadow:inset 0 0 0 2px var(--select), inset 0 0 0 4px var(--chrome)}.libs-pack small{font-size:var(--text-ui);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.libs-chips{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.libs-pack{align-items:center;gap:var(--gap-s);min-height:var(--two-line-h);border-radius:var(--radius-control);display:flex}.libs-pack.on{background:var(--raised);box-shadow:var(--ring)}.libs-pack-main{align-items:center;gap:var(--gap);min-width:0;height:var(--two-line-h);padding:0 var(--gap);color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-control);background:0 0;border:0;flex:1;display:flex}.libs-pack-main:disabled{cursor:default}.libs-pack-main:not(:disabled):hover{background:var(--hover)}:root[data-theme=dark] .libs-icon img{filter:invert()}.libs-pack-main>span{gap:var(--two-line-gap);flex-direction:column;min-width:0;display:flex}.libs-pack strong{font-size:var(--text-ui);font-weight:400}.libs-pack strong em{color:var(--fg-muted);font-style:normal;font-weight:400}.libs-state{font-size:var(--text-ui);color:var(--fg-muted);flex:none}.libs-state.use{color:var(--select-ink);font-weight:600}.libs-search{align-items:center;gap:var(--gap-s);height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-control);background:var(--field);color:var(--fg-faint);display:flex}.libs-search svg{width:var(--icon-s);height:var(--icon-s);flex:none}.libs-search input{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:1}.libs>.libs-browse{flex:1 0 320px;min-height:320px}.libs-grid{overscroll-behavior:contain;min-height:0;margin:0 calc(-1 * var(--gap-xs));flex:1;overflow-y:auto}.libs-row{display:flex;position:absolute;left:0;right:0}.libs-head{left:var(--gap-xs);padding-bottom:var(--gap-s);font-size:var(--text-ui);color:var(--fg);align-items:flex-end;font-weight:600;display:flex;position:absolute;right:0}.libs-icon{border-radius:var(--radius-control);cursor:grab;background:0 0;border:0;flex:none;place-items:center;display:grid}.libs-icon:hover{background:var(--hover)}.libs-icon[aria-expanded=true]{background:var(--hover);box-shadow:inset 0 0 0 1px var(--select)}.libs-icon img{width:var(--icon-l);height:var(--icon-l);pointer-events:none}.libs-grid .muted-note{padding:var(--gap-xs)}.libs-count{font-size:var(--text-ui);color:var(--fg-faint);font-variant-numeric:tabular-nums;flex:none}.libs-seg{display:flex}.libs-seg button{flex:1}.libs-seg button span{color:var(--fg-faint);font-variant-numeric:tabular-nums;margin-left:var(--gap-2xs)}.libs-pack-main>svg{width:var(--tree-caret);height:var(--tree-caret);color:var(--fg-faint);flex:none;margin-left:auto}.libs-pack-main.open{background:var(--hover)}.chip.filter{padding:0 var(--gap-s);color:var(--fg-muted);background:0 0}.chip.filter:hover{background:var(--hover);color:var(--fg)}.chip.filter.on{border-color:var(--fg);color:var(--fg);font-weight:500}.libs-browse-packs{z-index:3;gap:var(--gap);padding:var(--pad) var(--pad) var(--gap-l);background:var(--chrome);flex-direction:column;display:flex;position:absolute;inset:0}.libs-sets{overscroll-behavior:contain;gap:var(--gap-xs);min-height:0;margin:0 calc(-1 * var(--thumb-row-pad));flex-direction:column;flex:1;display:flex;overflow-y:auto}.libs-set{gap:var(--gap-s);padding:var(--thumb-row-pad);border-radius:var(--thumb-row-radius);flex-direction:column;display:flex}.libs-set:hover{background:var(--hover)}.libs-set-head{justify-content:space-between;align-items:center;gap:var(--gap);min-height:var(--icon-btn-s);display:flex}.libs-set-head strong{font-size:var(--text-ui);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.libs-set-samples{gap:var(--gap);height:var(--icon-l);display:flex}.libs-set-samples img{width:var(--icon-l);height:var(--icon-l)}:root[data-theme=dark] .libs-set-samples img:not(.palette){filter:invert()}.text-tabs{gap:var(--gap-l);border-bottom:1px solid var(--line);flex:none;display:flex}.text-tabs [role=tab]{height:var(--title-h);font:400 var(--text-ui) var(--font);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.text-tabs [role=tab]:hover,.text-tabs [role=tab].on{color:var(--fg)}.text-tabs [role=tab].on{font-weight:500}.floating-head .text-tabs{border-bottom:0;align-self:stretch}.floating-head .text-tabs [role=tab]{height:100%}.text-tabs [role=tab].on:after{content:"";height:var(--indicator);border-radius:var(--radius-inner);background:var(--fg);position:absolute;bottom:-1px;left:0;right:0}.libs-tabs{padding:0 var(--pad)}.libs-set-bar{padding-bottom:var(--gap);border-bottom:0}.libs-set-bar+.libs-browse{padding-top:0}.libs>.libs-system{border-bottom:0}.libs-sets-head{margin:var(--gap) var(--thumb-row-pad) var(--gap-xs);font-size:var(--text-ui);color:var(--fg);font-weight:600}.libs-sets-head:first-child{margin-top:0}.libs-tone button{font-size:var(--text-ui)}.slide{--slide-dur:.24s;--slide-ease:var(--ease);gap:inherit;flex-direction:column;display:flex;position:relative;overflow-x:clip}.slide-view{gap:inherit;flex-direction:column;display:flex}.slide-view.out{pointer-events:none;position:absolute;left:0;right:0}.slide.fwd .slide-view.in,.slide.back .slide-view.out{background:var(--chrome)}.slide.back .slide-view.out{z-index:1}.slide.fwd .slide-view.in{animation:slide-from-right var(--slide-dur) var(--slide-ease) both}.slide.fwd .slide-view.out{animation:slide-to-left var(--slide-dur) var(--slide-ease) both}.slide.back .slide-view.in{animation:slide-from-left var(--slide-dur) var(--slide-ease) both}.slide.back .slide-view.out{animation:slide-to-right var(--slide-dur) var(--slide-ease) both}@keyframes slide-from-right{0%{transform:translate(100%)}}@keyframes slide-to-left{to{opacity:0;transform:translate(-30%)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-30%)}}@keyframes slide-to-right{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.slide .slide-view.in{animation:slide-fade var(--slide-dur) linear both}.slide .slide-view.out{opacity:0;animation:none}}@keyframes slide-fade{0%{opacity:0}}.sys-card.preview{cursor:default}.sys-corner{width:var(--icon);height:var(--icon);border-top:1.5px solid var(--fg);border-left:1.5px solid var(--fg)}.libs-system .slide-view>.psec{padding-left:0;padding-right:0}.row2.stroke-style{grid-template-columns:1fr 1fr var(--icon-btn-s)}.row2.stroke-style.dashed{grid-template-columns:1fr 1fr 1fr}.badge{height:var(--chip-h);padding:0 var(--gap-s);border-radius:var(--radius-compact);background:var(--sel-soft);color:var(--select-ink);font:400 var(--text-ui) var(--font);white-space:nowrap;vertical-align:middle;border:0;flex:none;align-items:center;display:inline-flex}.badge.badge{color:var(--select-ink);font-size:var(--text-ui)}button.badge{cursor:pointer;font-weight:500}button.badge:hover,button.badge[aria-expanded=true]{background:var(--sel-bg)}.sheet h2 .badge{margin-left:var(--gap-s)}.lib-head .badge{margin-left:var(--gap-2xs)}.sys-source{margin:0}.sys>.sys-source{padding:var(--gap-l) var(--gap-l) 0}.sys-colors.tokens{max-height:360px;overflow-y:auto}.sys-color.changed .sys-name,.sys-trow.changed .sys-name,.sys-tr.changed .sys-name,.tok-space-row.changed .sys-name,.psec .row2.labels span.changed,.sys-base-row>span.changed{color:var(--select-ink)}.change-sec{z-index:2;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) calc(var(--pad) - var(--gap));padding:var(--pad) var(--pad) var(--pad);border-bottom:1px solid var(--line);background:var(--chrome);position:sticky;top:0}.change-bar{align-items:center;gap:var(--gap-xs);display:flex}.change-count{align-items:center;gap:var(--gap-xs);height:var(--icon-btn-s);margin:0 auto 0 calc(-1 * var(--gap));padding:0 var(--gap);border-radius:var(--radius-compact);font:500 var(--text-ui) var(--font);color:var(--select-ink);cursor:pointer;background:0 0;border:0;display:inline-flex}.change-count:hover,.change-count[aria-expanded=true]{background:var(--sel-soft)}.change-caret{color:inherit;transition:transform var(--dur-fast) var(--ease);place-items:center;display:grid}.change-caret svg{width:var(--tree-caret);height:var(--tree-caret)}.change-caret.open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.change-caret{transition:none}}.change-list{margin-top:var(--gap-l)}.change-list h4{margin:0 0 var(--gap-xs);font-size:var(--text-ui);color:var(--fg);font-weight:600}.change-row{grid-template-columns:minmax(0, 1fr) auto var(--icon);align-items:center;gap:var(--gap);height:var(--layer-row-h);font-size:var(--text-ui);display:grid}.change-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);overflow:hidden}.change-val{align-items:center;gap:var(--gap-xs);color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex}.change-val b{color:var(--fg);font-weight:400}.change-sw{width:var(--icon-2xs);height:var(--icon-2xs);border-radius:var(--radius-inner);box-shadow:var(--ring)}.sys-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sys-own{gap:var(--gap);padding:var(--pad);flex-direction:column;display:flex}.sys-own-name{align-items:center;gap:var(--gap);grid-template-columns:auto 1fr;display:grid}.sys-own-name input{height:var(--control-h);padding:0 var(--gap);border-radius:var(--radius-control);background:var(--field);color:var(--fg);font:inherit;border:0}.sys-own-actions{justify-content:flex-end;gap:var(--gap-s);display:flex}.sys>.props-head{gap:var(--gap-s)}.sys>.props-head strong{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.sys-edit>.sys-source{padding:var(--gap-l) var(--gap-l) 0}.sys-edit>.sys-filter,.sys>.sys-filter{padding:var(--pad) var(--pad) 0}.lib-head-row{justify-content:space-between;align-items:center;display:flex}.lib-head .tabs-fill{flex:1}.lib-view{gap:var(--gap-xs);margin-right:calc((var(--icon-s) - var(--icon-btn-s)) / 2);display:flex}.lib-view .icon-btn.on{background:var(--hover);color:var(--fg)}.lib-head-row>.btn.ghost{margin-right:calc(-1 * var(--gap))}.lib-title{align-items:center;gap:var(--gap-xs);min-width:0;height:var(--icon-btn);padding:0 var(--gap-xs) 0 var(--gap-s);border-radius:var(--radius-control);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;display:flex}.lib-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-title);font-weight:600;overflow:hidden}.lib-title svg{color:var(--fg-muted);flex:none}.lib-title:hover,.lib-title.open{background:var(--hover)}.lib-search-row{align-items:center;gap:var(--gap-s);display:flex}.lib-search-row .libs-search{flex:1;min-width:0}.lib-crumb{min-width:0;color:var(--fg-muted);font:400 var(--text-title) var(--font);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:0 auto;padding:0;overflow:hidden}.lib-crumb:hover{color:var(--fg)}.lib-crumb-sep{color:var(--fg-faint);font-size:var(--text-title);flex:none}.lib-head>strong{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.lib-head>.lib-title{margin-left:calc(-1 * var(--gap-xs));padding-left:var(--gap-xs)}.lib-head>.switch{flex:none}.lib-head>.switch[aria-disabled],.sys-item>.switch[aria-disabled]{cursor:default}.sys-item{position:relative}.sys-item>.switch{right:0;bottom:var(--gap-xs);position:absolute}.sys-item.row>.sys-side{align-items:flex-end;gap:var(--two-line-gap);flex-direction:column;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sys-side-line{height:var(--chip-h)}.sys-card.row .sys-card-name{line-height:var(--switch-h)}.sys-card.row .sys-card-text>small{line-height:var(--chip-h);min-height:var(--chip-h)}.sys-item .sys-card-text{padding-right:calc(var(--switch-w) + var(--gap))}.lib-confirm{gap:var(--gap);padding:var(--gap);border-radius:var(--radius-control);box-shadow:var(--ring);flex-direction:column;display:flex}.lib-confirm p{font-size:var(--text-ui);margin:0;line-height:1.5}.sys-card.row{align-items:center;gap:var(--gap);width:calc(100% + 2 * var(--thumb-row-pad));margin-inline:calc(-1 * var(--thumb-row-pad));padding:var(--thumb-row-pad);border-radius:var(--thumb-row-radius);flex-direction:row}.sys-card.row:hover{background:var(--hover)}.sys-card.row .sys-cover{width:auto;height:var(--thumb-row-h);border-radius:calc(var(--thumb-row-radius) - var(--thumb-row-pad))}.sys-card.row .sys-card-text{align-items:flex-start;gap:var(--two-line-gap);flex-direction:column}.lib-cat-grid,.lib-cat-rows{gap:var(--gap);flex-direction:column;display:flex}.lib-cat-rows{gap:var(--gap-xs)}.lib-cat.row{align-items:center;gap:var(--gap);padding:var(--thumb-row-pad);border-radius:var(--thumb-row-radius);flex-direction:row}.lib-cat.row:hover{background:var(--hover)}.lib-cat.row,.lib-comp-row{width:calc(100% + 2 * var(--thumb-row-pad));margin-inline:calc(-1 * var(--thumb-row-pad))}.lib-cat.row .lib-cat-name{flex:1}.comp-thumb.tile{height:72px}.comp-thumb.row{width:var(--thumb-row-w);height:var(--thumb-row-h);border-radius:calc(var(--thumb-row-radius) - var(--thumb-row-pad));flex:none}.comp-thumb.detail{height:var(--comp-detail-h);border-radius:0}.lib-comp-rows{gap:var(--gap-xs);flex-direction:column;display:flex}.lib-comp-row{align-items:center;gap:var(--gap);min-width:0;padding:var(--thumb-row-pad);border-radius:var(--thumb-row-radius);color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.lib-comp-row:hover{background:var(--hover)}.lib-comp-row.on{background:var(--sel-bg)}.comp-tile.on .comp-thumb{box-shadow:inset 0 0 0 2px var(--select)}.comp-detail{z-index:40;border-radius:var(--radius-surface);background:var(--chrome);width:280px;color:var(--fg);box-shadow:var(--ring-out), var(--shadow-2);flex-direction:column;display:flex;position:fixed;overflow:hidden}.comp-detail-head{align-items:center;gap:var(--gap-xs);padding:var(--gap-l) calc(var(--pad) - (var(--icon-btn) - var(--icon)) / 2) var(--gap-l) var(--pad);border-bottom:1px solid var(--line);display:flex}.comp-detail-head>span{gap:var(--gap-xs);flex-direction:column;flex:1;min-width:0;display:flex}.comp-detail-head strong{font-size:var(--text-ui);font-weight:600}.comp-detail-head small{font-size:var(--text-ui);color:var(--fg-muted)}.comp-detail-body{gap:var(--gap-s);padding:var(--pad);flex-direction:column;display:flex}.comp-detail-name{font-size:var(--text-title);font-weight:600}.comp-detail-body>small{font-size:var(--text-ui);color:var(--fg-muted)}.comp-detail-body .btn{height:var(--control-h);margin-top:var(--gap-s)}.comp-detail-props{gap:var(--gap-s);padding:var(--pad);border-top:1px solid var(--line);font-size:var(--text-ui);flex-direction:column;display:flex}.comp-detail-props strong{font-size:var(--text-ui);font-weight:600}.comp-detail-prop{align-items:center;gap:var(--gap);min-height:var(--control-h);color:var(--fg-muted);grid-template-columns:minmax(0,1fr) 140px;display:grid}.comp-detail-prop>.select-wrap,.comp-detail-prop>input.text-in{width:100%;min-width:0}.comp-detail-prop>input.text-in{height:var(--control-h);box-sizing:border-box;padding:0 var(--gap-s);border-radius:var(--radius-control);background:var(--field);color:var(--fg);font:inherit;border:1px solid #0000}.comp-detail-prop>.switch{justify-self:start}.comp-detail-held{text-overflow:ellipsis;white-space:nowrap;color:var(--fg);overflow:hidden}.comp-detail-drag{cursor:grab}.libs-system .slide-view>.sys{margin:0 calc(-1 * var(--pad)) calc(-1 * var(--pad));border-top:1px solid var(--line)}.libs-system .slide-view>.sys>.props-head{display:none}.sys>.props-head .tabs-fill{flex:1}.tok-theme .seg,.sys-tokens>.seg,.tok-parts>.seg,.tok-group>.seg{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.sys-name-btn{min-width:0;height:var(--icon-btn);padding:0 var(--gap-s);margin-left:calc(-1 * var(--gap-s));border-radius:var(--radius-compact);color:var(--fg);font:inherit;cursor:text;background:0 0;border:0;align-items:center;display:flex}.sys-name-btn:hover{box-shadow:var(--ring)}.sys-name-btn strong{color:var(--fg)}.sys-name-in{min-width:0;height:var(--icon-btn);padding:0 var(--gap-s);margin-left:calc(-1 * var(--gap-s));border-radius:var(--radius-compact);color:var(--fg);font:600 var(--text-title) var(--font);border:0;outline:none;flex:1}.sys-name-in.card{width:calc(100% + var(--gap-s));height:var(--chip-h);font:400 var(--text-ui) var(--font);flex:none}.libs-system .sys-own{padding:var(--gap);border-radius:var(--radius-control);box-shadow:var(--ring)}.tok-parts{gap:var(--gap);flex-direction:column;display:flex}.tok-filter{gap:var(--gap-xs);flex-wrap:wrap;display:flex}.tok-group{gap:var(--gap);flex-direction:column;display:flex}.tok-group+.tok-group{margin-top:var(--gap-l)}.tok-group>.libs-sys-head{margin:0}.sys-tokens{gap:var(--gap);padding:var(--pad) var(--pad) var(--gap-xl);flex-direction:column;display:flex}.sys-tokens .sys-own,.sys-edit .sys-own{padding:var(--gap);border-radius:var(--radius-control);box-shadow:var(--ring)}.sys-edit>.tok-parts{padding:var(--pad) var(--pad) var(--gap-xl)}.tok-space{flex-direction:column;display:flex}.tok-space-row{align-items:center;gap:var(--gap);height:var(--menu-row-h);grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;display:grid}.tok-space-track{min-width:0;display:flex;overflow:hidden}.tok-space-track i{max-width:100%;height:var(--gap);border-radius:var(--radius-inner);background:var(--select);opacity:.7;flex:none}.tok-space .sys-val{text-align:right;min-width:3ch}.tok-num{width:var(--sel-num-w)}.tok-num .num{height:var(--icon-btn-s)}.libs>.libs-system{padding-left:0;padding-right:0}.libs-system .slide-view{padding:0 var(--pad)}.libs-system .slide-view:has(>.sys-item){gap:0}.libs-system .slide-view:has(>.sys-item)>.libs-sys-head{margin:0}.libs-sys-head.lib-head-row{height:calc(var(--text-ui) * var(--lh-note))}.libs-system .slide-view:has(>.sys-item)>.libs-sys-head+*{margin-top:var(--gap)}.libs-system .slide-view:has(>.sys-item)>:is(.sys-item,.lib-row)+:is(.sys-item,.lib-row){margin-top:var(--gap-l)}.libs-system .slide-view:has(>.sys-item)>.sys-item.row+.sys-item.row{margin-top:var(--gap-xs)}.libs-system .slide-view:has(>.sys-item)>*+.libs-sys-head{margin-top:var(--gap-2xl)}.lib-row .lib-row-title{align-items:center;gap:var(--gap-xs);display:flex}.panel,.side-design>.panel.props,.layer-list,.sys-wrap,.libs,.libs-grid,.libs-sets,.sys-edit,.sys-page,.chat-list,.chat-log{scrollbar-gutter:stable}.canvas.dark .frame-label.comp,.canvas.dark .frame-label.comp.on,.canvas.dark .frame-label.set{color:var(--canvas-dark-component)}.update{margin-right:var(--gap-s);flex:none;position:relative}.update-pop{top:calc(100% + var(--gap-s));z-index:70;gap:var(--gap);width:300px;padding:var(--gap-l);border-radius:var(--radius-surface);background:var(--chrome);box-shadow:var(--ring-out), var(--shadow-2);font-size:var(--text-ui);flex-direction:column;display:flex;position:absolute;right:0}.update-pop p{margin:0;line-height:1.5}.update-pop a{color:var(--select-ink)}.update-cmd{align-items:center;gap:var(--gap-xs);padding:0 var(--gap-2xs) 0 var(--gap);border-radius:var(--radius-control);background:var(--field);display:flex}.update-cmd code{white-space:nowrap;min-width:0;font:var(--text-ui) var(--mono);flex:1;overflow-x:auto}.set-nav-foot{align-items:flex-start;gap:var(--gap-xs);padding:var(--gap) var(--gap) 0;font-size:var(--text-ui);flex-direction:column;margin-top:auto;display:flex}.set-version{color:var(--fg-muted)}

package/editor/assets/proto-q6SnqtFF.js

@@ -0,0 +1 @@
+import{$t as e,Ut as t,Zt as n,f as r,o as i}from"./src-C4_CxgrI.js";var a=e(),o=n(),s=r(),c=decodeURIComponent(location.pathname.split(`/`).filter(Boolean)[0]??``),l=new Set;window.nudge={frame:c,el:e=>document.querySelector(`[data-node-id="${CSS.escape(e)}"]`),onRender:e=>(l.add(e),()=>l.delete(e))};var u=!1;function d(){if(u)return;u=!0;let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=`motion.css`,document.head.appendChild(e);let t=document.createElement(`script`);t.src=`motion.js`,document.body.appendChild(t)}function f(){let[e,t]=(0,a.useState)(null),[n,r]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=new EventSource(`/__nudge/frame?id=${encodeURIComponent(c)}`);return e.onmessage=e=>{let n=JSON.parse(e.data);n.doc?(t(n.doc),r(!1)):r(!0)},()=>e.close()},[]);let o=e?.nodes[c],u=(0,a.useRef)(null),[f,p]=(0,a.useState)(null);(0,a.useLayoutEffect)(()=>{if(!e)return;d(),l.forEach(e=>e());let t=u.current?.querySelector(`[data-node-id="${CSS.escape(c)}"]`);if(!t)return;p(t.offsetHeight);let n=new ResizeObserver(()=>p(t.offsetHeight));return n.observe(t),()=>n.disconnect()},[e]);let m=(0,a.useMemo)(()=>e,[e]);return n?(0,s.jsx)(`p`,{style:{font:`14px system-ui`,padding:24},children:`This frame no longer exists.`}):!m||!o?null:(0,s.jsx)(`div`,{style:{position:`relative`,width:o.w,height:f??o.h,margin:`0 auto`},children:(0,s.jsx)(`div`,{ref:u,style:{position:`absolute`,inset:0},children:(0,s.jsx)(i,{doc:m})})})}document.documentElement.style.background=t,document.body.style.margin=`0`,(0,o.createRoot)(document.getElementById(`root`)).render((0,s.jsx)(f,{}));

package/editor/assets/rolldown-runtime-XKyaHtl9.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t,t.exports),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,o)=>(o=n==null?{}:e(i(n)),c(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));export{s as n,l as r,o as t};