@layer renoun.reset,renoun.tokens,renoun.base,renoun.components,renoun.overrides;@layer renoun.reset{:root{color-scheme:light dark;interpolate-size:allow-keywords}}@property --color-background{syntax:"*";inherits:true;initial-value:oklch(96% 0 0)}@property --color-surface{syntax:"*";inherits:true;initial-value:oklch(98% 0 0)}@property --color-surface-raised{syntax:"*";inherits:true;initial-value:oklch(100% 0 0)}@property --color-surface-sunken{syntax:"*";inherits:true;initial-value:oklch(94% 0 0)}@property --color-surface-hover{syntax:"*";inherits:true;initial-value:oklch(94% 0 0)}@property --color-surface-disabled{syntax:"*";inherits:true;initial-value:oklch(94% 0 0)}@property --color-surface-bright{syntax:"*";inherits:true;initial-value:oklch(100% 0 0)}@property --color-surface-inverse{syntax:"*";inherits:true;initial-value:oklch(20% 0 0)}@property --color-foreground-primary{syntax:"*";inherits:true;initial-value:oklch(22% 0 0)}@property --color-foreground-secondary{syntax:"*";inherits:true;initial-value:oklch(32% 0 0)}@property --color-foreground-tertiary{syntax:"*";inherits:true;initial-value:oklch(42% 0 0)}@property --color-foreground-quaternary{syntax:"*";inherits:true;initial-value:oklch(52% 0 0)}@property --color-foreground{syntax:"*";inherits:true;initial-value:oklch(22% 0 0)}@property --color-foreground-muted{syntax:"*";inherits:true;initial-value:oklch(32% 0 0)}@property --color-foreground-subtle{syntax:"*";inherits:true;initial-value:oklch(42% 0 0)}@property --color-foreground-inverse{syntax:"*";inherits:true;initial-value:oklch(96% 0 0)}@property --color-border{syntax:"*";inherits:true;initial-value:oklch(62% 0 0)}@property --color-border-subtle{syntax:"*";inherits:true;initial-value:oklch(88% 0 0)}@property --color-hairline{syntax:"*";inherits:true;initial-value:rgb(0 0 0 / 0.12)}@property --color-track{syntax:"*";inherits:true;initial-value:oklch(62% 0 0)}@property --color-accent{syntax:"*";inherits:true;initial-value:oklch(46% 0.1 265)}@property --color-accent-contrast{syntax:"*";inherits:true;initial-value:oklch(100% 0 0)}@property --color-focus{syntax:"*";inherits:true;initial-value:oklch(46% 0.1 265)}@property --color-info{syntax:"*";inherits:true;initial-value:oklch(46% 0.1 250)}@property --color-info-contrast{syntax:"*";inherits:true;initial-value:oklch(100% 0 0)}@property --color-success{syntax:"*";inherits:true;initial-value:oklch(46% 0.1 145)}@property --color-success-contrast{syntax:"*";inherits:true;initial-value:oklch(100% 0 0)}@property --color-warning{syntax:"*";inherits:true;initial-value:oklch(46% 0.1 65)}@property --color-warning-contrast{syntax:"*";inherits:true;initial-value:oklch(100% 0 0)}@property --color-danger{syntax:"*";inherits:true;initial-value:oklch(46% 0.1 25)}@property --color-danger-contrast{syntax:"*";inherits:true;initial-value:oklch(100% 0 0)}@property --color-visited{syntax:"*";inherits:true;initial-value:oklch(46% 0.1 310)}@property --color-contrast{syntax:"*";inherits:true;initial-value:black}@property --color-contrast-inverse{syntax:"*";inherits:true;initial-value:white}@property --color-shadow-soft{syntax:"*";inherits:true;initial-value:rgb(0 0 0 / 0.06)}@property --color-shadow{syntax:"*";inherits:true;initial-value:rgb(0 0 0 / 0.14)}@property --color-shadow-strong{syntax:"*";inherits:true;initial-value:rgb(0 0 0 / 0.28)}@property --color-scrim{syntax:"*";inherits:true;initial-value:rgb(0 0 0 / 0.35)}@property --color-backdrop{syntax:"*";inherits:true;initial-value:oklch(16% 0 0 / 0.55)}@property --color-highlight{syntax:"*";inherits:true;initial-value:rgb(255 255 255 / 0.85)}@layer renoun.reset{:root{--color-background:light-dark(oklch(96% 0 0),oklch(16% 0 0));--color-surface:light-dark(oklch(98% 0 0),oklch(20% 0 0));--color-surface-raised:light-dark(oklch(100% 0 0),oklch(24% 0 0));--color-surface-sunken:light-dark(oklch(94% 0 0),oklch(18% 0 0));--color-surface-hover:light-dark(oklch(94% 0 0),oklch(22% 0 0));--color-surface-disabled:light-dark(oklch(94% 0 0),oklch(18% 0 0));--color-surface-bright:light-dark(oklch(100% 0 0),oklch(96% 0 0));--color-surface-inverse:light-dark(oklch(20% 0 0),oklch(96% 0 0));--color-foreground-primary:light-dark(oklch(22% 0 0),oklch(96% 0 0));--color-foreground-secondary:light-dark(oklch(32% 0 0),oklch(86% 0 0));--color-foreground-tertiary:light-dark(oklch(42% 0 0),oklch(76% 0 0));--color-foreground-quaternary:light-dark(oklch(52% 0 0),oklch(66% 0 0));--color-foreground:var(--color-foreground-primary);--color-foreground-muted:var(--color-foreground-secondary);--color-foreground-subtle:var(--color-foreground-tertiary);--color-foreground-inverse:light-dark(oklch(96% 0 0),oklch(22% 0 0));--color-border:light-dark(oklch(62% 0 0),oklch(56% 0 0));--color-border-subtle:light-dark(oklch(88% 0 0),oklch(34% 0 0));--color-hairline:light-dark(rgb(0 0 0 / 0.12),rgb(255 255 255 / 0.12));--color-track:light-dark(oklch(62% 0 0),oklch(56% 0 0));--color-accent:light-dark(oklch(46% 0.1 265),oklch(76% 0.1 265));--color-accent-contrast:light-dark(oklch(100% 0 0),oklch(16% 0 0));--color-focus:var(--color-accent);--color-info:light-dark(oklch(46% 0.1 250),oklch(76% 0.1 250));--color-info-contrast:light-dark(oklch(100% 0 0),oklch(16% 0 0));--color-success:light-dark(oklch(46% 0.1 145),oklch(76% 0.1 145));--color-success-contrast:light-dark(oklch(100% 0 0),oklch(16% 0 0));--color-warning:light-dark(oklch(46% 0.1 65),oklch(76% 0.1 65));--color-warning-contrast:light-dark(oklch(100% 0 0),oklch(16% 0 0));--color-danger:light-dark(oklch(46% 0.1 25),oklch(76% 0.1 25));--color-danger-contrast:light-dark(oklch(100% 0 0),oklch(16% 0 0));--color-visited:light-dark(oklch(46% 0.1 310),oklch(76% 0.1 310));--color-contrast:light-dark(black,white);--color-contrast-inverse:light-dark(white,black);--color-shadow-soft:light-dark(rgb(0 0 0 / 0.06),rgb(0 0 0 / 0.35));--color-shadow:light-dark(rgb(0 0 0 / 0.14),rgb(0 0 0 / 0.5));--color-shadow-strong:light-dark(rgb(0 0 0 / 0.28),rgb(0 0 0 / 0.6));--color-scrim:light-dark(rgb(0 0 0 / 0.35),rgb(255 255 255 / 0.32));--color-backdrop:light-dark(oklch(16% 0 0 / 0.55),rgb(0 0 0 / 0.7));--color-highlight:light-dark(rgb(255 255 255 / 0.85),rgb(255 255 255 / 0.08))}}@property --color-background{syntax:"*";inherits:true;initial-value:#f4f6f9}@property --color-canvas{syntax:"*";inherits:true;initial-value:#eff1f4}@property --color-canvas-grid{syntax:"*";inherits:true;initial-value:rgb(200 206 213 / 0.5)}@property --color-surface{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-surface-raised{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-surface-glass{syntax:"*";inherits:true;initial-value:rgb(255 255 255 / 0.95)}@property --color-surface-sunken{syntax:"*";inherits:true;initial-value:#f4f6f9}@property --color-control{syntax:"*";inherits:true;initial-value:#f1f4f7}@property --color-surface-hover{syntax:"*";inherits:true;initial-value:#edf0f4}@property --color-surface-pressed{syntax:"*";inherits:true;initial-value:#dfebf8}@property --color-surface-disabled{syntax:"*";inherits:true;initial-value:#edeff3}@property --color-surface-bright{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-surface-inverse{syntax:"*";inherits:true;initial-value:#27292c}@property --color-paper{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-checker{syntax:"*";inherits:true;initial-value:#edf0f3}@property --color-foreground-primary{syntax:"*";inherits:true;initial-value:oklch(24% 0.007 255)}@property --color-foreground-secondary{syntax:"*";inherits:true;initial-value:oklch(33% 0.007 255)}@property --color-foreground-tertiary{syntax:"*";inherits:true;initial-value:oklch(42% 0.007 255)}@property --color-foreground-quaternary{syntax:"*";inherits:true;initial-value:oklch(51% 0.007 255)}@property --color-foreground{syntax:"*";inherits:true;initial-value:oklch(24% 0.007 255)}@property --color-foreground-muted{syntax:"*";inherits:true;initial-value:oklch(33% 0.007 255)}@property --color-foreground-subtle{syntax:"*";inherits:true;initial-value:oklch(42% 0.007 255)}@property --color-foreground-inverse{syntax:"*";inherits:true;initial-value:#f3f5f8}@property --color-border{syntax:"*";inherits:true;initial-value:#7e858e}@property --color-border-subtle{syntax:"*";inherits:true;initial-value:#e4e8ed}@property --color-hairline{syntax:"*";inherits:true;initial-value:rgb(36 47 61 / 0.16)}@property --color-track{syntax:"*";inherits:true;initial-value:#d6dae1}@property --color-focus{syntax:"*";inherits:true;initial-value:#007be5}@property --color-accent{syntax:"*";inherits:true;initial-value:#0969c4}@property --color-accent-hover{syntax:"*";inherits:true;initial-value:#0858a6}@property --color-accent-contrast{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-accent-subtle{syntax:"*";inherits:true;initial-value:#e5f4ff}@property --color-accent-ink{syntax:"*";inherits:true;initial-value:#0969c4}@property --color-accent-border{syntax:"*";inherits:true;initial-value:#61a0e0}@property --color-selection{syntax:"*";inherits:true;initial-value:#0d99ff}@property --color-selection-emphasis{syntax:"*";inherits:true;initial-value:#0969c4}@property --color-selection-emphasis-hover{syntax:"*";inherits:true;initial-value:#0858a6}@property --color-selection-contrast{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-selection-ink{syntax:"*";inherits:true;initial-value:#0969c4}@property --color-selection-subtle{syntax:"*";inherits:true;initial-value:#e5f4ff}@property --color-selection-muted{syntax:"*";inherits:true;initial-value:#80caff}@property --color-guide{syntax:"*";inherits:true;initial-value:#df557f}@property --color-connection{syntax:"*";inherits:true;initial-value:#cb663d}@property --color-type-guide{syntax:"*";inherits:true;initial-value:#598dff}@property --color-type-grid{syntax:"*";inherits:true;initial-value:#38b6d8}@property --color-layout{syntax:"*";inherits:true;initial-value:#9567d4}@property --color-layout-ink{syntax:"*";inherits:true;initial-value:#55347d}@property --color-layout-control{syntax:"*";inherits:true;initial-value:#faf7ff}@property --color-layout-subtle{syntax:"*";inherits:true;initial-value:#f0e6ff}@property --color-layout-border{syntax:"*";inherits:true;initial-value:#d8c8ed}@property --color-component{syntax:"*";inherits:true;initial-value:#8b5cf6}@property --color-component-ink{syntax:"*";inherits:true;initial-value:#7c3aed}@property --color-component-subtle{syntax:"*";inherits:true;initial-value:#f2edff}@property --color-ruler-tick{syntax:"*";inherits:true;initial-value:#adb2b8}@property --color-measure{syntax:"*";inherits:true;initial-value:#c92f68}@property --color-measure-contrast{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-review-before{syntax:"*";inherits:true;initial-value:#875c31}@property --color-review-before-subtle{syntax:"*";inherits:true;initial-value:#fbf6ee}@property --color-review-after{syntax:"*";inherits:true;initial-value:#16736a}@property --color-review-after-subtle{syntax:"*";inherits:true;initial-value:#edf7f3}@property --color-info{syntax:"*";inherits:true;initial-value:#0969c4}@property --color-success{syntax:"*";inherits:true;initial-value:#3f7a4a}@property --color-success-subtle{syntax:"*";inherits:true;initial-value:#f1f8ed}@property --color-warning{syntax:"*";inherits:true;initial-value:#a24b20}@property --color-warning-border{syntax:"*";inherits:true;initial-value:#e2d1b9}@property --color-warning-subtle{syntax:"*";inherits:true;initial-value:#ffe0ae}@property --color-danger{syntax:"*";inherits:true;initial-value:#ab342b}@property --color-danger-subtle{syntax:"*";inherits:true;initial-value:#fff8f5}@property --color-recording{syntax:"*";inherits:true;initial-value:#b91c1c}@property --color-comment-resolved{syntax:"*";inherits:true;initial-value:#676e78}@property --color-timeline-video{syntax:"*";inherits:true;initial-value:#dfeaf0}@property --color-timeline-video-border{syntax:"*";inherits:true;initial-value:#a3b8c6}@property --color-timeline-video-ink{syntax:"*";inherits:true;initial-value:#344e61}@property --color-timeline-audio{syntax:"*";inherits:true;initial-value:#e0ecd9}@property --color-timeline-audio-border{syntax:"*";inherits:true;initial-value:#a4b99b}@property --color-timeline-audio-ink{syntax:"*";inherits:true;initial-value:#395234}@property --color-timeline-playhead{syntax:"*";inherits:true;initial-value:#0969c4}@property --color-timeline-waveform{syntax:"*";inherits:true;initial-value:#397757}@property --color-media-surface{syntax:"*";inherits:true;initial-value:#171717}@property --color-media-scrim{syntax:"*";inherits:true;initial-value:rgb(23 23 23 / 0.73)}@property --color-media-ink{syntax:"*";inherits:true;initial-value:#ffffff}@property --color-contrast{syntax:"*";inherits:true;initial-value:black}@property --color-contrast-inverse{syntax:"*";inherits:true;initial-value:white}@property --color-shadow-soft{syntax:"*";inherits:true;initial-value:rgb(36 47 61 / 0.06)}@property --color-shadow{syntax:"*";inherits:true;initial-value:rgb(36 47 61 / 0.1)}@property --color-shadow-strong{syntax:"*";inherits:true;initial-value:rgb(19 27 38 / 0.22)}@property --color-scrim{syntax:"*";inherits:true;initial-value:rgb(36 47 61 / 0.32)}@property --color-backdrop{syntax:"*";inherits:true;initial-value:rgb(19 27 38 / 0.33)}@property --color-veil{syntax:"*";inherits:true;initial-value:rgb(36 47 61 / 0.07)}@property --color-highlight{syntax:"*";inherits:true;initial-value:rgb(255 255 255 / 0.85)}@layer renoun.tokens{:root{--color-background:light-dark(#f4f6f9,#101214);--color-canvas:light-dark(#eff1f4,#1b1d20);--color-canvas-grid:light-dark(rgb(200 206 213 / 0.5),rgb(255 255 255 / 0.1));--color-surface:light-dark(#ffffff,#242629);--color-surface-raised:light-dark(#ffffff,#2c2f32);--color-surface-glass:light-dark(rgb(255 255 255 / 0.95),rgb(36 38 41 / 0.88));--color-surface-sunken:light-dark(#f4f6f9,#1a1c1f);--color-control:light-dark(#f1f4f7,#2d3034);--color-surface-hover:light-dark(#edf0f4,#323539);--color-surface-pressed:light-dark(#dfebf8,#333f4b);--color-surface-disabled:light-dark(#edeff3,#27292c);--color-surface-bright:light-dark(#ffffff,#e5e8ec);--color-surface-inverse:light-dark(#27292c,#e5e8ec);--color-paper:light-dark(#ffffff,#ffffff);--color-checker:light-dark(#edf0f3,#2e3134);--color-foreground-primary:light-dark(oklch(24% 0.007 255),oklch(96% 0.007 255));--color-foreground-secondary:light-dark(oklch(33% 0.007 255),oklch(89% 0.007 255));--color-foreground-tertiary:light-dark(oklch(42% 0.007 255),oklch(82% 0.007 255));--color-foreground-quaternary:light-dark(oklch(51% 0.007 255),oklch(75% 0.007 255));--color-foreground:light-dark(oklch(24% 0.007 255),oklch(96% 0.007 255));--color-foreground-muted:light-dark(oklch(33% 0.007 255),oklch(89% 0.007 255));--color-foreground-subtle:light-dark(oklch(42% 0.007 255),oklch(82% 0.007 255));--color-foreground-inverse:light-dark(#f3f5f8,#1a1c1f);--color-border:light-dark(#7e858e,#7e848c);--color-border-subtle:light-dark(#e4e8ed,#3b3e43);--color-hairline:light-dark(rgb(36 47 61 / 0.16),rgb(255 255 255 / 0.12));--color-track:light-dark(#d6dae1,#3e4146);--color-focus:light-dark(#007be5,#4cb0ff);--color-accent:light-dark(#0969c4,#3aa8ff);--color-accent-hover:light-dark(#0858a6,#62b8ff);--color-accent-contrast:light-dark(#ffffff,#08131f);--color-accent-subtle:light-dark(#e5f4ff,#1d3448);--color-accent-ink:light-dark(#0969c4,#7cc4ff);--color-accent-border:light-dark(#61a0e0,#3d75ac);--color-selection:light-dark(#0d99ff,#3aa8ff);--color-selection-emphasis:light-dark(#0969c4,#3aa8ff);--color-selection-emphasis-hover:light-dark(#0858a6,#62b8ff);--color-selection-contrast:light-dark(#ffffff,#08131f);--color-selection-ink:light-dark(#0969c4,#7cc4ff);--color-selection-subtle:light-dark(#e5f4ff,#1d3448);--color-selection-muted:light-dark(#80caff,#2d6a9c);--color-guide:light-dark(#df557f,#ff7aa2);--color-connection:light-dark(#cb663d,#f08a5d);--color-type-guide:light-dark(#598dff,#7fa8ff);--color-type-grid:light-dark(#38b6d8,#5fd0ee);--color-layout:light-dark(#9567d4,#b58cf0);--color-layout-ink:light-dark(#55347d,#d9c4ff);--color-layout-control:light-dark(#faf7ff,#272032);--color-layout-subtle:light-dark(#f0e6ff,#33284a);--color-layout-border:light-dark(#d8c8ed,#4a3d63);--color-component:light-dark(#8b5cf6,#a78bfa);--color-component-ink:light-dark(#7c3aed,#c4b5fd);--color-component-subtle:light-dark(#f2edff,#2f2745);--color-ruler-tick:light-dark(#adb2b8,#5e6369);--color-measure:light-dark(#c92f68,#ff6f9f);--color-measure-contrast:light-dark(#ffffff,#111326);--color-review-before:light-dark(#875c31,#deb890);--color-review-before-subtle:light-dark(#fbf6ee,#322d27);--color-review-after:light-dark(#16736a,#81c8bc);--color-review-after-subtle:light-dark(#edf7f3,#20332f);--color-info:light-dark(#0969c4,#7cc4ff);--color-success:light-dark(#3f7a4a,#7fcf8c);--color-success-subtle:light-dark(#f1f8ed,#223326);--color-warning:light-dark(#a24b20,#f0a36b);--color-warning-border:light-dark(#e2d1b9,#5c4a33);--color-warning-subtle:light-dark(#ffe0ae,#3d3020);--color-danger:light-dark(#ab342b,#ff8a7a);--color-danger-subtle:light-dark(#fff8f5,#3a2522);--color-recording:light-dark(#b91c1c,#b91c1c);--color-comment-resolved:light-dark(#676e78,#868d96);--color-timeline-video:light-dark(#dfeaf0,#213544);--color-timeline-video-border:light-dark(#a3b8c6,#4d6d82);--color-timeline-video-ink:light-dark(#344e61,#bcd6e6);--color-timeline-audio:light-dark(#e0ecd9,#243524);--color-timeline-audio-border:light-dark(#a4b99b,#55724f);--color-timeline-audio-ink:light-dark(#395234,#c3dcba);--color-timeline-playhead:light-dark(#0969c4,#3aa8ff);--color-timeline-waveform:light-dark(#397757,#7fcf9e);--color-media-surface:light-dark(#171717,#171717);--color-media-scrim:light-dark(rgb(23 23 23 / 0.73),rgb(23 23 23 / 0.73));--color-media-ink:light-dark(#ffffff,#ffffff);--color-contrast:light-dark(black,white);--color-contrast-inverse:light-dark(white,black);--color-shadow-soft:light-dark(rgb(36 47 61 / 0.06),rgb(0 0 0 / 0.3));--color-shadow:light-dark(rgb(36 47 61 / 0.1),rgb(0 0 0 / 0.45));--color-shadow-strong:light-dark(rgb(19 27 38 / 0.22),rgb(0 0 0 / 0.6));--color-scrim:light-dark(rgb(36 47 61 / 0.32),rgb(255 255 255 / 0.3));--color-backdrop:light-dark(rgb(19 27 38 / 0.33),rgb(0 0 0 / 0.6));--color-veil:light-dark(rgb(36 47 61 / 0.07),rgb(0 0 0 / 0.28));--color-highlight:light-dark(rgb(255 255 255 / 0.85),rgb(255 255 255 / 0.06));--font-sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace}}.agent-activity{position:absolute;z-index:30;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 14px;border:1px solid #8885;border-radius:12px;background:Canvas;color:CanvasText;box-shadow:0 4px 18px #0001;font:12px/1.4 system-ui;pointer-events:auto}.agent-activity[hidden],.agent-activity [hidden]{display:none}.agent-activity [role=status]{min-width:0;overflow-wrap:anywhere}.agent-activity progress{width:80px;flex-shrink:0;accent-color:#7162d9}.agent-activity button{font:inherit;color:inherit;background:transparent;border:1px solid #8886;border-radius:6px;padding:4px 8px;white-space:nowrap;cursor:pointer}.agent-work-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:20}.agent-work-mark{position:absolute;box-sizing:border-box;border:2px dashed #7964db;border-radius:4px;box-shadow:0 0 0 3px #7964db20;pointer-events:none}@media(max-width:600px){.agent-activity{gap:8px;flex-wrap:wrap;width:max-content}.agent-activity progress{width:60px}}:root{color-scheme:light dark}:root[data-theme="light"]{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}html,body{background:var(--color-background);color:var(--color-foreground)}:root[data-appearance-switching],:root[data-appearance-switching] *,:root[data-appearance-switching] *::before,:root[data-appearance-switching] *::after{transition:none !important;animation-play-state:paused !important}.crop-panel{position:fixed;z-index:30;right:16px;top:max(80px,calc(env(safe-area-inset-top) + 68px));width:300px;max-width:calc(100% - 32px);max-height:calc(var(--workspace-height,100dvh) - 112px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--color-surface-raised);color:var(--color-foreground);border:1px solid var(--color-hairline);border-radius:12px;box-shadow:0 4px 20px var(--color-shadow);font:12px system-ui}.crop-panel[hidden]{display:none}.crop-panel strong{flex:1}.crop-panel label{display:flex;align-items:center;gap:8px}.crop-panel > label,.crop-panel small{width:100%}.crop-panel select,.crop-panel input[type=range]{flex:1;min-width:0}.crop-panel button,.crop-panel input,.crop-panel select{font:inherit;padding:6px;min-height:32px}.crop-size{display:flex;gap:12px;width:100%}.crop-size label{flex:1;min-width:0;flex-direction:column;align-items:stretch;gap:4px;text-transform:capitalize}.crop-size input{width:100%;min-width:0;box-sizing:border-box}.crop-panel small{line-height:1.5;opacity:.75}@media(max-width:700px){.crop-panel{top:auto;right:auto;left:50%;bottom:80px;transform:translateX(-50%);width:calc(100% - 32px);max-height:calc(var(--workspace-height,100dvh) - 164px)}}@media(pointer:coarse){.crop-panel button,.crop-panel input,.crop-panel select{min-height:44px}}#surface{-webkit-touch-callout:none}.action-wheel{position:fixed;z-index:90;width:276px;height:276px;margin:-138px 0 0 -138px;outline:none;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;animation:wheel-open 180ms cubic-bezier(.16,1,.3,1) both}.wheel-scale{position:relative;width:100%;height:100%;transform:scale(var(--wheel-scale,1))}.wheel-glass{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#ffffff65,#ffffff0a 48%,#ffffff25),color-mix(in srgb,var(--color-surface) 66%,transparent);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 1px 1px #ffffffb0,inset 0 -1px 2px #ffffff30,0 12px 44px #00000030,0 2px 8px #00000016;border:1px solid #ffffff55}.wheel-sectors{position:absolute;inset:0;width:276px;height:276px;overflow:visible}.wheel-sectors path{fill:transparent;stroke:color-mix(in srgb,var(--color-foreground) 12%,transparent);stroke-width:.65;stroke-linejoin:round;cursor:default}.wheel-sectors path.active{fill:color-mix(in srgb,var(--color-selection) 22%,transparent);stroke:color-mix(in srgb,var(--color-selection) 45%,transparent)}.action-wheel button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:78px;height:56px;padding:0;border:0;border-radius:14px;transform:translate(-50%,-50%);background:transparent;color:var(--color-foreground);font:500 10px/1.2 system-ui;cursor:default;box-shadow:none}.action-wheel button:not(.wheel-hub):is(:hover,:active,:focus-visible){background:transparent;box-shadow:none;outline:none}.action-wheel button>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.action-wheel button>span{max-width:78px;text-align:center;text-wrap:balance}.wheel-submenu-tick{stroke:color-mix(in srgb,var(--color-foreground) 45%,transparent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.wheel-submenu-tick.active{stroke:var(--color-selection)}.action-wheel button.active{color:var(--color-selection-emphasis,var(--color-selection))}.action-wheel .wheel-hub{width:106px;height:106px;left:138px;top:138px;border-radius:50%;background:color-mix(in srgb,var(--color-surface) 38%,transparent);border:1px solid #ffffff55;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-surface) 18%,transparent),inset 0 1px 1px #ffffff80;gap:6px}.action-wheel .wheel-hub svg{width:12px;height:12px;opacity:.65}.action-wheel .wheel-hub strong{font-size:12px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-wheel .wheel-hub small{position:static;font-size:9px;opacity:.6}.action-wheel-hold{position:fixed;z-index:89;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none}.action-wheel-hold svg{width:44px;height:44px;transform:rotate(-90deg);filter:drop-shadow(0 1px 3px #0005)}.action-wheel-hold circle{fill:none;stroke:color-mix(in srgb,var(--color-selection) 20%,transparent);stroke-width:2}.action-wheel-hold .hold-progress{stroke:var(--color-selection);stroke-linecap:round;stroke-dasharray:113.097;stroke-dashoffset:113.097;animation:wheel-hold var(--wheel-hold-duration,450ms) linear forwards}#app .action-wheel-trigger{position:fixed;z-index:50;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:0;border:1px solid var(--color-border-subtle);border-radius:50%;background:color-mix(in srgb,var(--color-surface-raised) 96%,transparent);backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 2px 12px var(--color-shadow-soft);color:var(--color-foreground)}#app[data-action-wheel]:has(.workspace-focus-slot:not([hidden]) .layer-focus-bar) .action-wheel-trigger{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 56px)}#app[data-compact='true'][data-workspace-panel]:not([data-workspace-panel='']) .action-wheel-trigger{display:none}#app:has(.replaying) .action-wheel-trigger{display:none}.action-wheel-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#app[data-action-wheel] .workspace-dock{padding:0;min-height:0;border:0;box-shadow:none;background:transparent;pointer-events:none}#app[data-action-wheel] .workspace-dock .workspace-activity,#app[data-action-wheel] .workspace-dock .workspace-context,#app[data-action-wheel] .workspace-dock .workspace-primary,#app[data-action-wheel] .workspace-dock .selection-actions,#app[data-action-wheel] .workspace-dock .workspace-more,#app[data-action-wheel] .workspace-dock .workspace-status,#app[data-action-wheel] .workspace-dock .workspace-insert{display:none!important}#app[data-action-wheel] .workspace-dock .workspace-context:has(.layer-focus-bar),#app[data-action-wheel] .workspace-dock .workspace-activity:has(.workspace-focus-slot:not([hidden]) .layer-focus-bar){display:flex!important;pointer-events:auto}#app[data-action-wheel] .workspace-dock .workspace-activity:has(.layer-focus-bar) >:not(.workspace-focus-slot){display:none!important}#app[data-action-wheel] .workspace-focus-slot{pointer-events:auto}#app[data-action-wheel] .workspace-sheet-slot{pointer-events:auto}#app[data-action-wheel] .workspace-notice-slot{pointer-events:none}@keyframes wheel-open{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes wheel-hold{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.action-wheel{animation:none}.action-wheel-hold .hold-progress{animation:none;stroke-dashoffset:0}}.wheel-sectors path.wheel-dwell{fill:color-mix(in srgb,var(--color-selection) 48%,transparent);stroke:none;pointer-events:none}[data-video-player]:not(:has(canvas)) [data-video-player-controls]{z-index:1}.video-timeline{position:fixed;z-index:75;left:24px;right:24px;bottom:24px;width:auto;max-width:1120px;max-height:78dvh;margin:auto;border:1px solid var(--color-hairline);border-radius:16px;background:var(--color-surface);color:var(--color-foreground);box-shadow:0 16px 60px var(--color-shadow-strong);font:inherit;overflow:auto;overscroll-behavior:contain;outline:none}.video-timeline header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:16px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);color:inherit}.video-timeline-title{min-width:0;display:grid;gap:3px}.video-timeline-title strong{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-timeline-title>span{color:var(--color-foreground-muted);font-size:11px}.video-file-actions,.video-edit-actions,.video-undo-actions{display:flex;align-items:center;gap:4px;flex:none}.video-view-tabs{display:flex;align-items:center;gap:3px;padding:8px 16px 0}.video-view-tabs [role=tab]{min-width:65px;border:1px solid var(--color-border)}.video-view-tabs [aria-selected=true]{background:var(--color-accent-subtle);color:var(--color-accent-ink)}.video-view-tabs>span{color:var(--color-foreground-muted);font-size:10px;margin-left:10px}.video-timeline button{min-height:32px;height:auto;padding:5px 10px;border-radius:7px;color:inherit;border:1px solid transparent;background:transparent;font:inherit}.video-timeline button:hover:enabled{background:var(--color-surface-hover)}.video-timeline button:disabled{opacity:.4}.video-timeline:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.video-timeline [data-video-action=close],.video-undo-actions button{width:32px;padding:5px}.video-timeline [data-video-action=close] span,.video-undo-actions button span{display:none}.video-timeline [data-video-action=export]{background:var(--color-accent-subtle);border-color:var(--color-border)}.video-timeline [data-video-action=play]{background:var(--color-accent);color:var(--color-accent-contrast);min-width:62px}.video-timeline [data-video-action=play]:hover{background:var(--color-accent-hover)}.video-timeline-transport{display:flex;align-items:center;gap:6px;padding:10px 16px 4px}.video-timeline output{margin-left:6px;flex:1;min-width:0;font-size:11px;font-variant-numeric:tabular-nums;color:var(--color-foreground-muted);white-space:nowrap}.video-timeline-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:4px 16px 10px}.video-timeline-options{max-width:100%;color:var(--color-foreground-muted)}.video-timeline summary{cursor:pointer;min-height:32px;padding:7px 4px;-webkit-user-select:none;user-select:none;font-weight:500;color:var(--color-foreground)}.video-timeline-options>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 4px 0}.video-timeline label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--color-foreground-muted)}.video-timeline input[type=checkbox]{accent-color:var(--color-accent);width:15px;height:15px;margin:0}.video-timeline input[type=range]{accent-color:var(--color-accent);width:92px}.video-timeline input[type=number]{font:inherit;width:66px;min-height:32px;color:var(--color-foreground);background:var(--color-control);border:1px solid var(--color-border);border-radius:6px;padding:5px 7px}.video-timeline-scroll{overflow:auto;border-block:1px solid var(--color-border-subtle);background:var(--color-surface-sunken);scrollbar-width:thin;overscroll-behavior-x:contain}.video-timeline-content{position:relative;padding:4px 0 10px}.video-timeline-ruler{position:relative;height:28px;margin-left:var(--video-lane-label);cursor:crosshair;touch-action:none}.video-timeline-ruler span{position:absolute;height:23px;padding-left:5px;font-size:10px;color:var(--color-foreground-muted);border-left:1px solid var(--color-ruler-tick);white-space:nowrap}.video-timeline-lane{display:flex;margin-top:4px}.video-timeline-lane>b{position:sticky;left:0;z-index:3;flex:0 0 var(--video-lane-label);padding:27px 8px;font-size:10px;background:var(--color-surface-sunken);color:var(--color-foreground-muted);font-weight:500}.video-timeline-track{position:relative;height:76px;flex:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,color-mix(in srgb,var(--color-foreground) 3%,transparent) 100px);touch-action:none}.video-timeline-clip{position:absolute;top:3px;height:70px;min-width:3px;box-sizing:border-box;border:1px solid var(--color-timeline-video-border);background:var(--color-timeline-video);border-radius:7px;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--color-timeline-video-ink)}.video-timeline-clip.audio{background:var(--color-timeline-audio);border-color:var(--color-timeline-audio-border);color:var(--color-timeline-audio-ink)}.video-timeline-clip.selected{outline:2px solid var(--color-selection);outline-offset:-2px}.video-timeline-clip.muted{opacity:.6}.video-clip-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 12px;font-size:11px;pointer-events:none}.video-clip-source{display:block;padding:4px 12px;color:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;pointer-events:none}.video-timeline canvas{display:block;width:100%;height:42px;pointer-events:none}.video-trim{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;z-index:2}.video-trim:after{content:'';position:absolute;top:25px;bottom:25px;left:3px;width:3px;border-radius:2px;background:currentColor;opacity:.3}.video-trim.start{left:0}.video-trim.end{right:0}.video-trim:hover{background:color-mix(in srgb,var(--color-contrast-inverse) 40%,transparent)}.video-playhead{position:absolute;top:3px;bottom:3px;width:1px;background:var(--color-timeline-playhead);pointer-events:none;z-index:4}.video-playhead:before{content:'';position:absolute;top:0;left:-4px;width:9px;height:9px;background:var(--color-timeline-playhead);clip-path:polygon(0 0,100% 0,50% 100%)}.video-lane-empty{display:block;padding:28px 16px;color:var(--color-foreground-muted)}.video-timeline-pan{display:none}.video-timeline footer{display:block;height:auto;background:var(--color-surface);color:var(--color-foreground-muted);padding:4px 16px 10px;border:0;font:inherit}.video-clip-settings>summary{display:flex;gap:10px;align-items:center}.video-clip-settings>summary:before{content:'';display:inline-block;width:6px;height:6px;margin-right:2px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg)}.video-clip-settings[open]>summary:before{transform:rotate(45deg)}.video-clip-settings>summary span{color:var(--color-foreground-muted);font-size:10px;font-weight:400}.video-clip-fields{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 4px 8px;font-size:11px}.media-speed-field small{display:block;font-size:10px;color:var(--color-foreground-muted)}.video-timeline-help{color:var(--color-foreground-muted);font-size:10px;margin:4px 4px 0}.video-timeline [role=status]{margin:10px 4px 0;color:var(--color-foreground-muted);overflow-wrap:anywhere}.video-timeline [role=status]:empty{display:none}.video-mobile{inset:var(--video-viewport-top,0px) 0 auto;width:100%;max-width:none;height:var(--video-available-height,100dvh);max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);font-size:15px;line-height:1.4;background:var(--color-surface)}.video-mobile,.video-mobile *{box-sizing:border-box}.video-mobile button,.video-mobile summary{min-height:48px;min-width:48px;border-radius:12px;padding:10px 14px;font-size:14px;touch-action:manipulation}.video-mobile button svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.video-mobile button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.video-mobile header.video-mobile-header{flex:none;height:64px;display:grid;grid-template-columns:68px minmax(0,1fr) 68px;padding:8px 12px;gap:0;border:0}.video-mobile-header strong{text-align:center;font-size:16px;font-weight:550;white-space:nowrap}.video-mobile-header [data-video-action=close]{width:auto;font-weight:550;color:var(--color-accent-ink)}.video-mobile-header [data-video-action=close] span{display:inline}.video-mobile-header [data-video-action="mobile:back"]{gap:0;padding-inline:0;justify-content:flex-start}.video-mobile-header [data-video-action="mobile:back"] svg{width:18px}.video-mobile-header [data-video-action="mobile:more"]{justify-self:end;width:48px;padding:12px}.video-mobile-header [data-video-action="mobile:more"] span{display:none}.video-mobile-preview{flex:1 1 0;min-height:80px;display:flex;align-items:center;justify-content:center;padding:16px 20px;background:var(--color-canvas);overflow:hidden;container-type:size}.video-mobile-preview>[data-video-preview]{width:min(100cqw,calc(100cqh * var(--video-preview-ratio,1.7778)));height:min(100cqh,calc(100cqw / var(--video-preview-ratio,1.7778)));overflow:hidden;border-radius:8px}[data-video-focused] [data-video-player-controls]{display:none !important}.video-mobile-transport{flex:none;display:flex;align-items:center;gap:16px;padding:12px 20px 0}.video-mobile-transport [data-video-action=play]{min-width:76px;height:48px;font-weight:550}.video-mobile-transport output{font-size:14px;margin:0;color:var(--color-foreground-muted)}.video-mobile .video-undo-actions button{width:48px;height:48px}.video-mobile-scrub{flex:none;padding:0 20px}.video-mobile input[type=range]{width:100%;min-width:0;height:44px;margin:0;padding:0;cursor:pointer;touch-action:pan-y;accent-color:var(--color-accent)}.video-mobile input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.video-mobile-scrub input[type=range]{display:block}.video-mobile-content{flex:0 1 auto;min-height:0;max-height:57%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:12px}.video-mobile-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 20px}.video-mobile h2{margin:0;min-width:0;font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-foreground)}.video-mobile h2>span{color:var(--color-foreground-muted);margin-left:8px;font-weight:400}.video-mobile-section-title>span{flex:none;font-size:12px;color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}.video-mobile-section-title button{flex:none;padding:8px;font-size:13px;color:var(--color-accent-ink)}.video-mobile-section-title button svg{width:18px}.video-mobile-cards{display:flex;gap:12px;overflow-x:auto;padding:4px 20px 12px;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.video-mobile button.video-mobile-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex:0 0 168px;min-height:146px;position:relative;padding:0 0 10px;gap:6px;overflow:hidden;text-align:left;border:1px solid var(--color-hairline);background:var(--color-control);color:var(--color-foreground);scroll-snap-align:center;touch-action:pan-x}.video-mobile-card.selected{border-color:var(--color-accent-ink) !important;box-shadow:0 0 0 1px var(--color-accent-ink);background:var(--color-accent-subtle) !important}.video-mobile-card-top{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--color-media-ink);pointer-events:none}.video-mobile-card-top>b,.video-mobile-card-top>span{padding:2px 5px;border-radius:4px;background:var(--color-media-scrim)}.video-mobile-card-top b{font-weight:550}.video-mobile-card strong{padding-inline:12px;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-mobile-card canvas{height:18px;margin-inline:12px;width:calc(100% - 24px)}.video-mobile-card-kind{padding-inline:12px;font-size:12px;color:var(--color-foreground-muted)}.video-mobile-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 20px 0}.video-mobile-primary button{flex-direction:column;gap:8px;min-height:76px;padding:12px 6px;background:var(--color-control);color:var(--color-foreground)}.video-mobile-primary button span{font-size:13px}.video-mobile-empty{margin:8px 0 20px;color:var(--color-foreground-muted)}.video-mobile label{white-space:normal;font-size:15px}.video-mobile label b{font-weight:500;font-variant-numeric:tabular-nums}.video-mobile-trim-fields{padding:0 20px}.video-mobile-trim-fields label,.video-mobile-volume{display:flex !important;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:6px 0}.video-mobile-trim-fields label>span,.video-mobile-volume>span{display:flex;justify-content:space-between;align-items:center;min-height:28px}.video-mobile-subactions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px 0}.video-mobile-subactions>span{max-width:52%;font-size:12px;color:var(--color-foreground-muted)}.video-mobile-subactions button{padding-inline:8px;font-size:13px}.video-mobile-subactions button svg{width:18px}.video-mobile-waveform{margin:0 20px;padding:10px 0;background:var(--color-surface-sunken);border-radius:10px}.video-mobile-waveform canvas{height:44px}.video-mobile-mute{min-height:60px;display:flex;justify-content:space-between;padding:6px 20px}.video-mobile input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:28px;border-radius:16px;background:var(--color-track);position:relative;border:1px solid var(--color-border);cursor:pointer}.video-mobile input[type=checkbox]:before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--color-surface-bright);border-radius:50%;box-shadow:0 1px 3px var(--color-shadow-soft)}.video-mobile input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.video-mobile input[type=checkbox]:checked:before{left:19px}.video-mobile [data-screen]{min-width:0}.video-mobile-content>.video-mobile-volume{margin:0 20px}.video-mobile-details{padding:0 20px}.video-mobile-details>label{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.video-mobile-details small{display:block;margin-top:4px;font-size:12px;color:var(--color-foreground-muted)}.video-mobile input[type=number]{width:100px;min-height:48px;font-size:16px;text-align:right;border-radius:10px}.video-mobile-details>button{width:100%;justify-content:flex-start;margin-top:8px}.video-mobile [data-video-action=delete]{color:var(--color-danger)}.video-mobile[data-screen=more] .video-mobile-preview,.video-mobile[data-screen=details] .video-mobile-preview,.video-mobile[data-screen=more] .video-mobile-transport,.video-mobile[data-screen=details] .video-mobile-transport,.video-mobile[data-screen=more] .video-mobile-scrub,.video-mobile[data-screen=details] .video-mobile-scrub{display:none}.video-mobile[data-screen=more] .video-mobile-content,.video-mobile[data-screen=details] .video-mobile-content{flex:1;max-height:none}.video-mobile-menu{padding:12px 20px}.video-mobile-menu button{display:flex;width:100%;justify-content:flex-start;min-height:64px;gap:18px;padding:16px;margin-bottom:8px;background:var(--color-control);font-size:15px}.video-mobile [data-video-action=export]{background:var(--color-accent);color:var(--color-accent-contrast)}.video-mobile .video-timeline-scroll{border:0}.video-mobile .video-timeline-lane>b{padding:28px 4px;font-size:11px}.video-mobile .video-timeline-track{height:82px}.video-mobile .video-timeline-clip{height:76px}.video-mobile .video-clip-name,.video-mobile .video-clip-source{padding-inline:46px;font-size:12px}.video-mobile .video-trim{width:44px}.video-mobile .video-trim:after{left:19px;width:4px;top:24px;bottom:24px}.video-mobile .video-timeline-pan{display:block;height:48px;padding:14px 20px;color:var(--color-foreground-muted);font-size:12px;touch-action:pan-x}.video-mobile .video-mobile-status{flex:none;max-height:72px;overflow:auto;margin:0;padding:12px 20px;background:var(--color-surface-sunken);font-size:13px}.video-mobile .video-mobile-status:empty{display:none}@media(max-height:500px) and (min-width:501px){.video-mobile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 60px 44px}.video-mobile header.video-mobile-header{grid-column:1/-1;height:56px}.video-mobile .video-mobile-preview{grid-column:1;grid-row:2;min-height:0}.video-mobile .video-mobile-transport{grid-column:1;grid-row:3;padding:6px 16px}.video-mobile .video-mobile-scrub{grid-column:1;grid-row:4;padding-inline:16px}.video-mobile .video-mobile-content{grid-column:2;grid-row:2/5;max-height:none}.video-mobile[data-screen=details] .video-mobile-content,.video-mobile[data-screen=more] .video-mobile-content{grid-column:1/-1}.video-mobile .video-mobile-status:not(:empty){position:absolute;bottom:0;width:100%}}@media(pointer:coarse) and (min-width:701px){.video-timeline button,.video-timeline summary{min-height:44px}.video-trim{width:20px}.video-trim:after{left:7px}}@media(prefers-reduced-motion:reduce){.video-timeline *{scroll-behavior:auto}}.video-thumbnail{display:block;position:relative;flex:none;width:80px;height:48px;overflow:hidden;background:var(--color-surface-sunken);border-radius:6px;pointer-events:none}.video-thumbnail img{display:block;position:relative;width:100%;height:100%;object-fit:cover;opacity:0}.video-thumbnail img[data-ready=true]{opacity:1}.video-thumbnail-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-foreground-muted)}.video-thumbnail-fallback svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.video-mobile-card .video-thumbnail{width:100%;height:86px;border-radius:0}.video-mobile-card .video-thumbnail:not(:has(img)){display:grid;place-items:center;padding-top:20px;color:var(--color-foreground-muted)}.video-timeline-clip.video>.video-thumbnail{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.video-timeline-clip.video .video-clip-name,.video-timeline-clip.video .video-clip-source,.video-timeline-clip.video canvas{position:relative;background:color-mix(in srgb,var(--color-surface-sunken) 93%,transparent)}.video-timeline-clip.video .video-trim{background:color-mix(in srgb,var(--color-contrast-inverse) 60%,transparent)}@media(max-width:700px) and (max-height:650px){.video-mobile header.video-mobile-header{height:56px;padding-block:4px}.video-mobile-preview{padding-block:8px;min-height:128px}.video-mobile button.video-mobile-card{min-height:112px}.video-mobile-card .video-thumbnail{height:64px}.video-mobile-card-kind{display:none}.video-mobile-card canvas{height:10px}}.video-visual-controls{display:grid;gap:12px;padding:12px 0;border-top:1px solid var(--color-border-subtle)}.video-visual-controls h3{margin:0;font-size:12px;font-weight:550}.video-visual-controls .video-edit-actions{flex-wrap:wrap}.video-visual-controls .video-clip-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.video-visual-controls label{justify-content:space-between;white-space:normal}.video-visual-controls select{max-width:145px;min-height:32px;background:var(--color-control);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:6px}.video-visual-controls small{color:var(--color-foreground-muted);line-height:1.5}.video-timeline[data-mobile=true] .video-visual-controls{width:100%;grid-column:1/-1}.video-timeline[data-mobile=true] .video-visual-controls .video-edit-actions button{flex:1 1 130px}#comments-panel{position:fixed;top:max(80px,calc(env(safe-area-inset-top) + 68px));right:16px;z-index:8;display:flex;flex-direction:column;box-sizing:border-box;width:320px;max-height:calc(100dvh - 112px);overflow:hidden;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface);color:var(--color-foreground);box-shadow:0 12px 40px var(--color-shadow),0 2px 5px var(--color-shadow-soft);font-size:12px;line-height:16px;cursor:default}#comments-panel[hidden]{display:none !important}#comments-panel[aria-busy='true']:empty{min-height:40px}@media (max-width:1180px),(pointer:coarse){#comments-panel{top:max(80px,calc(env(safe-area-inset-top) + 68px));right:8px;width:min(360px,calc(100% - 16px));max-height:calc(100dvh - 164px)}}#surface[data-comment-mode='true'] #viewport{cursor:crosshair}.replaying .tool-rail{opacity:0;pointer-events:none}.replay-stage{position:absolute;inset:0;width:100%;height:100%;z-index:5}.history-replay{position:fixed;z-index:15;bottom:12px;left:12px;right:12px;box-sizing:border-box;width:min(720px,calc(100% - 24px));margin-inline:auto;max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;padding:8px 12px 12px;border:1px solid var(--color-hairline);border-radius:10px;color:var(--color-foreground);background:var(--color-surface-glass);box-shadow:0 12px 40px var(--color-shadow),0 2px 5px var(--color-shadow-soft);backdrop-filter:blur(16px)}.history-replay:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.replay-detail{position:fixed;top:max(80px,calc(env(safe-area-inset-top,0px) + 68px));right:16px;max-height:calc(100dvh - 320px);overflow:auto;z-index:12;box-sizing:border-box;width:238px;padding:12px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--color-hairline);border-radius:10px;color:var(--color-foreground);background:var(--color-surface-glass);box-shadow:0 4px 20px var(--color-shadow);backdrop-filter:blur(16px);font-size:11px;line-height:16px;pointer-events:auto}.history-replay[hidden],.replay-detail[hidden]{display:none}#app:has(.replaying) > .layers-panel,#app:has(.replaying) > .inspector-panel{opacity:0.65}.selection-info{display:flex;align-items:center;gap:6px}.selection-info .layer-title{min-width:0;flex:1}.layer-history-trigger{flex:0 0 26px;width:26px;height:26px;padding:5px !important}@media (max-width:1180px),(pointer:coarse){.history-replay{bottom:max(8px,env(safe-area-inset-bottom));left:8px;right:8px;width:min(720px,calc(100% - 16px));padding:4px 8px 8px}.replay-detail{max-width:min(238px,calc(100% - 16px));max-height:25%;overflow:auto}}@media (max-height:500px) and (max-width:1180px){.history-replay{max-height:calc(100dvh - 72px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:min(420px,calc(100% - 16px));left:auto;margin-inline:0}}.canvas-search{position:absolute;z-index:25;top:16px;left:50%;transform:translateX(-50%);box-sizing:border-box;display:flex;flex-direction:column;width:min(560px,calc(100% - 32px));max-height:calc(100% - 60px);overflow:hidden;border:1px solid var(--color-hairline);border-radius:10px;color:var(--color-foreground);background:var(--color-surface-raised);box-shadow:0 12px 40px var(--color-shadow),0 2px 5px var(--color-shadow-soft);font-size:12px;line-height:16px}.canvas-search[hidden]{display:none}@media (max-width:1180px),(pointer:coarse){.canvas-search{top:8px;width:calc(100% - 16px);max-height:calc(100% - 16px)}}@font-face{font-family:Inter;src:url('/fonts/Inter-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url('/fonts/Inter-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url('/fonts/Inter-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--color-foreground);background:var(--color-background);font-synthesis:none;font-size:12px;-webkit-font-smoothing:antialiased}.canvas-import-status{position:absolute;z-index:12;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:4px 4px 4px 16px;border:1px solid var(--color-hairline);border-radius:18px;background:var(--color-surface-raised);color:var(--color-foreground);box-shadow:0 4px 20px var(--color-shadow);font-size:14px}.canvas-import-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-import-status button{min-height:44px;padding:0 14px;border-radius:14px;background:var(--color-control);touch-action:manipulation}.canvas-import-status[data-browser-breakpoints]{flex-wrap:wrap;width:max-content}.canvas-import-status[data-browser-breakpoints] span{flex:1 0 100%}.canvas-import-status[data-browser-breakpoints] button{flex-shrink:0}*{box-sizing:border-box}body{margin:0}@media (pointer:coarse),(max-width:600px){html,body{background:var(--color-canvas)}}button:where(:not([data-hie-ui],[data-hie-ui] *)),input:where(:not([data-hie-ui],[data-hie-ui] *)),select:where(:not([data-hie-ui],[data-hie-ui] *)){font:inherit}button:where(:not([data-hie-ui],[data-hie-ui] *)),a:where(:not([data-hie-ui],[data-hie-ui] *)),input:where(:not([data-hie-ui],[data-hie-ui] *)),select:where(:not([data-hie-ui],[data-hie-ui] *)){-webkit-tap-highlight-color:transparent}button:where(:not([data-hie-ui],[data-hie-ui] *)){display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:transparent;color:inherit;border-radius:6px;cursor:pointer;height:30px;white-space:nowrap}button:hover:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-surface-hover)}button:disabled:where(:not([data-hie-ui],[data-hie-ui] *)){opacity:0.3;cursor:default}button[aria-pressed='true']:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-accent-subtle);color:var(--color-accent-ink)}button:focus-visible:where(:not([data-hie-ui],[data-hie-ui] *)),a:focus-visible:where(:not([data-hie-ui],[data-hie-ui] *)),input:focus-visible:where(:not([data-hie-ui],[data-hie-ui] *)),select:focus-visible:where(:not([data-hie-ui],[data-hie-ui] *)){outline:2px solid var(--color-focus);outline-offset:2px}button svg:where(:not([data-hie-ui],[data-hie-ui] *)){width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}input:where(:not([data-hie-ui],[data-hie-ui] *)){min-width:0;color:inherit}#app{touch-action:manipulation;display:grid;grid-template-columns:216px minmax(440px,1fr) 248px;grid-template-rows:60px calc(100dvh - 60px);height:100dvh;overflow:hidden}header:where(:not([data-hie-ui],[data-hie-ui] *)){grid-column:1/-1;display:flex;align-items:center;border-bottom:1px solid var(--color-hairline);background:var(--color-surface);z-index:5;padding:0 18px;gap:28px}.primary{background:var(--color-accent);color:var(--color-accent-contrast);height:33px;padding:0 13px;margin-left:8px;font-size:11px}.primary:hover{background:var(--color-accent-hover)}.layers-panel{position:relative;border-right:1px solid var(--color-hairline);background:var(--color-surface);display:flex;flex-direction:column;min-height:0}.artboard-label{display:flex;align-items:center;gap:7px;padding:0 15px 11px;font-size:10px;color:var(--color-foreground-muted)}.artboard-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.artboard-label span:last-child{margin-left:auto;color:var(--color-foreground-muted);font-size:9px}main:where(:not([data-hie-ui],[data-hie-ui] *)){position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.context-bar{height:43px;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:space-between;padding:0 17px}.history{display:flex;align-items:center;gap:4px}.history button{width:25px;height:26px}.history svg{width:14px}.divider{display:inline-block;background:var(--color-border-subtle);width:1px;height:15px;margin:0 6px}#surface{flex:1;position:relative;min-height:0;overflow:hidden;outline:none;background:var(--color-canvas);touch-action:none;-webkit-user-select:none;user-select:none}#surface.grid,[data-hie-grid="true"] #surface{background-image:radial-gradient(var(--color-canvas-grid) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:var(--grid-x) var(--grid-y)}#surface[data-gpu-canvas]{background-image:none}#surface[data-gpu-canvas] > .pixel-grid{display:none}.gpu-canvas-status{position:absolute;inset:auto 16px 16px;padding:12px;background:var(--color-canvas);color:var(--color-foreground)}#paper{filter:drop-shadow(0 1px 4px var(--color-shadow-soft))}#overlay > *{vector-effect:non-scaling-stroke}.selection-box,.outline{stroke:var(--color-selection);stroke-width:1;fill:none;pointer-events:none}.resize-handle,.anchor{fill:var(--color-surface-bright);stroke:var(--color-selection);stroke-width:1.2;cursor:crosshair}.rotation{fill:var(--color-selection);stroke:var(--color-surface-bright);stroke-width:1;cursor:grab}#surface[data-drag-intent='copy'],#surface[data-drag-intent='copy'] *{cursor:copy}#surface[data-drag-intent='move'],#surface[data-drag-intent='move'] *{cursor:move}.control{fill:var(--color-selection-subtle);stroke:var(--color-selection);stroke-width:1;cursor:crosshair}.tangent{stroke:var(--color-selection-muted);stroke-width:1;pointer-events:none}.pen-path{fill:none;stroke:var(--color-selection);stroke-width:1.5;pointer-events:none}.pen-preview{fill:none;stroke:var(--color-selection);stroke-width:1;stroke-dasharray:4 3;pointer-events:none}.guide{stroke:var(--color-guide);stroke-width:1;stroke-dasharray:3 2;pointer-events:none}.marquee{fill:color-mix(in srgb,var(--color-selection) 9%,transparent);stroke:var(--color-selection);stroke-width:1;pointer-events:none}#surface[data-tool='hand']{cursor:grab}#surface[data-tool='hand']:active{cursor:grabbing}#surface[data-tool='pen'],#surface[data-tool='marker'],#surface[data-tool='pencil'],#surface[data-tool='ink'],#surface[data-tool='rectangle'],#surface[data-tool='ellipse'],#surface[data-tool='polygon'],#surface[data-tool='star'],#surface[data-tool='line']{cursor:crosshair}.canvas-label{position:absolute;bottom:24px;left:23px;font-size:8px;letter-spacing:1.3px;color:var(--color-foreground-muted);font-weight:550;pointer-events:none}.canvas-label span{font-weight:400;letter-spacing:0;color:var(--color-foreground-muted);margin-left:12px}.zoom-controls{position:absolute;bottom:17px;right:20px;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:7px;padding:3px;box-shadow:0 2px 5px var(--color-shadow-soft)}.zoom-controls button{height:26px;min-width:26px;font-size:10px}.zoom-controls #zoom{min-width:44px}.zoom-controls svg{width:13px}footer:where(:not([data-hie-ui],[data-hie-ui] *)){height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;border-top:1px solid var(--color-hairline);background:var(--color-surface);color:var(--color-foreground-muted);font-size:9px}#hint{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#coordinates{white-space:nowrap;font-variant-numeric:tabular-nums}.inspector-panel{background:var(--color-surface);border-left:1px solid var(--color-hairline);overflow:auto;display:flex;flex-direction:column;min-height:0}.inspector-tabs{height:43px;flex-shrink:0;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--color-border-subtle);padding:0 18px;font-size:10px}.inspector-tabs strong{height:43px;display:flex;align-items:center;border-bottom:2px solid var(--color-accent);font-weight:550}.inspector-tabs span{color:var(--color-foreground-muted);font-size:9px}.inspector-panel section{padding:18px;border-bottom:1px solid var(--color-border-subtle)}.eyebrow{font-size:8px;letter-spacing:1.3px;color:var(--color-foreground-muted);display:block;font-weight:500}h2:where(:not([data-hie-ui],[data-hie-ui] *)){font-weight:450;font-size:24px;line-height:1.25;letter-spacing:-0.8px;margin:12px 0 6px;color:var(--color-foreground)}.layer-title{font-weight:550;font-size:14px;margin-top:0;border:0;background:transparent;width:100%;padding:0}.inspector-panel h3{font-size:10px;font-weight:550;color:var(--color-foreground-muted);margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.inspector-panel h3 > span{color:var(--color-foreground-muted);font-size:9px;font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field{border:1px solid transparent;border-radius:5px;background:var(--color-control);display:flex;align-items:center;gap:8px;min-width:0;height:30px;padding:0 8px}.field > span{font-size:9px;color:var(--color-foreground-muted);min-width:12px}.field input{font-size:12px;background:transparent;border:0;padding:4px 0;width:100%;outline:0;-moz-appearance:textfield}.field input::-webkit-inner-spin-button{opacity:0}.field:focus-within{outline:2px solid var(--color-focus);outline-offset:1px}.paint-field{display:flex;align-items:center;gap:8px;font-size:10px;height:35px}.paint-field > span{color:var(--color-foreground-muted);min-width:34px}.paint-field input[type='color']{width:19px;height:19px;border:0;padding:0;background:none;cursor:pointer}.paint-field input::-webkit-color-swatch-wrapper{padding:0}.paint-field input::-webkit-color-swatch{border:1px solid var(--color-hairline);border-radius:4px}.paint-field code{font-family:inherit;font-variant-numeric:tabular-nums;color:var(--color-foreground-muted);font-size:10px}.paint-field button{margin-left:auto;width:22px;color:var(--color-foreground-muted)}.paint-field + .field-grid{margin-top:10px}.palette > div{display:flex;gap:8px;flex-wrap:wrap}.palette button{background:var(--swatch);width:22px;height:22px;border-radius:50%;border:1px solid var(--color-hairline);outline:2px solid transparent;outline-offset:2px}.palette button:hover{outline-color:var(--color-accent-border)}.arrange-row{display:flex;gap:6px;margin-bottom:7px}.arrange-row button{flex:1;border:1px solid var(--color-border);background:var(--color-control);font-size:9px;padding:0 6px}.arrange-row button:hover{background:var(--color-surface-hover)}.danger{color:var(--color-danger)}.full{width:100%;justify-content:space-between;background:var(--color-control);font-size:10px;padding:0 10px}.geometry-controls button{width:30px;height:28px;padding:4px}.geometry-controls .divider{margin:0 3px}#selection-status{font-size:10px;color:var(--color-foreground-muted)}select:where(:not([data-hie-ui],[data-hie-ui] *)){border:1px solid transparent;border-radius:6px;background:var(--color-control);color:var(--color-foreground-muted);padding:7px;font-size:12px;width:100%}@supports (appearance:base-select){select:where(:not([data-hie-ui],[data-hie-ui] *)),select:where(:not([data-hie-ui],[data-hie-ui] *))::picker(select){appearance:base-select}select:where(:not([data-hie-ui],[data-hie-ui] *))::picker(select){padding:4px;margin-block-start:4px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-raised);color:var(--color-foreground);box-shadow:0 12px 40px var(--color-shadow);max-block-size:min(320px,60dvh);max-inline-size:calc(100vw - 16px);overflow:auto;font-size:12px}select:where(:not([data-hie-ui],[data-hie-ui] *))::picker-icon{content:'';width:6px;height:6px;align-self:center;margin-inline:2px;margin-block-start:-3px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;rotate:45deg}select:where(:not([data-hie-ui],[data-hie-ui] *)):open::picker-icon{rotate:225deg}select:where(:not([data-hie-ui],[data-hie-ui] *)) option{padding:8px;min-block-size:28px;border-radius:6px;white-space:normal;overflow-wrap:anywhere}select:where(:not([data-hie-ui],[data-hie-ui] *)) option:hover{background:var(--color-surface-hover)}select:where(:not([data-hie-ui],[data-hie-ui] *)) option:checked{background:var(--color-accent-subtle);color:var(--color-accent-ink)}@media (pointer:coarse),(max-width:600px){select:where(:not([data-hie-ui],[data-hie-ui] *)) option{min-block-size:44px}}}@media (forced-colors:active){.field,select:where(:not([data-hie-ui],[data-hie-ui] *)){border-color:CanvasText}}dialog:where(:not([data-hie-ui],[data-hie-ui] *)){width:440px;border:1px solid var(--color-hairline);border-radius:13px;padding:25px;background:var(--color-surface);color:var(--color-foreground);box-shadow:0 30px 100px var(--color-shadow-strong)}dialog:where(:not([data-hie-ui],[data-hie-ui] *))::backdrop{background:var(--color-backdrop);backdrop-filter:blur(4px)}dialog > div:where(:not([data-hie-ui],[data-hie-ui] *)){display:flex;align-items:center;justify-content:space-between}dialog h2:where(:not([data-hie-ui],[data-hie-ui] *)){font-size:24px;margin:0}dialog > p:where(:not([data-hie-ui],[data-hie-ui] *)){font-size:11px;color:var(--color-foreground-muted)}dialog dl:where(:not([data-hie-ui],[data-hie-ui] *)){display:grid;grid-template-columns:1fr auto;gap:9px;margin:24px 0 0;font-size:11px}dialog dd:where(:not([data-hie-ui],[data-hie-ui] *)){margin:0;color:var(--color-foreground-muted);font-family:monospace}dialog dt:where(:not([data-hie-ui],[data-hie-ui] *)){color:var(--color-foreground-muted)}@media (max-width:1100px){#app{grid-template-columns:180px minmax(380px,1fr) 218px}header:where(:not([data-hie-ui],[data-hie-ui] *)){gap:12px}.inspector-panel section{padding:15px}}@media (prefers-reduced-motion:no-preference){button:where(:not([data-hie-ui],[data-hie-ui] *)){transition:background 0.12s,color 0.12s}}.path-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.path-heading button{padding:5px 12px;background:var(--color-accent);color:var(--color-accent-contrast);border-radius:5px}.path-modes{display:flex;gap:3px;margin-bottom:12px}.path-modes button{flex:1;height:30px;font-size:19px;border-radius:4px}.path-modes button[aria-pressed='true']{background:var(--color-accent-subtle);color:var(--color-accent-ink)}.path-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.path-actions button,.path-paint > button{font-size:11px;border:1px solid var(--color-border);border-radius:4px;padding:6px}.path-option{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:11px;color:var(--color-foreground-muted)}.path-option select,.path-option input{width:136px;padding:6px;font:inherit;color:var(--color-foreground);border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface)}.gradient-stop{display:flex;align-items:center;gap:7px;margin:8px 0}.gradient-stop .field{flex:1;min-width:0}.gradient-stop .field span{font-size:0}.gradient-stop input[type='number']{width:100%}.path-paint input[type='color'],.path-controls input[type='color']{width:28px;height:28px;padding:1px;border:1px solid var(--color-border);border-radius:5px;background:transparent}.mesh-colors{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.edit-segment{stroke:var(--color-selection);stroke-width:1;fill:none;vector-effect:non-scaling-stroke;pointer-events:stroke}.selected-segment{stroke:var(--color-selection-emphasis);stroke-width:2.5}.anchor.selected-anchor{fill:var(--color-selection);stroke:var(--color-surface-bright)}.anchor.linked-anchor{fill:var(--color-selection-subtle);stroke:var(--color-selection);stroke-width:2}.anchor.connection-anchor{stroke:var(--color-connection);stroke-width:2}.region-preview{fill:var(--color-accent-border);opacity:0.25;pointer-events:none}.region-outline{fill:none;stroke:var(--color-connection);stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.gradient-line{stroke:var(--color-foreground);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.gradient-handle{fill:var(--color-surface-bright);stroke:var(--color-connection);stroke-width:2;vector-effect:non-scaling-stroke;cursor:crosshair}.brush-radius{stroke:var(--color-selection);fill:color-mix(in srgb,var(--color-selection) 5%,transparent);vector-effect:non-scaling-stroke;pointer-events:none}.path-modes svg,.path-alignment svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.path-alignment{display:flex;gap:5px;margin-top:12px}.path-alignment button{flex:1;height:28px;border:1px solid var(--color-border);border-radius:4px}.path-modes button{min-width:0;padding:0;width:0}.path-controls .field > span,.path-paint .field > span{white-space:nowrap}.gradient-stop-handle{stroke:var(--color-surface-bright);stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:ew-resize}.gradient-stop-handle.active{stroke:var(--color-connection);stroke-width:2}.pen-close-target{fill:color-mix(in srgb,var(--color-selection) 14%,transparent);stroke:var(--color-selection-emphasis);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.pen-close-dot{fill:var(--color-selection-emphasis);pointer-events:none}#surface[data-pen-intent='close']{cursor:crosshair}.type-controls select{width:100%}.type-controls .field-grid{margin-top:8px}.type-features{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;font-size:10px}.text-composer{position:absolute;left:0;resize:none;box-sizing:border-box;contain:strict;width:2px;height:2px;font:16px system-ui,sans-serif;opacity:0;pointer-events:none;border:0;border-radius:0;padding:0;outline:none;margin:0;background:transparent;color:transparent;caret-color:transparent;overflow:hidden;white-space:pre;cursor:text}.text-composer::selection{color:transparent;background:transparent}#canvas-measurements{--measurement-stroke:#e34468;--measurement-badge:#c5224b;--measurement-text:#ffffff;pointer-events:none;fill:none;stroke:var(--measurement-stroke);stroke-width:1}#canvas-measurements line{vector-effect:non-scaling-stroke}#canvas-measurements rect{fill:var(--measurement-badge);stroke:none}#canvas-measurements text{fill:var(--measurement-text);stroke:none;font-family:system-ui,sans-serif}#surface[data-canvas-pointer]{cursor:var(--canvas-cursor) !important}#surface:has(.text-composer) #overlay{visibility:hidden}.font-file-input{display:none}.font-dialog{border:1px solid var(--color-hairline);border-radius:8px;padding:20px}.insertion-target{fill:var(--color-selection-subtle);stroke:var(--color-selection-emphasis);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.field:has([data-graphic]){display:grid;grid-template-columns:minmax(42px,auto) minmax(0,1fr);gap:6px}.field:has([data-graphic]) > span{min-width:42px}.layout-boundary{fill:none;stroke:color-mix(in srgb,var(--color-foreground-subtle) 25%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.layout-caption{fill:var(--color-foreground-muted);pointer-events:none}.layout-space-control{pointer-events:all;outline:none}.layout-space-control rect{fill:color-mix(in srgb,var(--color-layout-subtle) 40%,var(--color-surface));stroke:var(--color-layout-border);stroke-width:1;vector-effect:non-scaling-stroke}.layout-space-control text{fill:var(--color-layout-ink);text-anchor:middle;pointer-events:none;font-family:inherit}.layout-space-control:hover rect,.layout-space-control:focus-visible rect,.layout-space-control.active rect{fill:var(--color-layout-subtle);stroke:var(--color-layout)}.layout-insertion{stroke:var(--color-selection);stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.layout-drop{fill:color-mix(in srgb,var(--color-selection) 10%,transparent);stroke:var(--color-selection);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.layout-drag-ghost{fill:color-mix(in srgb,var(--color-selection) 10%,transparent);stroke:var(--color-selection);stroke-dasharray:4 3;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.selection-reorder{cursor:grab}.selection-reorder .reorder-hit{fill:transparent;stroke:none;pointer-events:all}.selection-reorder .reorder-grip{fill:var(--color-surface-bright);stroke:var(--color-selection);stroke-width:1.5}.selection-reorder path{fill:none;stroke:var(--color-selection);stroke-width:1;pointer-events:none}.selection-reorder:hover .reorder-grip,.selection-reorder:focus-visible .reorder-grip,.selection-reorder.active .reorder-grip{fill:var(--color-selection);stroke-width:2}.selection-reorder:focus{outline:none}@media (pointer:coarse){.selection-reorder .reorder-hit{r:22}.selection-reorder .reorder-grip{r:8}}#surface[data-drag-intent='reorder'],#surface[data-drag-intent='reorder'] *{cursor:grabbing}.space-region{fill:color-mix(in srgb,var(--color-selection) 10%,transparent);stroke:var(--color-accent-border);stroke-dasharray:3 3;vector-effect:non-scaling-stroke;cursor:default}.layout-value-editor{position:absolute;z-index:5;width:72px;height:28px;border:1px solid var(--color-selection);border-radius:4px;background:var(--color-surface-raised);text-align:center;font:inherit}.layout-palette [role='group']{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.layout-palette button{display:grid;gap:5px;place-items:center;padding:9px 2px;cursor:grab}.layout-palette button:active{cursor:grabbing}.layout-palette button span{font-size:10px}.layout-palette-over{box-shadow:inset 0 0 0 2px var(--color-accent-border)}.field:has(select[data-graphic]){grid-template-columns:18px minmax(0,1fr);gap:2px}.field:has(select[data-graphic]) > span{min-width:0}.field select[data-graphic]{width:100%;min-width:0;padding:3px;border:0;background:transparent}.inspector-tabs{position:sticky;top:0;background:var(--color-surface);z-index:2}#app{grid-template-columns:224px minmax(440px,1fr) 272px;grid-template-rows:48px calc(100dvh - 48px)}header:where(:not([data-hie-ui],[data-hie-ui] *)){gap:16px;padding:0 12px;border-color:var(--color-hairline)}.primary{background:var(--color-accent);color:var(--color-accent-contrast);height:30px}.primary:hover{background:var(--color-accent-hover)}.layers-panel,.inspector-panel,.inspector-tabs{background:var(--color-surface);border-color:var(--color-hairline)}.context-bar{height:36px}.tool-rail{position:absolute;top:auto;bottom:16px;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;width:max-content;max-width:calc(100% - 32px);overflow:visible;gap:4px;padding:5px;border:1px solid var(--color-hairline);border-radius:12px;box-shadow:0 4px 20px var(--color-shadow);background:var(--color-surface-raised);z-index:2}.tool-rail button{display:grid;place-items:center;padding:0;color:var(--color-foreground-muted);border-radius:5px;width:34px;height:34px;flex:0 0 34px}.tool-rail button[aria-pressed='true']{background:var(--color-accent);color:var(--color-accent-contrast)}.zoom-controls{top:10px;bottom:auto;right:12px;background:var(--color-surface-raised)}.frame-label{fill:var(--color-foreground-muted);cursor:pointer;-webkit-user-select:none;user-select:none}#inspector h3{color:var(--color-foreground);font-size:11px;letter-spacing:0;text-transform:none;display:flex;align-items:center;justify-content:space-between}#inspector h3 button{width:24px;height:24px}.path-done{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle)}.path-done > button:first-child{background:var(--color-accent);color:var(--color-accent-contrast);padding:0 18px}footer:where(:not([data-hie-ui],[data-hie-ui] *)){color:var(--color-foreground-muted);background:var(--color-surface);border-color:var(--color-hairline)}@media (max-width:1100px){#app{grid-template-columns:190px minmax(380px,1fr) 240px}.tool-rail{gap:0}.tool-rail button{width:30px;flex-basis:30px}}.selection-actions{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);display:flex;align-items:center;width:max-content;max-width:calc(100% - 24px);overflow-x:auto;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-raised);box-shadow:0 3px 12px var(--color-shadow);opacity:0;visibility:hidden;transition:opacity 160ms ease,visibility 160ms;z-index:3}.selection-actions[data-visible='true']{opacity:1;visibility:visible}.action-group{interpolate-size:allow-keywords;flex:0 0 auto;width:0;overflow:clip;opacity:0;visibility:hidden;transition:width 200ms cubic-bezier(.2,.8,.2,1),opacity 160ms ease,visibility 200ms}.action-group[data-visible='true']{width:max-content;opacity:1;visibility:visible}.action-items{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;width:max-content;padding:4px}.action-group + .action-group .action-items{border-left:1px solid var(--color-border-subtle)}.selection-actions button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0}.selection-actions svg{display:block;width:16px;height:16px}.align-as-group [data-actions='alignment']{background:var(--color-accent-subtle)}.tool-rail svg{display:block}.allocation-region{pointer-events:none}.allocation-region[data-space-select]{pointer-events:all;cursor:pointer}.allocation-tint{fill:color-mix(in srgb,var(--color-layout) 6%,transparent)}.allocation-region[data-allocation='gap'] .allocation-tint{fill:color-mix(in srgb,var(--color-layout) 11%,transparent)}.layout-space-control rect{fill:color-mix(in srgb,var(--color-layout-subtle) 40%,var(--color-surface));stroke:var(--color-layout-border)}.layout-space-control:hover rect,.layout-space-control:focus-visible rect,.layout-space-control.active rect{fill:var(--color-layout-subtle);stroke:var(--color-layout)}@media (prefers-reduced-motion:reduce){.selection-actions,.action-group{transition:none}}.tool-rail .tool-group{display:flex;flex:0 0 auto;align-items:center;gap:0}.tool-rail .tool-group[data-tool-group='frames'],.tool-rail .tool-group[data-tool-group='navigation']{border-left:1px solid var(--color-border-subtle);margin-left:2px;padding-left:6px}.tool-rail .tool-menu-trigger{width:14px;flex:0 0 14px;border-radius:4px;color:var(--color-foreground-muted)}.tool-menu-trigger svg{width:10px;height:10px}.tool-menu-trigger[aria-expanded='true']{background:var(--color-surface-pressed);color:var(--color-foreground)}.tool-rail button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tool-menu{position:fixed;inset:auto;margin:0;padding:5px;width:max-content;min-width:192px;max-width:calc(100vw - 16px);max-height:calc(100vh - 80px);overflow-y:auto;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-raised);color:var(--color-foreground);box-shadow:0 8px 32px var(--color-shadow-strong),0 1px 4px var(--color-shadow-soft);opacity:0;translate:0 4px;transition:opacity 120ms ease,translate 120ms ease,display 120ms allow-discrete,overlay 120ms allow-discrete}.tool-menu:popover-open{opacity:1;translate:0 0}@starting-style{.tool-menu:popover-open{opacity:0;translate:0 4px}}.tool-rail .tool-menu button{display:grid;grid-template-columns:20px 1fr auto 12px;align-items:center;justify-items:start;gap:10px;width:100%;height:32px;padding:0 8px;border-radius:5px;color:inherit;white-space:nowrap;text-align:left;font-size:12px}.tool-menu button svg{width:18px;height:18px}.tool-menu button:hover,.tool-menu button:focus-visible{background:var(--color-surface-hover)}.tool-menu button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.tool-menu kbd{color:var(--color-foreground-muted);font:inherit;font-size:11px}.tool-check{visibility:hidden;color:var(--color-accent)}[aria-checked='true'] > .tool-check{visibility:visible}@media (prefers-reduced-motion:reduce){.tool-menu{transition:none}}.brush-size-slider{width:100%;margin:12px 0 4px;accent-color:var(--color-accent)}.modifier-add{display:flex;align-items:center;gap:4px;margin-bottom:10px}.modifier-add select{min-width:0;flex:1;height:28px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-control);padding:0 8px;font-size:11px}.modifier-add button{flex:0 0 28px;width:28px;height:28px;padding:6px;color:var(--color-foreground-muted)}.modifier-card{border:1px solid var(--color-border-subtle);border-radius:6px;margin-bottom:8px;overflow:hidden}.modifier-card[data-active='true']{border-color:var(--color-accent-border)}.modifier-card[data-active='false'] .modifier-fields,.modifier-card[data-active='false'] .modifier-actions{display:none}.modifier-heading{display:flex;align-items:center;gap:2px;padding:4px}.modifier-heading button{flex:0 0 24px;width:24px;height:26px;min-width:24px;padding:4px;color:var(--color-foreground-muted);border-radius:4px}.modifier-heading button svg,.modifier-actions button svg,.modifier-add button svg{width:14px;height:14px;flex-shrink:0}.modifier-heading .modifier-name{flex:1;min-width:0;justify-content:flex-start;gap:5px;font-size:11px;font-weight:550;color:var(--color-foreground)}.modifier-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modifier-heading .modifier-name[aria-pressed='true']{background:transparent;color:var(--color-accent-ink)}.modifier-name[aria-expanded='false'] svg{transform:rotate(-90deg)}.modifier-fields{padding:4px 8px 8px}.modifier-fields .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modifier-fields .field{position:relative;flex-direction:column;align-items:stretch;gap:0;height:auto;min-height:48px;padding:5px 8px}.modifier-fields .field > span{min-width:0;font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modifier-fields .field input{min-width:0;width:100%;font-size:11px;line-height:18px;padding:0}.modifier-card[data-enabled='false'] .modifier-name{color:var(--color-foreground-muted)}.modifier-card[data-enabled='false'] .modifier-fields{opacity:.6}.modifier-actions{display:flex;align-items:center;gap:2px;padding:4px 8px;border-top:1px solid var(--color-border-subtle)}.modifier-actions button{height:24px;padding:4px;font-size:10px;color:var(--color-foreground-muted)}.modifier-actions button:last-child{margin-left:auto;gap:5px}.modifiers > .arrange-row button{border-color:var(--color-border-subtle);font-size:10px}.modifier-option{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px}@media (pointer:coarse){.modifier-heading{flex-wrap:wrap}.modifier-heading .modifier-name{flex-basis:calc(100% - 144px)}.modifier-heading button,.modifier-add button,.modifier-actions button{min-width:44px;min-height:44px}.modifier-fields .field > span{min-height:0;display:block}}.modifier-overlay{color:var(--color-component)}.modifier-overlay > line,.modifier-source{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.modifier-source{opacity:.55}[data-modifier-handle]{cursor:move;outline:none}[data-modifier-handle] circle:where(:not([data-hie-ui],[data-hie-ui] *)){fill:var(--color-surface-bright);stroke:var(--color-component);stroke-width:1.5;vector-effect:non-scaling-stroke}[data-modifier-handle] .modifier-hit{fill:transparent;stroke:none}[data-modifier-handle]:hover circle:not(.modifier-hit):where(:not([data-hie-ui],[data-hie-ui] *)),[data-modifier-handle]:focus-visible circle:not(.modifier-hit):where(:not([data-hie-ui],[data-hie-ui] *)){fill:var(--color-component)}[data-modifier-handle] text:where(:not([data-hie-ui],[data-hie-ui] *)){fill:var(--color-component-ink);stroke:var(--color-surface);stroke-width:3;paint-order:stroke;pointer-events:none}#surface[data-paint-cursor="true"]{cursor:none}#layers{position:relative;flex:1;min-height:150px;overflow:auto;overscroll-behavior:contain;padding:0 7px 32px;-webkit-user-select:none;user-select:none}#source-navigation{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}@media (max-width:1180px),(pointer:coarse){#layers{touch-action:pan-y}}.layer-insertion{position:absolute;right:7px;height:2px;background:var(--color-selection);pointer-events:none;z-index:5}.layer-insertion::before{content:'';position:absolute;width:5px;height:5px;left:-3px;top:-2px;border:1.5px solid var(--color-selection);border-radius:50%;background:var(--color-surface)}.layer-drag-preview{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;display:flex;align-items:center;gap:8px;box-sizing:border-box;max-width:210px;padding:4px 12px 4px 4px;color:var(--color-foreground);background:var(--color-surface-raised);border:1px solid var(--color-hairline);border-radius:6px;box-shadow:0 4px 20px var(--color-shadow);font-size:12px;line-height:16px}.layer-drag-preview img{display:block;flex:none;width:24px;height:24px;border-radius:4px;background-color:var(--color-surface-sunken);pointer-events:none}.layer-drag-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appearance-section h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.appearance-section h3 button{width:26px;height:26px}.appearance-row{margin:0 -4px 6px;padding:4px;border-radius:6px}.appearance-row:hover,.appearance-row:focus-within{background:var(--color-surface-hover)}.paint-values{display:grid;grid-template-columns:26px minmax(0,1fr) 65px;gap:6px;align-items:center}.paint-swatch{width:26px;height:26px;padding:0;border:1px solid var(--color-hairline);border-radius:5px;overflow:hidden;cursor:pointer;background:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0) 0 0 / 8px 8px}.paint-swatch > span{display:block;width:100%;height:100%;pointer-events:none}.paint-swatch[data-mixed=true]{background:repeating-linear-gradient(135deg,var(--color-control) 0 6px,var(--color-foreground-muted) 6px 7px)}.paint-swatch[data-mixed=true] > span{opacity:0}.paint-swatch:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.paint-swatch:disabled{cursor:default}.paint-values input[type=color]{width:26px;height:26px;padding:0;border:1px solid var(--color-hairline);border-radius:5px;background:transparent;cursor:pointer}.paint-values input[type=color]::-webkit-color-swatch-wrapper{padding:0}.paint-values input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.paint-values input[type=color][data-mixed=true]{background:repeating-linear-gradient(135deg,var(--color-control) 0 6px,var(--color-foreground-muted) 6px 7px)}.paint-values input[type=color][data-mixed=true]::-webkit-color-swatch{opacity:0}.paint-values input[type=color][data-mixed=true]::-moz-color-swatch{opacity:0}.paint-hex{width:100%;border:0;background:transparent;padding:5px 2px;height:28px;font-variant-numeric:tabular-nums}.paint-values .field,.paint-tools .field{margin:0;height:28px;padding:0 6px;gap:4px;min-width:0}.paint-values .field input,.paint-tools .field input{min-width:0;width:100%;padding:0}.paint-tools{display:flex;align-items:center;gap:1px;height:26px;margin-top:2px}.paint-tools button{width:25px;height:24px;padding:4px;opacity:0;transition:opacity 120ms}.paint-tools button svg{width:14px;height:14px}.appearance-row:hover .paint-tools button,.appearance-row:focus-within .paint-tools button{opacity:1}.appearance-row:hover .paint-tools button:disabled,.appearance-row:focus-within .paint-tools button:disabled{opacity:.25}.paint-tool-spacer,.paint-width{flex:1}.appearance-row[data-muted=true] .paint-values{opacity:.45}.field:has(input[type=number]) > span{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.field input[type=number]:not(:focus){cursor:ew-resize}.field input[type=number]{appearance:textfield;touch-action:none;font-variant-numeric:tabular-nums}.field input[type=number]::-webkit-inner-spin-button,.field input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.scrub-feedback{position:fixed;z-index:100;right:24px;bottom:20px;pointer-events:none;border:1px solid color-mix(in srgb,var(--color-foreground-inverse) 19%,transparent);border-radius:6px;padding:6px 10px;background:var(--color-surface-inverse);color:var(--color-foreground-inverse);font-variant-numeric:tabular-nums;box-shadow:0 3px 12px var(--color-shadow)}@media (prefers-reduced-motion:reduce){.paint-tools button{transition:none}}#inspector section{padding:12px 16px}#inspector .field{background:var(--color-control);border-color:transparent}#inspector .field:hover{border-color:var(--color-border-subtle)}#inspector .generator-controls .field > span{flex-shrink:0;font-size:11px}#inspector .generator-controls .field input{font-size:11px}#inspector .field > span{color:var(--color-foreground-muted)}#inspector .field:focus-within{border-color:var(--color-focus)}#inspector .object-appearance{display:flex;gap:12px;align-items:center}#inspector .object-appearance h3{flex:1;margin:0}#inspector .object-appearance .field-grid{display:block;width:142px;flex:none}#inspector .object-appearance .field{gap:4px}#inspector .object-appearance .field input{min-width:36px}.paint-tools button{opacity:.4}.paint-tools button:disabled{opacity:.15}[hidden]{display:none !important}#library{overflow:auto;flex:1;min-height:0}.component-controls svg{color:var(--color-component);width:14px;height:14px;flex:none}.component-source-name{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-component-ink)}.component-actions{display:flex;flex-wrap:wrap;gap:4px}.component-actions button{flex:1 0 auto}.variable-binding{width:27px;min-width:27px;max-width:76px;height:25px;padding:2px !important;border:0 !important;border-radius:4px;background:transparent;font-size:11px;cursor:pointer;text-overflow:ellipsis}.variable-binding[data-bound="true"]{color:var(--color-component-ink);background:var(--color-component-subtle);width:65px}.variable-reveal{flex:none;width:25px;min-width:25px;height:25px;padding:0;border:0;background:transparent;color:var(--color-component-ink)}.library-binding-field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-block:8px}.library-binding-control{display:flex;align-items:center;gap:4px;min-width:0}.library-binding-control .variable-binding{width:150px;max-width:150px}@media(pointer:coarse),(max-width:680px){.library-bindings .variable-binding,.variable-reveal{min-height:44px}.variable-reveal{min-width:44px}}.field:has(.variable-binding){position:relative}.field:has(.variable-binding) > input{flex:1;width:30px}.paint-tools .paint-tool-spacer{flex:1}.paint-tools .variable-binding{order:-1;margin-right:auto}.image-variable .variable-binding{width:100%;max-width:none}.library-properties label{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-properties .variable-binding{max-width:150px;width:150px}.image-variable{display:flex;align-items:center;gap:12px;margin-bottom:8px}.image-variable > span{color:var(--color-foreground-muted);font-size:11px}.image-modifier{border:1px solid var(--color-hairline);border-radius:8px;padding:8px;margin-block:8px}.image-modifier-heading{display:flex;align-items:center;gap:2px;margin-bottom:8px}.image-modifier-heading strong{flex:1;font-size:11px;font-weight:500}.image-modifier-heading button{width:24px;height:24px;padding:0}.image-modifier[data-enabled="false"] .field-grid,.image-modifier[data-enabled="false"] .image-modifier-detail{opacity:.5}.image-modifier-detail{font-size:11px;color:var(--color-foreground-muted)}.image-adjustments .arrange-row select{min-width:0;flex:1}@media (max-width:1180px),(pointer:coarse){.image-modifier-heading button{width:40px;min-width:40px;height:40px;min-height:40px}}.build-region{fill:color-mix(in srgb,var(--color-layout) 8%,transparent);stroke:var(--color-layout);stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:all;cursor:crosshair}.build-region[data-included="true"]{fill:color-mix(in srgb,var(--color-layout) 30%,transparent)}.build-region:hover{fill:color-mix(in srgb,var(--color-layout) 50%,transparent)}.type-rhythm-note,.type-overflow{font-size:11px;line-height:1.5;margin:8px 0;color:var(--color-foreground-muted)}.type-overflow{color:var(--color-warning)}.grid-style-status{color:var(--color-component-ink)}.layout-controls .field:has(.variable-binding){grid-template-columns:minmax(0,1fr) auto auto;height:auto;min-height:48px;padding-block:5px;gap:2px 4px}.layout-controls .field:has(.variable-binding) > span{grid-column:1 / -1;font-size:10px}.layout-controls .field:has(.variable-binding) > input{width:100%;min-width:0;font-size:12px}.layout-controls .field .variable-binding{width:27px;min-width:27px;max-width:65px}.layout-controls .field .variable-binding[data-bound="true"]{width:65px}.layout-controls .field .variable-reveal{width:22px;min-width:22px}.layout-controls > details.contextual-property-section{margin-top:8px;border-top:1px solid var(--color-hairline)}.layout-controls > details.contextual-property-section > summary{padding-block:9px;font-size:11px}.layout-controls > details.contextual-property-section > section{padding:0 0 8px}.design-control-inspector textarea{width:100%;resize:vertical;box-sizing:border-box;padding:8px;border:1px solid var(--color-border);border-radius:4px;font:11px/1.6 ui-monospace,monospace}.layout-space-control .layout-control-hit,.grid-span-control .layout-control-hit{fill:transparent !important;stroke:none !important;pointer-events:all}.grid-assignment{fill:color-mix(in srgb,var(--color-layout) 4%,transparent);stroke:var(--color-layout);stroke-width:1;vector-effect:non-scaling-stroke}.grid-span-control{cursor:nwse-resize;touch-action:none}.grid-span-control rect:not(.layout-control-hit){fill:var(--color-surface-bright);stroke:var(--color-layout);stroke-width:1.5;vector-effect:non-scaling-stroke}.grid-span-control:focus-visible rect:not(.layout-control-hit){fill:color-mix(in srgb,var(--color-layout) 35%,var(--color-surface-bright))}#surface[data-layer-focus="true"] .canvas-context-actions{display:none}.grid-coverage-surface{fill:transparent !important;stroke:none !important;pointer-events:all;cursor:crosshair;touch-action:none}.grid-coverage-area{fill:color-mix(in srgb,var(--color-layout) 13%,transparent);stroke:var(--color-layout);stroke-width:2;vector-effect:non-scaling-stroke}.grid-coverage-preview g rect{fill:color-mix(in srgb,var(--color-layout) 25%,var(--color-surface-inverse));stroke:color-mix(in srgb,var(--color-foreground-inverse) 60%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.grid-coverage-preview text{fill:var(--color-foreground-inverse);text-anchor:middle;font-family:ui-sans-serif,system-ui,sans-serif}@media (pointer:coarse),(max-width:640px){.placement-controls input,.placement-controls select,.placement-controls button,.layout-controls input,.layout-controls select{min-height:44px;height:auto}}#surface[data-layer-focus="true"] .layout-guide{opacity:.16}#surface[data-layer-focus="true"] .layout-guide,#surface[data-layer-focus="true"] .guide-hit{pointer-events:none !important}.layout-space-control .layout-control-hit{pointer-events:none}.layout-space-control[data-layout-key="firstBaseline"] .layout-control-hit,.layout-space-control[data-layout-key="lineHeight"] .layout-control-hit{pointer-events:all}@media (pointer:coarse){.layout-space-control .layout-control-hit{pointer-events:all}}.placement-controls .field:has(select[data-graphic]),.layout-controls .field:has(select[data-graphic]){grid-template-columns:minmax(76px,.8fr) minmax(0,1.8fr);gap:8px}.layout-controls .field-grid .field:has(select[data-graphic]),.type-controls .field-grid .field:has(select[data-graphic]){grid-template-columns:minmax(0,1fr);gap:0;height:auto;padding-top:6px}.layout-controls .field-grid .field:has(select[data-graphic]) > span,.type-controls .field-grid .field:has(select[data-graphic]) > span{min-height:0;justify-items:start;line-height:14px}.type-property-panel .type-tabs{display:flex;gap:4px;padding:4px;margin:10px 0 12px;border-radius:8px;background:var(--color-control)}.type-property-panel .type-tabs button{flex:1;border:0;background:transparent;padding:7px 4px;border-radius:5px;color:var(--color-foreground-muted)}.type-property-panel .type-tabs button[aria-pressed="true"]{background:var(--color-background);color:var(--color-foreground);box-shadow:0 1px 3px #0002}.type-tab-content{display:grid;gap:10px}.type-property-panel .type-preview{padding:16px;border-radius:8px;background:var(--color-control);font-size:24px;line-height:1.3;overflow-wrap:anywhere;max-height:180px;overflow:auto}.type-property-panel .field{height:auto;min-height:38px;display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:6px 8px;border-color:transparent;border-radius:7px}.type-property-panel .field > span{font-size:10px;color:var(--color-foreground-muted);line-height:1.4}.type-property-panel .field input,.type-property-panel .field select{width:100%;min-width:0;padding:0;border:0;background:transparent;font-size:12px}.type-property-panel .type-segments{padding:0;margin:0;border:0;min-width:0}.type-segments legend{font-size:11px;color:var(--color-foreground-muted);margin-bottom:6px}.type-segments > div{display:flex;background:var(--color-control);border-radius:7px;padding:3px;gap:3px}.type-segments label{flex:1;position:relative;display:grid;place-items:center;min-height:30px;cursor:pointer;border-radius:5px}.type-segments input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.type-segments label:has(:checked){background:var(--color-background);box-shadow:inset 0 0 0 1px var(--color-border)}.type-segments label:has(:focus-visible){outline:2px solid var(--color-accent);outline-offset:1px}.type-segments label:first-child span{text-align:left;width:20px}.type-segments label:nth-child(3) span{text-align:right;width:20px}.type-feature-grid{display:grid;gap:8px}.type-feature-grid label{display:flex;align-items:center;gap:7px;font-size:11px}.type-feature-grid code{margin-left:auto;font-size:10px;color:var(--color-foreground-muted)}.type-empty{padding:16px;border-radius:8px;background:var(--color-control);font-size:12px;line-height:1.6}.type-empty p{color:var(--color-foreground-muted);margin-bottom:0}.type-axis{display:grid;gap:4px}.type-preview svg{display:block;width:100%;max-height:150px}.type-property-panel .field:has([data-graphic]){grid-template-columns:minmax(0,1fr);gap:3px}.type-property-panel .field:has([data-graphic]) > span{min-width:0}.type-property-panel .field:has(.variable-binding){grid-template-columns:minmax(0,1fr) auto}.type-property-panel .field:has(.variable-reveal){grid-template-columns:minmax(0,1fr) auto auto}.type-property-panel .field:has(.variable-binding) > span{grid-column:1 / -1}.type-property-panel .field:has(.variable-binding) > input{width:100%}.type-property-panel .field select.variable-binding{width:28px;padding:2px}.type-property-panel .type-tab-content{margin-bottom:12px}.type-property-panel h3{font-size:12px;font-weight:600}.renoun-layer-picker{min-width:220px;max-width:min(320px,calc(100vw - 16px));padding:6px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface);color:var(--color-foreground);box-shadow:0 8px 28px #0002}.renoun-layer-picker > strong{display:block;padding:7px 10px;font-size:12px}.renoun-layer-picker > button{display:block;width:100%;text-align:left;padding:8px 12px;border:0;border-radius:5px;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.renoun-layer-picker > button:hover,.renoun-layer-picker > button:focus-visible{background:var(--color-hover);outline:1px solid var(--color-selection)}.renoun-layer-picker > button[aria-pressed="true"]{background:var(--color-selection);color:white}.renoun-layer-picker > button[data-pointer-rest]{background-color:var(--color-hover);background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-selection) 28%,transparent),color-mix(in srgb,var(--color-selection) 28%,transparent));background-repeat:no-repeat;animation:layer-picker-rest 450ms linear both}@keyframes layer-picker-rest{from{background-size:0 100%}to{background-size:100% 100%}}@media (prefers-reduced-motion:reduce){.renoun-layer-picker > button[data-pointer-rest]{animation:none;background-size:100% 100%}}@media (pointer:coarse),(max-width:680px){.renoun-layer-picker > button{min-height:44px}}.canvas-minimap{position:absolute;right:16px;bottom:16px;z-index:5;width:196px;border:1px solid var(--color-hairline);border-radius:12px;background:var(--color-surface-glass);color:var(--color-foreground);box-shadow:0 4px 20px var(--color-shadow);backdrop-filter:blur(16px);overflow:hidden}.canvas-minimap[data-collapsed="true"]{width:auto}.canvas-minimap .canvas-minimap-toggle{width:100%;height:32px;justify-content:space-between;gap:8px;border:0;border-radius:0;background:transparent;padding:8px 10px 8px 12px;font:inherit;font-size:11px;color:var(--color-foreground-muted);cursor:pointer}.canvas-minimap .canvas-minimap-toggle:hover{background:var(--color-surface-hover);color:var(--color-foreground)}.canvas-minimap-toggle svg{width:14px;height:14px;rotate:-90deg;transition:rotate 120ms ease}.canvas-minimap-toggle[aria-expanded="true"] svg{rotate:0deg}.canvas-minimap>svg{display:block;width:196px;height:128px;border-top:1px solid var(--color-hairline);background:var(--color-canvas);touch-action:none;cursor:grab}.canvas-minimap>svg[hidden]{display:none}.minimap-item{fill:color-mix(in srgb,var(--color-foreground-muted) 64%,var(--color-canvas));stroke:var(--color-foreground-muted);stroke-width:.5}.minimap-viewport{fill:var(--color-selection-subtle);stroke:var(--color-selection-emphasis);stroke-width:1.5}@media(max-width:1180px),(max-height:479px){.canvas-minimap{display:none}}@media(prefers-reduced-motion:reduce){.canvas-minimap-toggle svg{transition:none}}.hovered-segment{stroke:var(--color-selection-emphasis);stroke-width:3}.anchor.hovered-anchor,.control.hovered-control{fill:var(--color-selection-subtle);stroke:var(--color-selection-emphasis);stroke-width:2}#inspector .transform-origin-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}#inspector .transform-origin-grid{--origin-target:24px;display:grid;grid-template-columns:repeat(3,var(--origin-target));gap:2px}#inspector .transform-origin-grid button{display:grid;place-items:center;padding:0;width:var(--origin-target);height:var(--origin-target);min-width:0;min-height:0}#inspector .transform-origin-grid button span{width:4px;height:4px;border-radius:50%;background:currentColor}#inspector .transform-origin-grid button[aria-pressed="true"]{color:var(--color-accent-ink);background:var(--color-accent-subtle)}@media (pointer:coarse){#inspector .transform-origin-grid{--origin-target:44px}}.control.selected-control{fill:var(--color-selection);stroke:var(--color-surface-bright);stroke-width:1.5}.selection-box,.resize-handle,.rotation,.tangent,.anchor{vector-effect:non-scaling-stroke}.resize-handle{stroke-width:1}.corner-overlay [data-modifier-handle] circle:not(.modifier-hit){stroke:var(--color-selection);stroke-width:1}.corner-overlay .corner-value{fill:var(--color-selection);stroke:none;pointer-events:none}.corner-overlay [data-modifier-handle] .corner-value-text{fill:white;stroke:none;pointer-events:none}.media-recording-panel{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--color-hairline);border-radius:16px;color:var(--color-foreground);background:var(--color-surface-raised)}.media-recording-panel::backdrop{background:#0008}.media-recording-panel video{display:block;width:100%;max-height:280px;margin-top:16px;background:#111;border-radius:8px}.media-recording-panel video[hidden]{display:none}.media-recording-panel.media-recording-canvas{position:fixed;inset:auto 16px 16px auto;margin:0;z-index:100;width:min(360px,calc(100vw - 32px));max-height:min(480px,calc(100dvh - 32px));padding:16px;box-shadow:0 8px 32px #0004}.media-recording-canvas h2{margin-top:0}.media-recording-canvas button{min-height:44px}.media-recording-canvas .media-recording-takes{max-height:140px;overflow:auto}.media-recording-controls,.media-recording-takes > div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:12px}.media-recording-panel button{padding:8px 12px;border:1px solid var(--color-hairline);border-radius:8px;background:var(--color-surface-raised);color:inherit}.media-recording-takes span{flex:1 1 100%}.canvas-lesson-input{position:absolute;inset:0;z-index:80;cursor:help}.canvas-lesson-player{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:110;width:min(820px,calc(100vw - 32px));display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--color-hairline);border-radius:12px;background:var(--color-surface-raised);color:var(--color-foreground);box-shadow:0 8px 32px #0004}.canvas-lesson-player strong{flex:1 0 100%}.canvas-lesson-player input[type=range]{flex:1;min-width:100px}.canvas-lesson-player button,.canvas-lesson-player select{min-height:44px}.canvas-lesson-player select{width:auto;flex:none}.canvas-lesson-player p{flex:1 0 100%;margin:0;font-size:12px}.canvas-recording-lessons{max-height:180px;overflow:auto}.canvas-recording-lessons>div{display:flex;flex-wrap:wrap;gap:6px;margin-block:8px}.canvas-recording-lessons span{flex:1 0 100%}.media-recording-panel [data-lesson-title]{width:100%;box-sizing:border-box}.component-interface{display:grid;gap:12px;min-width:0;margin-top:12px}.component-inputs,.component-slots,.component-definitions{display:grid;gap:8px;min-width:0}.component-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.component-interface label{display:grid;gap:6px;min-width:0}.component-interface input,.component-interface select{width:100%;min-width:0;box-sizing:border-box}#inspector .component-interface input,#inspector .component-interface select{padding:8px;border:1px solid var(--color-hairline);border-radius:6px;background:var(--color-control);color:var(--color-foreground);font:inherit}.component-input-row button{max-width:76px}.component-definitions > div{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}.component-definitions span{overflow-wrap:anywhere;min-width:0}.component-setup{min-width:0;border-top:1px solid var(--color-border-subtle);padding-top:8px}.component-setup summary{cursor:pointer;padding:6px 0}.component-setup p{color:var(--color-foreground-muted);font-size:12px;line-height:1.5}.component-setup form{display:grid;gap:8px;min-width:0}@media(pointer:coarse),(max-width:680px){.variable-expression input,.variable-expression select{font-size:16px}#inspector .component-interface input[aria-label]:not([type='checkbox']):not([type='range']),#inspector .component-interface select,#inspector .component-interface button,#inspector .component-setup summary{min-height:44px;height:auto;font-size:16px}.component-input-row{grid-template-columns:minmax(0,1fr)}.component-input-row button{justify-self:end;min-width:64px}.component-interface{gap:16px}#inspector .variable-binding{min-width:44px;min-height:44px;max-width:100%}}.media-recording-header,.canvas-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.media-recording-header h2{margin:0;font-size:16px;letter-spacing:-.02em}.media-recording-panel summary{cursor:pointer;padding-block:10px;font-size:12px;font-weight:500}.media-recording-panel p{font-size:12px;line-height:1.5;color:var(--color-foreground-muted);margin-block:8px 12px}.media-recording-panel h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-foreground-muted);margin-block:16px 8px}.media-recording-title{display:grid;gap:6px;font-size:11px;color:var(--color-foreground-muted)}.media-recording-title input{padding:9px 10px;border:1px solid var(--color-hairline);border-radius:7px;background:var(--color-surface-raised);color:var(--color-foreground);font:inherit;font-size:13px}.media-recording-audio{display:flex;align-items:center;gap:8px;font-size:12px}.media-recording-options,.media-recording-library{margin-top:12px;border-top:1px solid var(--color-hairline)}.media-recording-primary{display:grid;grid-template-columns:1fr 1fr}.media-recording-primary button[data-record=canvas]{grid-column:1/-1;background:#6357d7;border-color:#6357d7;color:#fff;font-weight:500}.media-recording-primary button[data-record=canvas]::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:8px}.media-recording-panel button[aria-pressed=true]{border-color:#8275df;background:color-mix(in srgb,#8275df 10%,var(--color-surface-raised))}.media-recording-panel button:disabled{opacity:.45;cursor:default}.media-recording-primary button[data-record=stop]:not([hidden]){grid-column:1/-1;border-color:currentColor;font-weight:600}.media-recording-panel [hidden]{display:none !important}.canvas-lesson-player{--editor-accent:#7462d8;--editor-line:var(--color-hairline);position:fixed;inset:auto 16px 14px;transform:none;width:auto;max-height:calc(100dvh - 100px);box-sizing:border-box;display:block;overflow:visible;padding:0;border:1px solid var(--editor-line);border-radius:12px;background:var(--color-surface-raised);box-shadow:0 12px 42px #00000014,0 2px 8px #00000008;color:var(--color-foreground);font-size:12px}.canvas-lesson-player button,.canvas-lesson-player select{box-sizing:border-box;min-height:30px;border:1px solid transparent;border-radius:6px;padding:5px 8px;background:transparent;color:inherit;font:inherit;font-size:11px;cursor:pointer}.canvas-lesson-player button:hover:not(:disabled){background:color-mix(in srgb,var(--color-foreground) 6%,transparent)}.canvas-lesson-player button:disabled{opacity:.32;cursor:default}.canvas-lesson-player button:focus-visible,.media-recording-panel button:focus-visible,.composition-ruler:focus-visible{outline:2px solid var(--editor-accent,#7462d8);outline-offset:2px}.canvas-lesson-player svg{width:16px;height:16px;flex:none}.canvas-lesson-player .canvas-lesson-header{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:12px;width:auto;min-height:56px;padding:0 16px;box-sizing:border-box;border:0;border-bottom:1px solid var(--editor-line);border-radius:12px 12px 0 0}.canvas-lesson-title{display:flex;align-items:center;gap:10px;min-width:0}.canvas-lesson-title>svg{width:30px;height:30px;padding:7px;box-sizing:border-box;background:color-mix(in srgb,var(--editor-accent) 12%,transparent);color:var(--editor-accent);border-radius:8px}.canvas-lesson-title>div{display:grid;gap:2px;min-width:0}.canvas-lesson-title span{font-size:8px;letter-spacing:.1em;color:var(--color-foreground-muted)}.canvas-lesson-header strong{flex:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.canvas-lesson-transport{display:flex;align-items:center;gap:3px}.canvas-lesson-transport button{display:grid;place-items:center;width:30px;padding:5px}.canvas-lesson-transport .canvas-lesson-play{width:34px;height:34px;margin-inline:3px;border:1px solid var(--editor-line);background:var(--color-surface-raised);box-shadow:0 1px 2px #00000008}.canvas-lesson-transport output{min-width:148px;text-align:center;font:11px ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;margin-inline:8px}.canvas-lesson-transport select{width:50px;min-height:28px;padding:2px;color:var(--color-foreground-muted)}.canvas-lesson-player .lesson-playhead-input{position:absolute!important;width:1px!important;min-width:0!important;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.canvas-lesson-header-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.canvas-lesson-header-actions button{display:flex;gap:5px;align-items:center}.canvas-lesson-header-actions [data-lesson=close]{border:1px solid var(--editor-line);padding-inline:12px}.canvas-lesson-player .canvas-lesson-object{position:absolute;bottom:calc(100% + 8px);right:0;padding:7px 10px;border:1px solid var(--editor-line);border-radius:6px;background:var(--color-surface-raised);font-size:11px}.canvas-lesson-object[hidden]{display:none}.canvas-composition-editor{min-width:0}.composition-toolbar{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--editor-line)}.composition-tool-group{display:flex;gap:3px;padding-right:10px;border-right:1px solid var(--editor-line)}.canvas-lesson-player .composition-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:28px;min-height:28px;white-space:nowrap}.composition-action svg{width:15px;height:15px}.composition-toolbar-meta{font-size:10px;color:var(--color-foreground-muted)}.composition-save-state{margin-left:auto;color:var(--color-foreground-muted);font-size:10px}.composition-save-state[data-dirty=true]::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#c28b34}.canvas-lesson-player .composition-action[data-primary]{background:var(--editor-accent);color:white;padding-inline:10px}.composition-body{display:grid;grid-template-columns:minmax(0,1fr) 196px;min-height:174px}.composition-timeline{display:grid;grid-template-columns:92px minmax(0,1fr);min-width:0;padding:0 18px 14px 0;background:color-mix(in srgb,var(--color-foreground) 2%,var(--color-surface-raised));border-radius:0 0 0 12px}.composition-track-labels{border-right:1px solid var(--editor-line);margin-right:12px}.composition-ruler-label{height:28px;display:flex;align-items:center;padding-left:14px;font-size:8px;letter-spacing:.09em;color:var(--color-foreground-muted)}.composition-track-label{height:44px;display:flex;align-items:center;gap:6px;padding-left:14px;font-size:10px;color:var(--color-foreground-muted)}.composition-track-label svg{width:13px;height:13px}.composition-tracks{position:relative;min-width:0}.composition-ruler{height:28px;position:relative;cursor:ew-resize;touch-action:none;background:repeating-linear-gradient(90deg,transparent,transparent calc(8.333% - 1px),var(--editor-line) calc(8.333% - 1px),var(--editor-line) 8.333%) bottom/100% 4px no-repeat}.composition-ruler span{position:absolute;top:7px;color:var(--color-foreground-muted);font:9px ui-monospace,SFMono-Regular,monospace;transform:translateX(-50%);pointer-events:none}.composition-ruler span:first-child{transform:none}.composition-ruler span:last-child{transform:translateX(-100%)}.composition-track{position:relative;height:44px;border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 4%,transparent)}.composition-clip{position:absolute;top:5px;height:34px;padding-right:3px;box-sizing:border-box}.canvas-lesson-player .composition-clip-select{width:100%;height:100%;display:flex;align-items:center;gap:6px;text-align:left;overflow:hidden;white-space:nowrap;border-radius:5px;border:1px solid #bcb0ec;background:#e8e2f8;color:#544485;padding:5px 10px}.canvas-lesson-player .camera .composition-clip-select{border-color:#b2cae7;background:#deebfa;color:#476587}.composition-clip-select span{overflow:hidden;text-overflow:ellipsis;font-size:10px}.composition-clip-select svg{width:12px;height:12px}.composition-clip-select small{margin-left:auto;opacity:.65;font:9px ui-monospace,SFMono-Regular,monospace}.composition-clip[data-selected=true] .composition-clip-select{border-color:#7e69bd;box-shadow:inset 0 0 0 1px #7e69bd}.camera .composition-clip[data-selected=true] .composition-clip-select{border-color:#577ca8}.canvas-lesson-player .composition-trim-handle{position:absolute;top:3px;bottom:3px;width:7px;min-width:0;min-height:0;padding:0;border:0;border-radius:2px;opacity:0;background:#7e69bd;cursor:ew-resize;touch-action:none}.composition-trim-handle.start{left:3px}.composition-trim-handle.end{right:6px}.composition-clip:hover .composition-trim-handle,.composition-clip[data-selected=true] .composition-trim-handle{opacity:.48}.canvas-lesson-player .composition-change{position:absolute;bottom:9px;width:3px;min-width:0;min-height:0;border:0;border-radius:2px;padding:0;background:#72aaa1;opacity:.75}.canvas-lesson-player .composition-change:hover{background:#36786e;opacity:1}.composition-no-changes{position:absolute;inset:15px auto auto 8px;font-size:10px;color:var(--color-foreground-muted)}.composition-playhead{position:absolute;top:22px;bottom:0;left:var(--playhead,0%);width:1px;background:#d7675e;pointer-events:none;z-index:2}.composition-playhead::before{content:'';position:absolute;left:-4px;top:-5px;width:9px;height:9px;border-radius:2px;background:#d7675e;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.composition-inspector{padding:14px 16px;border-left:1px solid var(--editor-line);min-width:0}.composition-inspector h3{margin:0 0 4px;font-size:12px;font-weight:550}.composition-linked{font-size:9px;color:var(--color-foreground-muted)}.composition-inspector dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:15px 0 12px;font-size:10px}.composition-inspector dt{color:var(--color-foreground-muted)}.composition-inspector dd{margin:0;font:10px ui-monospace,SFMono-Regular,monospace}.composition-inspector-trim{display:flex;gap:6px}.canvas-lesson-player .composition-inspector-trim button{border:1px solid var(--editor-line);font-size:10px;flex:1;padding:3px 5px}.canvas-lesson-player .composition-status{margin:0;padding:6px 14px;border-top:1px solid var(--editor-line);font-size:10px;color:var(--color-foreground-muted)}.composition-status[hidden]{display:none}@media(max-width:800px){.canvas-lesson-player{inset:auto 10px 10px}.canvas-lesson-player .canvas-lesson-header{grid-template-columns:1fr auto;padding-inline:12px}.canvas-lesson-title>svg,.canvas-lesson-header-actions [data-lesson=fork] span{display:none}.canvas-lesson-transport{grid-row:2;grid-column:1/-1;justify-content:center;padding-bottom:8px}.canvas-lesson-header-actions{grid-column:2;grid-row:1}.canvas-lesson-title,.canvas-lesson-header-actions{padding-top:10px}.composition-body{grid-template-columns:minmax(0,1fr) 160px}.composition-inspector{padding:12px}.composition-timeline{grid-template-columns:88px minmax(0,1fr)}.composition-track-label{padding-left:10px}.composition-toolbar-meta{display:none}}@media(max-width:540px){.composition-body{grid-template-columns:1fr}.composition-inspector{border-left:0;border-top:1px solid var(--editor-line);display:grid;grid-template-columns:1fr auto;gap:4px 12px}.composition-inspector dl{grid-column:1;grid-row:2/4;margin:4px 0}.composition-inspector-trim{grid-column:2;grid-row:2}.composition-linked{display:none}.composition-track-labels{margin-right:8px}.composition-ruler span:nth-child(even){display:none}}.workspace-dock,.workspace-panel-heading,.canvas-selection-chip,.canvas-layer-stack{display:none}.workspace-dock[hidden],.workspace-panel-heading[hidden],.canvas-selection-chip[hidden],.canvas-layer-stack[hidden],[data-workspace][hidden]{display:none !important}.touch-target{display:none}@media (pointer:coarse){.touch-target{display:block;fill:transparent;stroke:none;pointer-events:all}}@media (max-width:1180px),(pointer:coarse){html,body{overflow:hidden;overscroll-behavior:none}#app{position:fixed;top:var(--workspace-top,0px);left:0;right:0;height:var(--workspace-height,100dvh);min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr) calc( 64px + env(safe-area-inset-bottom) );--dock-height:calc(64px + env(safe-area-inset-bottom))}#app > main{grid-column:1;grid-row:2;min-width:0;min-height:0}main > footer:where(:not([data-hie-ui],[data-hie-ui] *)){display:none}.context-bar{height:44px;min-height:44px;padding:0 8px}.context-bar .history button{min-width:44px;height:44px}#surface{flex:1;min-width:0;min-height:0;overflow:hidden}.zoom-controls{right:8px;top:8px;height:40px}.zoom-controls button{height:40px;min-width:36px}.zoom-controls [data-action='zoom-in'],.zoom-controls [data-action='zoom-out'],.zoom-controls .divider{display:none}.workspace-dock button[aria-pressed='true']:where(:not([data-hie-ui] *)){color:var(--color-accent-ink);background:var(--color-accent-subtle)}#app > .layers-panel{overflow:hidden}.workspace-panel-heading:not([hidden]){display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:48px;padding:0 8px 0 16px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);position:sticky;top:0;z-index:3}.workspace-panel-heading button{min-width:44px;height:44px}.workspace-panel-heading .workspace-sheet-grip{flex:1;justify-content:flex-start;gap:12px;touch-action:none;font-weight:600}.workspace-sheet-grip::before{content:'';width:24px;height:4px;background:var(--color-track);border-radius:3px}.inspector-tabs{display:none}#inspector{flex:none}#app .inspector-panel section{padding:16px}.inspector-panel button,.inspector-panel select,.inspector-panel input:not([type='checkbox']):not([type='range']),.layers-panel > button{min-height:44px}#inspector h3 button,.paint-tools button,.variable-binding,.layer-history-trigger{min-width:40px;height:40px;flex-basis:40px}.paint-values{gap:8px}.field-grid{gap:10px}.field{min-height:44px}.field input[type='number']{touch-action:pan-y}input:not([type='range']):not([type='checkbox']):not([type='color']):where(:not([data-hie-ui],[data-hie-ui] *)),select:where(:not([data-hie-ui],[data-hie-ui] *)){font-size:12px}textarea:where(:not([data-hie-ui],[data-hie-ui] *)){font-size:16px !important}.field > span{min-width:32px;min-height:44px;display:grid;place-items:center}.canvas-selection-chip:not([hidden]){display:flex;position:absolute;top:8px;left:8px;z-index:4;height:44px;max-width:calc(100% - 130px);padding:0 14px;border:1px solid var(--color-hairline);background:var(--color-surface-raised);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-soft);overflow:hidden;text-overflow:ellipsis;justify-content:flex-start}.canvas-layer-stack:not([hidden]){display:flex;flex-direction:column}.stack-items{overflow:auto;overscroll-behavior:contain;min-height:0}.stack-items button{display:flex;width:100%;min-height:52px;height:auto;gap:10px;padding:8px 12px 8px calc(12px + min(var(--depth,0),6) * 12px);justify-content:flex-start;border-radius:0}.stack-items img{width:32px;height:32px;object-fit:contain;border:1px solid var(--color-border-subtle);border-radius:5px}.stack-items span{overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.stack-items small{color:var(--color-foreground-muted);font-size:10px}.tool-rail .tool-menu button{min-height:44px}.selection-actions{bottom:8px;max-width:calc(100% - 16px)}.selection-actions button{min-width:44px;height:44px}#app:has(.replaying){grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr) 0}#app:has(.replaying) .canvas-selection-chip,#app:has(.replaying) > .layers-panel,#app:has(.replaying) > .inspector-panel,#app:has(.replaying) .workspace-dock{display:none !important}#app[data-keyboard='true'] .workspace-dock{display:none}#app[data-keyboard='true']{--dock-height:0px;grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr) 0}#app[data-keyboard='true'] > .layers-panel,#app[data-keyboard='true'] > .inspector-panel{--sheet-height:calc(100% - 60px)}dialog:where(:not([data-hie-ui],[data-hie-ui] *)){max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top));overscroll-behavior:contain}dialog button:where(:not([data-hie-ui],[data-hie-ui] *)),dialog select:where(:not([data-hie-ui],[data-hie-ui] *)){min-height:44px}}@media (min-width:701px) and (max-width:1180px),(min-width:701px) and (pointer:coarse){#app > .layers-panel,.canvas-layer-stack{width:320px;right:auto}#app > .inspector-panel{width:320px;left:auto}}@media (max-width:700px){.paint-values input[type='color']{width:40px;flex:0 0 40px}}@media (max-height:500px) and (max-width:1180px){#app > .layers-panel,.canvas-layer-stack{width:min(320px,54%);right:auto}#app > .inspector-panel{width:min(320px,54%);left:auto}}@media (prefers-reduced-motion:no-preference){[data-compact='true'] > .layers-panel:not([hidden]),[data-compact='true'] > .inspector-panel:not([hidden]),.canvas-layer-stack:not([hidden]){animation:workspace-sheet-in 160ms ease-out}@keyframes workspace-sheet-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0}}}@media (max-width:1180px),(pointer:coarse){.paint-values{grid-template-columns:40px minmax(0,1fr) 90px}#inspector .object-appearance .field-grid{width:142px}.paint-tools{min-height:44px;height:auto;flex-wrap:wrap}.paint-tools button{opacity:1}.paint-tools button:disabled{opacity:0.3}.palette button{width:40px;height:40px}}@media (max-width:1180px) and (pointer:fine){#inspector button,#inspector select,#inspector input:not([type='checkbox']):not([type='range']){min-height:0}#inspector input:not([type='range']):not([type='checkbox']):not([type='color']),#inspector select{font-size:12px}#inspector .field{min-height:30px}#inspector .field > span{min-height:0;min-width:12px;display:block}#inspector .field-grid{gap:8px}#inspector .modifier-fields .field{min-height:48px}#inspector h3 button,#inspector .paint-tools button,#inspector .variable-binding{min-width:24px;height:24px;flex-basis:24px}}@media (pointer:coarse){#inspector .modifier-fields .field > span{min-height:0;display:block}.contextual-property-section > summary{min-height:44px}}#app{grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr)}.project-activity{height:36px;gap:10px;border-left:1px solid var(--color-border-subtle);border-radius:0;padding-left:20px;font-size:11px}.activity-branch::before{content:'\2442';margin-right:7px;color:var(--color-foreground-muted);font-size:16px}.activity-detail{color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}main:where(:not([data-hie-ui],[data-hie-ui] *)){grid-column:1;grid-row:2;position:relative;min-height:0;grid-template-rows:minmax(0,1fr)}main > .context-bar{position:absolute;top:12px;left:16px;right:auto;z-index:11;background:transparent;border:0;height:32px;padding:0;gap:12px}#selection-status{display:none}main > footer:where(:not([data-hie-ui],[data-hie-ui] *)){position:absolute;bottom:12px;left:18px;right:18px;pointer-events:none;background:transparent;border:0;padding:0;color:var(--color-foreground-muted);z-index:1}#surface{grid-row:1;min-height:0;background-color:var(--color-canvas);background-image:radial-gradient(var(--color-canvas-grid) 0.7px,transparent 0.7px);background-size:20px 20px}.layers-panel[hidden],.inspector-panel[hidden],.tool-rail[hidden],.canvas-context-actions[hidden]{display:none !important}.layers-panel,.inspector-panel,.canvas-layer-stack{position:fixed;left:var(--context-left,20px);top:var(--context-top,112px);right:auto;bottom:auto;width:300px;max-height:calc(var(--workspace-height,100dvh) - var(--dock-height,80px) - var(--context-top,112px) - 12px);height:auto;min-height:0;border:1px solid var(--color-hairline) !important;border-radius:16px;box-shadow:0 12px 40px var(--color-shadow),0 2px 5px var(--color-shadow-soft);background:var(--color-surface);z-index:30;overflow:auto;overscroll-behavior:contain}.layers-panel{display:flex;flex-direction:column;min-height:min(220px,calc(var(--workspace-height,100dvh) - var(--dock-height,80px) - var(--context-top,112px) - 12px))}.inspector-tabs,.layers-footer{display:none}.inspector-panel .palette{display:none}.workspace-panel-heading{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;background:var(--color-surface);z-index:2}.workspace-sheet-grip{flex:1;justify-content:flex-start;font-weight:550}.workspace-panel-heading > button:last-child{width:30px;font-size:18px;color:var(--color-foreground-muted)}.workspace-dock:not([hidden]){display:flex}.workspace-dock{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;width:max-content;max-width:calc(100% - 24px);padding:5px;gap:0;border:1px solid var(--color-hairline);border-radius:15px;box-shadow:0 4px 20px var(--color-shadow);background:var(--color-surface-glass);z-index:25;grid-column:1;grid-row:2}.workspace-primary,.workspace-actions,.workspace-history{display:flex;align-items:center;gap:3px;min-width:0}.workspace-actions{flex:none;border-left:1px solid var(--color-border-subtle);padding-left:5px;margin-left:4px}.workspace-actions > button,.workspace-history > button{display:flex;flex-direction:row;height:34px;min-width:34px;padding:0 9px;font-size:11px;gap:7px}.workspace-actions > button[hidden]{display:none}.workspace-actions svg{width:16px;height:16px}.workspace-history{border-right:1px solid var(--color-border-subtle);padding-right:5px;margin-right:2px}main > .context-bar[hidden]{display:none}.workspace-actions > button > span{display:none}.workspace-dock .tool-rail{position:static;transform:none;display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;max-width:none;padding:0;margin:0;gap:3px;border:0;border-radius:0;background:transparent;box-shadow:none}.workspace-dock > .selection-actions{position:static;transform:none;align-self:center;max-width:100%;width:max-content;border:0;border-radius:0;box-shadow:none;background:transparent;height:0;interpolate-size:allow-keywords;transition:height 160ms ease,opacity 160ms ease,visibility 160ms}.workspace-dock > .selection-actions[data-visible='true']{height:auto;border-bottom:1px solid var(--color-border-subtle);margin-bottom:4px}.workspace-dock .selection-actions button{min-width:28px}.canvas-context-actions{position:absolute;display:flex;align-items:center;padding:4px;border:1px solid var(--color-hairline);border-radius:11px;background:var(--color-surface-raised);box-shadow:0 4px 20px var(--color-shadow);z-index:22;max-width:calc(100% - 24px)}.canvas-context-actions button{height:30px;min-width:30px}.canvas-context-actions button:not(:first-child){font-size:18px;color:var(--color-foreground-muted)}.canvas-context-actions .canvas-selection-chip:not([hidden]){position:static;inset:auto;display:flex;transform:none;max-width:190px;overflow:hidden;text-overflow:ellipsis;border:0;background:none;box-shadow:none;padding:0 9px;font-size:11px;font-weight:550}.canvas-layer-stack{display:flex;flex-direction:column}.stack-items{padding:6px;overflow:auto}.stack-items button{display:flex;width:100%;height:42px;justify-content:flex-start;padding-left:calc(8px + var(--depth,0) * 10px)}.stack-items img{width:28px;height:28px;object-fit:contain;background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:5px}.stack-items small{margin-left:auto;color:var(--color-foreground-muted)}.stack-items span{overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion:no-preference){.layers-panel:not([hidden]),.inspector-panel:not([hidden]),.canvas-layer-stack:not([hidden]),.canvas-context-actions:not([hidden]){animation:spatial-appear 130ms ease-out}@keyframes spatial-appear{from{opacity:0}to{opacity:1}}}@media (max-width:1180px),(pointer:coarse){#app{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr)}.project-activity{padding-left:8px;gap:6px}.activity-detail{display:none}.workspace-dock{bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100% - 16px);padding:4px}.workspace-primary{flex-wrap:wrap;justify-content:center}.workspace-dock .tool-rail{gap:0;flex-shrink:1;min-width:0}.workspace-dock .tool-rail .tool-group{flex:0 0 auto;min-height:44px;padding:0;margin:0;border:0}.workspace-dock .tool-rail .tool-group::after{display:none}.workspace-dock .tool-rail .tool-group > [data-tool]{min-width:44px;width:44px;height:44px;flex:0 0 44px}.workspace-dock .tool-rail .tool-menu-trigger{min-width:12px;width:12px;flex:0 0 12px;height:44px}.workspace-actions{justify-content:center}.workspace-actions > button,.workspace-history > button{min-width:44px;height:44px;padding:0 10px}.workspace-actions svg{width:20px;height:20px}.workspace-dock .selection-actions button{height:40px;min-width:36px;flex-basis:36px}.layers-panel,.inspector-panel,.canvas-layer-stack{left:auto;top:calc(72px + env(safe-area-inset-top));right:16px;bottom:calc(var(--dock-height) + 16px);width:320px;max-height:calc(var(--workspace-height) - var(--dock-height) - 88px);min-height:0;height:auto}.canvas-context-actions{padding:3px}.canvas-context-actions button{height:40px;min-width:40px}.canvas-selection-chip{max-width:150px}main > footer:where(:not([data-hie-ui],[data-hie-ui] *)){display:none}}@media (max-width:700px){.project-activity{display:none}.layers-panel,.inspector-panel,.canvas-layer-stack{top:auto;left:8px;right:8px;bottom:calc(var(--dock-height) + 8px);width:auto;max-height:calc(var(--workspace-height) - var(--dock-height) - 80px);height:var(--sheet-height,min(48%,calc(var(--workspace-height) - var(--dock-height) - 220px)));border-radius:18px}.layers-panel[data-expanded='true'],.inspector-panel[data-expanded='true'],.canvas-layer-stack[data-expanded='true']{height:45%}.canvas-context-actions .canvas-selection-chip{max-width:125px;font-size:11px}}.contextual-property-section{border-top:1px solid var(--color-border-subtle)}.contextual-property-section > summary{min-height:40px;padding:10px 16px;box-sizing:border-box;font-size:11px;font-weight:550;color:var(--color-foreground);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.contextual-property-section > summary::-webkit-details-marker{display:none}.contextual-property-section > summary:hover{background:var(--color-surface-hover)}.contextual-property-section > summary::after{content:'';width:5px;height:5px;margin-right:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:var(--color-foreground-muted);transform:rotate(-45deg)}.contextual-property-section[open] > summary::after{transform:rotate(45deg)}.contextual-property-section > section{border:0 !important;padding-top:0 !important}.contextual-property-section summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}#inspector{--inspector-target:28px;font-size:12px;line-height:16px}#app #inspector section{border:0;padding:12px 16px}#app #inspector >:is(section,details) +:is(section,details){border-top:1px solid var(--color-border-subtle)}#inspector .contextual-property-section{border:0}#app #inspector > .contextual-property-section + .contextual-property-section{border-top:0}#inspector .contextual-property-section > summary{font-size:12px;min-height:40px}#inspector h3{font-size:12px;line-height:16px;margin-bottom:8px}#inspector .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#inspector .field{border-color:transparent;border-radius:6px}#inspector .field:hover{background:var(--color-surface-hover);border-color:transparent}#inspector .field:focus-within{border-color:transparent}#inspector .field > span{min-height:0;min-width:0;display:block;font-size:11px;line-height:16px}#inspector .field input,#inspector select{font-size:12px;line-height:16px;color:var(--color-foreground)}#inspector .full{min-height:var(--inspector-target);font-size:12px}#inspector .full + .full{margin-top:8px}#inspector:is(.layout-controls,.placement-controls){display:grid;gap:8px}#inspector:is(.layout-controls,.placement-controls) > h3{margin-bottom:0}#inspector:is(.layout-controls,.placement-controls) .field{display:grid;grid-template-columns:minmax(0,1fr) var(--inspector-target);grid-template-rows:16px 20px;align-items:center;gap:0 4px;height:46px;min-height:46px;padding:4px 8px}#inspector:is(.layout-controls,.placement-controls) .field > span{grid-column:1 / -1;grid-row:1;white-space:nowrap}#inspector:is(.layout-controls,.placement-controls) .field > input{grid-column:1;grid-row:2;width:100%;min-width:0;height:20px;min-height:20px;padding:0}#inspector:is(.layout-controls,.placement-controls) .field > .variable-binding{grid-column:2;grid-row:1 / 3;margin-block:-4px}#inspector:is(.layout-controls,.placement-controls) .field > .variable-reveal{grid-column:3;grid-row:1 / 3;margin-block:-4px}#inspector:is(.layout-controls,.placement-controls) .field > .variable-binding,#inspector:is(.layout-controls,.placement-controls) .field > .variable-reveal{width:var(--inspector-target);min-width:var(--inspector-target);max-width:var(--inspector-target);height:var(--inspector-target);min-height:var(--inspector-target)}#inspector:is(.layout-controls,.placement-controls) .field > .variable-binding{font-size:0;background-image:var(--hie-icon-instance);background-size:14px 14px;background-repeat:no-repeat;background-position:center}#inspector:is(.layout-controls,.placement-controls) .variable-binding option{font-size:12px}#inspector:is(.layout-controls,.placement-controls) .variable-binding::picker(select){font-size:12px}#inspector:is(.layout-controls,.placement-controls) .field:has(> select[data-graphic]){grid-template-columns:minmax(76px,38%) minmax(0,1fr) var(--inspector-target);grid-template-rows:minmax(0,1fr);min-height:46px;gap:8px;padding-block:0}#inspector:is(.layout-controls,.placement-controls) .field:has(> select[data-graphic]) > .variable-binding{grid-column:3;grid-row:1;margin:0}#inspector:is(.layout-controls,.placement-controls) .field:has(> select[data-graphic]) > span{grid-column:1}#inspector .layout-controls .field-grid .field:has(> select[data-graphic]){grid-template-columns:minmax(0,1fr) var(--inspector-target);grid-template-rows:16px 20px;gap:0;padding-block:4px}#inspector .layout-controls .field-grid .field > select[data-graphic]{grid-column:1;grid-row:2}#inspector .layout-controls .field-grid .field:has(> select[data-graphic]) > .variable-binding{grid-column:2;grid-row:1 / 3}#inspector:is(.layout-controls,.placement-controls) select[data-graphic]{min-height:var(--inspector-target);padding:0;background:transparent}#inspector .layout-controls .field-grid select[data-graphic]{min-height:20px;height:20px}#inspector .variable-binding{appearance:none;width:var(--inspector-target);min-width:var(--inspector-target);max-width:65px;height:var(--inspector-target);min-height:var(--inspector-target);flex:0 0 var(--inspector-target);text-align:center}#inspector .variable-binding[data-bound='true']{width:65px;text-align:start}#inspector:is(.field,.paint-values,.paint-tools) > select.variable-binding{width:var(--inspector-target);min-width:var(--inspector-target);max-width:var(--inspector-target);flex-basis:var(--inspector-target);font-size:0;background-image:var(--hie-icon-instance);background-size:14px 14px;background-repeat:no-repeat;background-position:center}#inspector:is(.field,.paint-values,.paint-tools) > select.variable-binding option,#inspector:is(.field,.paint-values,.paint-tools) > select.variable-binding::picker(select){font-size:12px}#inspector .image-variable > select.variable-binding{width:100%;min-width:0;max-width:none;flex:1 1 auto;font-size:12px;text-align:start}#inspector:is(.library-properties,.library-binding-control) select.variable-binding{width:150px;min-width:0;max-width:100%;flex:0 1 150px;font-size:12px;text-align:start}#inspector .variable-reveal{width:var(--inspector-target);min-width:var(--inspector-target);height:var(--inspector-target);min-height:var(--inspector-target)}@supports (appearance:base-select){#inspector select{display:flex;align-items:center;justify-content:space-between;gap:8px}#inspector:is(.layout-controls,.placement-controls) select[data-graphic]{display:grid;grid-template-columns:minmax(0,1fr) auto}#inspector select[data-graphic] > button{display:flex;align-items:center;justify-content:start;width:100%;min-width:0;height:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start}#inspector selectedcontent{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#inspector .variable-binding{appearance:base-select;overflow:hidden;justify-content:center;gap:0}#inspector .variable-binding::picker-icon{display:none}}#inspector .layout-controls > .contextual-property-section{margin:0;border:0}#inspector .layout-controls > .contextual-property-section > summary{padding:8px 0;font-size:11px;font-weight:500}#app #inspector .layout-controls > .contextual-property-section > section{padding:4px 0 8px}#inspector .layout-controls .type-rhythm-note{margin:0}#inspector .layout-controls > .field-grid{margin-block:4px}#inspector .paint-tools{height:auto;min-height:var(--inspector-target);gap:4px;flex-wrap:wrap}#inspector .paint-tools .field{height:var(--inspector-target)}#inspector .paint-tools .paint-width{flex:1 0 92px}#inspector .paint-tools .variable-binding{order:initial;margin:0}#inspector .paint-tools > button{width:var(--inspector-target);height:var(--inspector-target);min-width:var(--inspector-target);padding:4px}#inspector .paint-tools:has(.paint-width){display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}#inspector .paint-tools:has(.paint-width) .paint-width{grid-column:1 / -1}#inspector .paint-values{grid-template-columns:var(--inspector-target) minmax(0,1fr) 64px}#inspector .paint-values:has(> .variable-binding){grid-template-columns:var(--inspector-target) minmax(0,1fr) var(--inspector-target) 64px}#inspector .paint-values > .variable-binding{grid-column:3;grid-row:1}#inspector .paint-values:has(> .variable-binding) > .paint-opacity{grid-column:4}#inspector .paint-values input[type='color']{width:var(--inspector-target);height:var(--inspector-target);min-height:var(--inspector-target)}#inspector .paint-values .field{height:var(--inspector-target)}@media (pointer:coarse),(max-width:600px){#inspector{--inspector-target:44px}#inspector .field{min-height:44px}#inspector .contextual-property-section > summary{min-height:44px}#inspector .paint-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}#inspector .paint-tool-spacer{display:none}#inspector .paint-tools > button{width:100%}}@media (forced-colors:active){#inspector .field,#inspector .field:hover,#inspector .field:focus-within{border-color:CanvasText}}@media (max-width:360px){#inspector .paint-tools,#inspector .paint-tools:has(.paint-width){grid-template-columns:repeat(3,minmax(0,1fr))}}.activity-detail{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1181px) and (pointer:fine){.workspace-sheet-grip{cursor:grab}.workspace-sheet-grip:active{cursor:grabbing}}@media (max-width:700px){}@media (max-width:700px){.workspace-dock{width:max-content}.workspace-actions{border-left:0;padding-left:0;margin-left:0;flex-wrap:wrap;max-width:100%}.workspace-dock .tool-rail{overflow-x:auto;scrollbar-width:none}.workspace-dock .tool-rail::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.workspace-dock > .selection-actions{transition:none}}#app[aria-busy='true'] .context-bar{visibility:hidden}.startup-error,body > noscript{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 18px;border:1px solid var(--color-hairline);border-radius:12px;background:var(--color-surface);box-shadow:0 4px 24px var(--color-shadow)}.startup-error button{padding:4px 8px;text-decoration:underline}#startup-viewport{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#app[aria-busy='true'] .workspace-dock *,#app[aria-busy='true'] .workspace-dock{transition:none !important;animation:none !important}#startup-viewport:not([data-presented]){top:50%;left:50%;width:calc(100% - 160px);height:calc(100% - 160px);max-width:972px;max-height:648px;transform:translate(-50%,-50%)}.text-loading{position:absolute;z-index:12;padding:6px 10px;border:1px solid var(--color-hairline);border-radius:6px;background:var(--color-surface-glass);color:var(--color-foreground-muted);font-size:12px;pointer-events:none;opacity:0;animation:text-loading-appear 120ms ease 180ms forwards}@keyframes text-loading-appear{to{opacity:1}}@media (prefers-reduced-motion:reduce){.text-loading{animation:none;opacity:1}}.pixel-grid{position:absolute;inset:0;z-index:1;pointer-events:none;display:none;mix-blend-mode:difference;opacity:var(--pixel-opacity,.14);background-image:linear-gradient(to right,var(--color-media-ink) var(--pixel-line,1px),transparent var(--pixel-line,1px)),linear-gradient(to bottom,var(--color-media-ink) var(--pixel-line,1px),transparent var(--pixel-line,1px));background-size:var(--pixel-size) var(--pixel-size);background-position:var(--pixel-x) var(--pixel-y)}#surface[data-pixel-grid-visible='true'] > .pixel-grid{display:block}#surface[data-view-labels='false'] #frame-labels,#surface[data-view-labels='false'] [data-startup-frame-label],#surface[data-view-comments='false'] #comment-pins{display:none}#canvas-rulers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#canvas-rulers path{stroke:var(--color-ruler-tick);stroke-width:1;fill:none}#canvas-rulers .ruler-background{fill:var(--color-surface-glass);stroke:var(--color-hairline)}#canvas-rulers text{font:9px ui-monospace,monospace;fill:var(--color-foreground-muted)}#canvas-rulers [data-guide-ruler]{pointer-events:all;touch-action:none;cursor:crosshair}#layout-guides{pointer-events:none}.layout-guide{fill:none;stroke:var(--color-guide);cursor:move;outline:none}.layout-guide .guide-hit{stroke:transparent;pointer-events:stroke}.layout-guide.selected,.layout-guide:focus-visible{stroke:var(--color-selection)}.layout-guide text{stroke:none;fill:var(--color-selection-ink);paint-order:stroke}.layout-guide[data-locked='true']{cursor:default;stroke-dasharray:4 3}.guide-editor{position:absolute;z-index:20;left:40px;top:40px;box-sizing:border-box;max-width:calc(100% - 16px);max-height:calc(100% - 36px);overflow:auto;overscroll-behavior:contain;padding:4px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-raised);color:var(--color-foreground);box-shadow:0 12px 40px var(--color-shadow),0 2px 5px var(--color-shadow-soft)}.guide-editor[hidden]{display:none}.inspection-status{position:absolute;z-index:3;left:32px;bottom:calc(var(--dock-height,90px) + 16px);max-width:min(300px,calc(100% - 64px));padding:7px 10px;background:var(--color-surface-glass);color:var(--color-foreground-muted);border:1px solid var(--color-hairline);border-radius:7px;font-size:11px;pointer-events:none}.inspection-status[hidden]{display:none}#surface[data-view-rulers='true'] .zoom-controls{top:30px}.zoom-controls{z-index:3}.zoom-controls #zoom{min-width:54px;font-variant-numeric:tabular-nums}.view-options{position:absolute;top:50px;right:12px;z-index:45;width:min(272px,calc(100% - 24px));max-height:calc(100% - 66px);overflow:auto;overscroll-behavior:contain;padding:0;border:1px solid var(--color-hairline);border-radius:14px;background:var(--color-surface-glass);backdrop-filter:blur(20px);box-shadow:0 12px 40px var(--color-shadow);animation:view-open 120ms ease-out;transform-origin:top right}.view-options[hidden]{display:none}@keyframes view-open{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.view-options{animation:none}}:root{--chrome-radius:16px;--menu-radius:14px;--control-radius:8px;--chrome-shadow:0 8px 30px var(--color-shadow),0 1px 3px var(--color-shadow-soft);--menu-shadow:0 12px 40px var(--color-shadow),0 2px 5px var(--color-shadow-soft);--header-height:60px}.hie-menu{box-sizing:border-box;padding:6px;border:1px solid var(--color-hairline);border-radius:var(--menu-radius);background:var(--color-surface-raised);color:var(--color-foreground);box-shadow:var(--menu-shadow);font-size:12px;overscroll-behavior:contain}.hie-menu[hidden]{display:none !important}.hie-menu section{display:grid;gap:1px;padding:4px 0}.hie-menu section + section{border-top:1px solid var(--color-border-subtle)}.hie-menu section[hidden]{display:none}.hie-menu h4{margin:0;padding:6px 8px 4px;font-size:11px;font-weight:600;color:var(--color-foreground-muted)}.hie-menu button:where(:not([data-hie-ui],[data-hie-ui] *)){display:flex;align-items:center;gap:10px;width:100%;min-height:32px;height:auto;padding:5px 8px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--color-foreground);font:inherit;text-align:left;white-space:normal}.hie-menu button > svg:where(:not([data-hie-ui],[data-hie-ui] *)){width:16px;height:16px;flex:none;color:var(--color-foreground-muted)}.hie-menu button:hover:where(:not([data-hie-ui],[data-hie-ui] *)),.hie-menu button:focus-visible:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-surface-hover)}.hie-menu button:hover > svg:where(:not([data-hie-ui],[data-hie-ui] *)){color:var(--color-foreground)}.hie-menu button[aria-pressed='true']:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-accent-subtle);color:var(--color-accent-ink)}.hie-menu button[aria-pressed='true'] > svg:where(:not([data-hie-ui],[data-hie-ui] *)){color:inherit}.hie-menu button > span{display:block;flex:1 1 auto;min-width:0;line-height:16px}.hie-menu .menu-label small{display:block;font-size:11px;line-height:14px;color:var(--color-foreground-muted)}.hie-menu kbd{flex:none;font:inherit;font-size:11px;color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}.hie-menu-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}.hie-menu-column{display:grid;align-content:start;min-width:0}.hie-menu-columns > .hie-menu-column + .hie-menu-column{border-left:1px solid var(--color-border-subtle);padding-left:6px}.offline-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:32px;padding:5px 8px;font-size:11px;color:var(--color-foreground-muted)}.offline-status > svg{width:16px;height:16px;flex:none}.offline-status[data-state='ready'] > svg{color:var(--color-success)}.offline-status output{flex:1 1 auto;min-width:0}.hie-menu .offline-status button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-more .offline-status button:where(:not([data-hie-ui],[data-hie-ui] *)){width:auto;min-height:28px;padding:4px 8px;border:1px solid var(--color-border);font-size:11px}.workspace-insert{width:520px;max-width:calc(100vw - 48px)}.workspace-insert [data-layout-create]{cursor:grab}.workspace-dock[hidden]{display:none !important}.workspace-activity,.workspace-context{display:flex;align-items:center;gap:3px;min-width:0}.workspace-context[hidden]{display:none}.workspace-activity > button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-actions > button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-context button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-more button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-dock .tool-rail button:where(:not([data-hie-ui],[data-hie-ui] *)){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--color-foreground);font-size:12px;font-weight:500;white-space:nowrap}.workspace-dock button svg:where(:not([data-hie-ui],[data-hie-ui] *)){width:18px;height:18px;flex:none}.workspace-activity > button:hover:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-actions > button:hover:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-context button:hover:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-more button:hover:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-surface-hover)}.workspace-activity > button[aria-expanded='true']:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-actions > button[aria-pressed='true']:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-more button[aria-pressed='true']:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-accent-subtle);color:var(--color-accent-ink)}.workspace-dock button:disabled:where(:not([data-hie-ui],[data-hie-ui] *)){opacity:0.3}.workspace-dock button:focus-visible:where(:not([data-hie-ui],[data-hie-ui] *)){outline:2px solid var(--color-focus);outline-offset:-2px}.workspace-actions{display:flex;align-items:center;gap:3px;flex:none}.workspace-actions > button[hidden]{display:none}.workspace-actions > button > span,.workspace-tool-trigger > span{display:none}.workspace-canvas-label{flex:1;min-width:0;padding-inline:8px;font-size:12px;color:var(--color-foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-layer-slot{flex:1;min-width:0}.workspace-layer-slot:empty,.workspace-layer-slot:has(> [hidden]),.workspace-focus-slot:empty{display:none}.workspace-activity:has(.canvas-context-actions:not([hidden])) .workspace-canvas-label,.workspace-activity:has(.layer-focus-bar) > .workspace-canvas-label,.workspace-activity:has(.layer-focus-bar) > .workspace-tool-trigger,.workspace-activity:has(.layer-focus-bar) > .workspace-layer-slot{display:none}.workspace-dock .canvas-context-actions{position:static;inset:auto;display:flex;align-items:center;gap:3px;width:100%;max-width:100%;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.workspace-dock .canvas-context-actions[hidden]{display:none !important}.workspace-dock .canvas-context-actions [data-context='design'],.workspace-dock .canvas-context-actions [data-context='layers']{display:none}.workspace-dock .canvas-selection-chip{display:inline-flex;align-items:center;gap:4px;flex:0 1 auto;min-width:0;max-width:240px;height:36px;padding:0 6px 0 10px;border-radius:10px;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-dock .canvas-selection-chip > span{overflow:hidden;text-overflow:ellipsis}.workspace-dock .canvas-selection-chip > svg{width:14px;height:14px;color:var(--color-foreground-muted)}.workspace-divider{flex:none;width:1px;height:20px;margin:0 3px;background:var(--color-border-subtle)}.selection-actions{position:static;inset:auto;transform:none;display:flex;align-items:center;max-width:100%;min-width:0;visibility:hidden;opacity:0;transition:opacity 160ms ease,visibility 160ms}.selection-actions[data-visible='true']{visibility:visible;opacity:1}.action-group{display:flex;align-items:center;width:0;overflow:hidden;opacity:0;visibility:hidden;interpolate-size:allow-keywords;transition:width 160ms ease,opacity 160ms ease,visibility 160ms}.action-group[data-visible='true']{width:max-content;opacity:1;visibility:visible}.action-items{display:flex;align-items:center;gap:2px;flex:none;padding:0 3px}.action-group + .action-group .action-items{border-left:1px solid var(--color-border-subtle)}.selection-actions button:where(:not([data-hie-ui],[data-hie-ui] *)){min-width:32px;width:32px;height:32px;padding:0;border-radius:var(--control-radius);color:var(--color-foreground-muted)}.selection-actions button:hover:where(:not([data-hie-ui],[data-hie-ui] *)){color:var(--color-foreground)}.selection-actions button[aria-pressed='true']:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-accent-subtle);color:var(--color-accent-ink)}.selection-actions svg{display:block;width:16px;height:16px}.align-as-group [data-actions='alignment'] .action-items{background:var(--color-accent-subtle);border-radius:var(--control-radius)}.workspace-dock .tool-rail{position:static;transform:none;display:flex;align-items:center;width:max-content;max-width:none;padding:0;margin:0;gap:3px;border:0;border-radius:0;background:transparent;box-shadow:none}.tool-picker-heading{display:flex;align-items:center;gap:8px}.tool-picker-heading strong{flex:1;padding-inline:8px;font-size:12px;font-weight:550}.workspace-dock .tool-groups,.workspace-dock .tool-menu:not([hidden]){display:flex;align-items:stretch;gap:3px;min-width:0}.workspace-dock .tool-menu{position:static;inset:auto;margin:0;padding:0;width:auto;box-sizing:border-box;max-height:none;border:0;border-radius:0;box-shadow:none;background:none;opacity:1;translate:none;transition:none}.workspace-dock .tool-rail .tool-group{display:flex;flex:none;padding:0;margin:0;border:0}.workspace-dock .tool-category,.workspace-dock .tool-menu button:where(:not([data-hie-ui],[data-hie-ui] *)){position:relative;padding:0}.workspace-dock .tool-rail button[aria-pressed='true']:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-dock .tool-menu button[aria-checked='true']:where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-accent);color:var(--color-accent-contrast)}.workspace-dock .tool-rail button:hover:not([aria-pressed='true'],[aria-checked='true']):where(:not([data-hie-ui],[data-hie-ui] *)){background:var(--color-surface-hover)}.workspace-dock .tool-rail kbd{position:absolute;top:2px;right:4px;font:inherit;font-size:8px;line-height:1;color:var(--color-foreground-muted)}.workspace-dock .tool-rail button[aria-pressed='true'] kbd,.workspace-dock .tool-menu button[aria-checked='true'] kbd{color:inherit;opacity:0.7}.workspace-dock .tool-category > span,.workspace-dock .tool-menu button > span{display:none}.tool-check{display:none}.workspace-more{display:flex;flex-direction:column;gap:6px}.workspace-more-row,.workspace-view-row,.workspace-secondary-actions{display:flex;align-items:center;gap:3px;min-width:0}.workspace-history{display:flex;align-items:center;gap:3px}.workspace-history + .zoom-controls{margin-left:auto}.workspace-secondary-actions:not(:has(>:not([hidden]))){display:none}.zoom-controls{position:static;inset:auto;display:flex;align-items:center;gap:3px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.zoom-controls .divider{display:inline-block;width:1px;height:20px;margin:0 3px;background:var(--color-border-subtle)}#zoom{min-width:56px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--color-foreground-muted)}.workspace-more .project-activity{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border:0;border-top:1px solid var(--color-border-subtle);border-radius:0 0 var(--control-radius) var(--control-radius);justify-content:flex-start;font-size:11px;color:var(--color-foreground-muted)}.workspace-more .activity-branch{font-weight:550;color:var(--color-foreground)}.workspace-more .activity-branch::before{content:'';display:inline-block;width:14px;height:14px;margin-right:6px;background:currentColor;color:var(--color-foreground-muted);mask:var(--hie-icon-branch) center / contain no-repeat}.workspace-more .activity-detail{display:inline;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workspace-dock .layer-focus-host{position:static;inset:auto;display:block;width:100%}.workspace-dock .layer-focus-bar{width:100%;max-width:100%;min-width:0}.workspace-dock .layer-focus-heading{min-width:0;padding-left:8px;font-weight:550}.workspace-dock .layer-focus-actions{flex:none;margin-left:auto}.workspace-status{display:none;align-items:center;gap:12px;min-height:18px;padding:0 6px;border:0;color:var(--color-foreground-muted);font-size:10px;pointer-events:none}.workspace-dock[data-disclosure='more'] .workspace-status,.workspace-dock[data-adjusting='true'] .workspace-status,.workspace-status:has(.inspection-status:not([hidden])){display:flex}.workspace-status #hint{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workspace-status #coordinates{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.workspace-status #layout-feedback{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-layout-ink)}.workspace-status:has(#layout-feedback:not(:empty)) #hint,.workspace-status:has(#layout-feedback:not(:empty)) #coordinates{display:none}.workspace-status .inspection-status{position:static;inset:auto;max-width:100%;padding:0;border:0;border-radius:0;background:none;font-size:10px}.workspace-status:has(.inspection-status:not([hidden])) >:not(.inspection-status){display:none}.workspace-sheet-slot:not(:has(>:not([hidden]))){display:none}.workspace-notice-slot{--notice-top:calc(72px + env(safe-area-inset-top,0px));position:fixed;z-index:40;inset-block-start:var(--notice-top);inset-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px));display:flex;justify-content:flex-end;min-width:0;pointer-events:none}.workspace-notice-slot #message.workspace-message{position:relative;inset:auto;translate:none;transform:none;margin:0;display:block;box-sizing:border-box;width:min(380px,100%);min-width:0;max-width:100%;padding:0;border:1px solid var(--color-hairline);border-radius:14px;background:var(--color-surface);box-shadow:var(--menu-shadow);pointer-events:auto;color:var(--color-foreground);font-size:12px;line-height:1.5;white-space:normal;max-height:min(480px,calc(var(--workspace-height,100dvh) - var(--notice-top) - max(80px,var(--dock-height,80px)) - env(safe-area-inset-bottom,0px) - 12px));overflow:auto;overscroll-behavior:contain}.workspace-notice-slot:has([data-recovery-open]){visibility:hidden}.workspace-notice-slot[hidden],.workspace-notice-slot #message[hidden],.workspace-notice-slot #message:empty{display:none}.workspace-notice-trigger{flex:none;width:36px}.workspace-notice-trigger svg{fill:none;stroke:currentColor;stroke-width:1.6}.workspace-notice-trigger[data-tone='error']{color:var(--color-danger)}.workspace-notice-trigger[data-tone='warning']{color:var(--color-warning)}#app:has(#message[data-notice-key='save']) .save-dot{background:var(--color-danger)}#app:has(#message[data-notice-key='save']) #save-state{color:var(--color-danger)}.workspace-dock .view-options{position:static;inset:auto;width:100%;max-width:100%;box-sizing:border-box;transform:none;animation:none;overflow:auto;overscroll-behavior:contain;backdrop-filter:none}@media (min-width:1181px) and (pointer:fine),(min-width:1181px) and (pointer:none){#app{grid-template-rows:var(--header-height) minmax(0,1fr)}#app > .workspace-dock{position:absolute;inset:auto auto 24px 50%;transform:translateX(-50%);z-index:25;grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;width:max-content;max-width:calc(100% - 48px);padding:6px;gap:0;border:1px solid var(--color-hairline);border-radius:var(--chrome-radius);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);box-shadow:var(--chrome-shadow)}.workspace-activity{width:max-content;min-height:36px}.workspace-activity > .workspace-tool-trigger,.workspace-activity > .workspace-canvas-label{display:none}#app[aria-busy='true'] #workspace-tools,.workspace-activity > .workspace-primary{display:flex;flex:none;padding:0;border:0;margin-right:3px}#app[aria-busy='true'] #workspace-tools::before,#app[aria-busy='true'] #zoom::before,.workspace-activity > .workspace-primary::before,.workspace-activity > #zoom::before,.workspace-activity > .workspace-actions::before,.workspace-activity > .workspace-more-trigger::before{content:'';flex:none;width:1px;height:20px;margin:0 3px;background:var(--color-border-subtle)}#app[aria-busy='true'] #workspace-tools::before,.workspace-activity > .workspace-primary::before{margin-left:0}.workspace-activity > .workspace-more-trigger::before{display:none}.workspace-activity > #zoom{display:inline-flex}.workspace-activity > .workspace-actions{padding-left:3px;border-left:1px solid var(--color-border-subtle);margin-left:3px}.workspace-activity > .workspace-actions::before{display:none}.workspace-activity > .workspace-more-trigger{margin-left:3px}.workspace-context{min-height:36px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--color-border-subtle)}.workspace-context > .workspace-layer-slot{flex:0 1 auto;order:1;display:contents}.workspace-context .canvas-context-actions{display:contents}.workspace-context .canvas-selection-chip{order:1}.workspace-context{column-gap:7px}.workspace-context > .selection-actions{order:2}.workspace-context > .selection-actions[data-visible='true']{box-shadow:-4px 0 0 -3px var(--color-border-subtle)}.workspace-context > .workspace-focus-slot{order:0;flex:1;min-width:0}.workspace-context:has(.layer-focus-bar) > .workspace-layer-slot,.workspace-context:has(.layer-focus-bar) > .selection-actions{display:none}.workspace-context .layer-focus-bar{flex-direction:row;align-items:center;gap:8px;min-width:320px}.workspace-dock:has(.workspace-context .layer-focus-bar) .workspace-activity > .workspace-primary,.workspace-dock:has(.workspace-context .layer-focus-bar) .workspace-activity > .workspace-insert-trigger{display:none}.workspace-dock .tool-picker-heading{display:none}.workspace-dock .tool-rail:has(.tool-menu:not([hidden])) .tool-picker-heading{display:flex;flex:none}.workspace-dock .tool-rail .tool-picker-heading strong,.workspace-dock .tool-rail [data-tool-dismiss]{display:none}.workspace-dock .tool-picker-heading button:where(:not([data-hie-ui],[data-hie-ui] *)){min-width:28px;width:28px;padding:0;color:var(--color-foreground-muted)}.workspace-dock .tool-category,.workspace-dock .tool-menu button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-dock .tool-rail .tool-group > [data-tool]{width:36px;min-width:36px;height:36px}.workspace-dock > .workspace-more,.workspace-dock > .workspace-sheet-slot,.workspace-dock > .workspace-insert{position:absolute;inset:auto 0 calc(100% + 10px) auto;max-width:calc(100vw - 48px)}.workspace-dock > .workspace-more{width:max-content;min-width:240px;padding:6px;border:1px solid var(--color-hairline);border-radius:var(--menu-radius);background:var(--color-surface-raised);box-shadow:var(--menu-shadow);max-height:calc(var(--workspace-height,100dvh) - 164px);overflow:auto;overscroll-behavior:contain}.workspace-dock > .workspace-insert{inset:auto auto calc(100% + 10px) 0}.workspace-dock > .workspace-sheet-slot{width:400px}.workspace-more .workspace-view-row{padding-top:6px;border-top:1px solid var(--color-border-subtle)}.workspace-more .selection-actions{display:none}.workspace-dock .workspace-status{width:100%;max-width:540px;min-width:0;box-sizing:border-box;padding:4px 8px}.workspace-dock .workspace-status:not(:has(#layout-feedback:not(:empty),.inspection-status:not([hidden]))){display:none}.workspace-dock .workspace-status #hint,.workspace-dock .workspace-status #coordinates{display:none}.workspace-dock .view-options{max-height:min(60dvh,520px);border:1px solid var(--color-hairline);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow)}.layers-panel,.inspector-panel,.canvas-layer-stack{max-height:calc(var(--workspace-height,100dvh) - var(--dock-height,50px) - var(--context-top,112px) - 36px)}#app[aria-busy='true'] > .workspace-dock{flex-direction:row;align-items:center;gap:3px}#app[aria-busy='true'] .workspace-activity,#app[aria-busy='true'] #workspace-more,#app[aria-busy='true'] .workspace-more-row,#app[aria-busy='true'] .zoom-controls{display:contents !important}#app[aria-busy='true'] .workspace-history,#app[aria-busy='true'] .workspace-view-row,#app[aria-busy='true'] .workspace-secondary-actions,#app[aria-busy='true'] .zoom-controls >:not(#zoom),#app[aria-busy='true'] .workspace-context,#app[aria-busy='true'] .workspace-more > .project-activity,#app[aria-busy='true'] .workspace-more > .offline-status,#app[aria-busy='true'] .workspace-status{display:none !important}#app[aria-busy='true'] .workspace-insert-trigger{order:-2}#app[aria-busy='true'] #workspace-tools{display:flex !important;order:-1}#app[aria-busy='true'] #zoom{order:1;min-width:36px;font-size:11px}#app[aria-busy='true'] .workspace-actions{order:2}#app[aria-busy='true'] .workspace-more-trigger{order:3;margin-left:3px}#app[aria-busy='true'] > .workspace-dock{transition:none !important;animation:none !important}}@media (max-width:1180px),(pointer:coarse){:root{--header-height:calc(52px + env(safe-area-inset-top))}#app{--canvas-min-height:min(320px,max(100px,calc(var(--workspace-height,100dvh) * .4)));--sheet-max-height:min(45dvh,max(80px,calc(var(--workspace-height,100dvh) - 52px - env(safe-area-inset-top) - var(--canvas-min-height) - 100px)))}#app,#app[data-keyboard='true']{grid-template-rows:var(--header-height) minmax(0,1fr) auto}#app > .workspace-dock{position:relative;inset:auto;transform:none;grid-row:3;grid-column:1;display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;align-self:stretch;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:4px;border:0;border-top:1px solid var(--color-hairline);border-radius:0;box-shadow:none;background:var(--color-surface);max-height:max(80px,calc(var(--workspace-height,100dvh) - 52px - env(safe-area-inset-top) - var(--canvas-min-height)));overflow:auto}.workspace-dock > *{width:100%;max-width:1040px;align-self:center;box-sizing:border-box;flex-shrink:0}.workspace-activity{gap:4px;min-height:44px}.workspace-activity > button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-actions > button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-more button:where(:not([data-hie-ui],[data-hie-ui] *)),.workspace-dock .canvas-selection-chip,.workspace-dock .layer-focus-actions button:where(:not([data-hie-ui],[data-hie-ui] *)){min-width:44px;height:44px}.workspace-tool-trigger{padding:0 8px;gap:6px}.workspace-tool-trigger > span{display:inline}.workspace-tool-trigger > svg:last-child{width:14px;height:14px;color:var(--color-foreground-muted)}.workspace-dock .canvas-selection-chip{flex:0 1 auto}.workspace-dock[data-disclosure='tools'] > .workspace-activity{display:none}.workspace-dock .workspace-primary{padding:0;border:0;justify-content:center}.workspace-dock .tool-rail{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:560px;margin-inline:auto;overflow:visible;gap:4px}.tool-picker-heading{min-height:44px}.tool-picker-heading button:where(:not([data-hie-ui],[data-hie-ui] *)){min-width:44px;min-height:44px;padding-inline:12px}.workspace-dock .tool-groups,.workspace-dock .tool-menu:not([hidden]){flex-direction:row;width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x proximity}.workspace-dock .tool-rail .tool-group{flex:1 0 44px;min-width:44px;scroll-snap-align:start}.workspace-dock .tool-menu{width:100%}.workspace-dock .tool-category,.workspace-dock .tool-menu button:where(:not([data-hie-ui],[data-hie-ui] *)){flex-direction:column;gap:6px;width:100%;min-width:44px;height:64px;min-height:64px;padding:8px 4px;font-size:10px}.workspace-dock .tool-menu button:where(:not([data-hie-ui],[data-hie-ui] *)){flex:1 0 60px;scroll-snap-align:start}.workspace-dock .tool-rail .tool-group > [data-tool]{width:100%;height:64px;flex:1 0 auto}.workspace-dock .tool-category svg,.workspace-dock .tool-menu button svg{width:20px;height:20px}.workspace-dock .tool-category > span,.workspace-dock .tool-menu button > span{display:inline}.workspace-dock .tool-rail kbd,kbd:where(:not([data-hie-ui],[data-hie-ui] *)){display:none !important}.workspace-dock > .workspace-insert{position:static;width:100%;max-width:100%;max-height:min(50dvh,calc(var(--workspace-height,100dvh) - 210px));overflow:auto;border:0;border-block:1px solid var(--color-border-subtle);border-radius:0;box-shadow:none;background:var(--color-surface)}.workspace-insert .hie-menu-columns{grid-template-columns:minmax(0,1fr)}.workspace-insert .hie-menu-columns > .hie-menu-column + .hie-menu-column{border-left:0;padding-left:0;border-top:1px solid var(--color-border-subtle)}.hie-menu button:where(:not([data-hie-ui],[data-hie-ui] *)){min-height:44px}.workspace-more{padding-top:6px;border-top:1px solid var(--color-border-subtle)}.workspace-more-row,.workspace-view-row,.workspace-secondary-actions{gap:8px}.workspace-secondary-actions:has(>:not([hidden])){min-height:44px}.workspace-more .zoom-controls{height:44px}.workspace-more .selection-actions{position:static;inset:auto;transform:none;display:flex;flex-wrap:wrap;min-width:0;width:100%;max-width:100%;box-sizing:border-box;border:0;padding:0;margin:0;box-shadow:none;background:none;transition:none}.workspace-more .selection-actions:not([data-visible='true']){display:none}.workspace-more .selection-actions button:where(:not([data-hie-ui],[data-hie-ui] *)){width:44px;min-width:44px;height:44px}.workspace-dock .layer-focus-heading{display:none;min-height:36px;padding:0 6px}.workspace-dock[data-disclosure='more'] .layer-focus-heading{display:flex}.workspace-dock .layer-focus-actions{flex:1;margin-left:0}.workspace-status #coordinates{margin-left:auto}.workspace-sheet-slot > .layers-panel,.workspace-sheet-slot > .inspector-panel,.workspace-sheet-slot > .canvas-layer-stack{position:static;inset:auto;width:100%;min-width:0;min-height:0;height:var(--sheet-height,min(35dvh,280px));max-height:var(--sheet-max-height);border:0 !important;border-block:1px solid var(--color-hairline) !important;border-radius:0;box-shadow:none;background:var(--color-surface);box-sizing:border-box}.workspace-sheet-slot > [data-expanded='true']{height:var(--sheet-max-height)}.workspace-sheet-slot .workspace-panel-heading{background:var(--color-surface)}.workspace-dock .view-options{max-height:min(35dvh,300px);border:0;border-block:1px solid var(--color-border-subtle);border-radius:0;box-shadow:none;background:var(--color-surface)}.workspace-notice-trigger{width:44px}#app[data-keyboard='true'] > .workspace-dock{display:flex}#app[data-keyboard='true'] .workspace-activity,#app[data-keyboard='true'] .workspace-context,#app[data-keyboard='true'] .workspace-primary,#app[data-keyboard='true'] .workspace-insert,#app[data-keyboard='true'] .workspace-more,#app[data-keyboard='true'] .workspace-status{display:none !important}#app[data-keyboard='true'] .workspace-sheet-slot > .inspector-panel,#app[data-keyboard='true'] .workspace-sheet-slot > .layers-panel{max-height:var(--sheet-max-height)}}@media (max-width:700px){.workspace-tool-trigger > span{display:none}.workspace-tool-trigger{padding:0 6px}.workspace-dock .canvas-selection-chip{max-width:150px;font-size:11px}}@media (prefers-reduced-motion:reduce){.selection-actions,.action-group{transition:none}}.frame-presets{min-width:0}.frame-presets > details{border:0;margin:0;padding:0}.frame-presets > details > summary{display:list-item;cursor:pointer;padding:10px 4px;font-size:12px;font-weight:500;color:var(--color-foreground)}.frame-presets .frame-preset-list{display:grid;gap:2px;padding-bottom:8px}.frame-presets .frame-preset-list > button,.frame-presets > .frame-preset-custom{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:auto;min-height:32px;padding:6px 8px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:11px;line-height:16px}.frame-presets .frame-preset-list > button:hover,.frame-presets > .frame-preset-custom:hover{background:var(--color-surface-hover)}.frame-presets .frame-preset-size,.frame-presets > .frame-preset-custom > span{flex-shrink:0;color:var(--color-foreground-muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.frame-presets > .frame-preset-custom{margin-top:8px}@media (pointer:coarse),(max-width:600px){.frame-presets > details > summary{padding-block:14px}.frame-presets .frame-preset-list > button,.frame-presets > .frame-preset-custom{min-height:44px}}#app .canvas-search{top:max(80px,calc(env(safe-area-inset-top) + 68px));width:min(620px,calc(100% - 24px));max-height:calc(100% - 104px);border-radius:18px}.project-section[open] > summary::after{rotate:90deg}.project-section > summary::-webkit-details-marker{display:none}#app[data-project-storage='files'] >:is(main,.layers-panel,.inspector-panel,.workspace-dock),#app[data-project-storage='files'] .action-wheel-trigger{visibility:hidden;pointer-events:none}.spatial-view{position:fixed;left:0;top:0;transform:translate(var(--view-x,24px),var(--view-y,88px)) scale(var(--view-scale,1));transform-origin:0 0;width:var(--view-width,480px);height:var(--view-height,540px);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;background:var(--color-surface-raised);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px var(--color-shadow-soft);z-index:39;box-sizing:border-box;contain:layout style}.spatial-view[hidden]{display:none}.spatial-view-connection{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:37;overflow:visible}.spatial-view-connection path{fill:none;stroke:var(--color-foreground-muted);stroke-width:1;opacity:.5}.spatial-view[data-active=true]{z-index:41}.spatial-view[data-focused=true]{inset:72px 24px 88px;transform:none;width:auto;height:auto;z-index:48}.spatial-view-header{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--color-hairline);flex-shrink:0}.spatial-view-handle{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:4px;background:none;color:inherit;border:0;text-align:left;touch-action:none;cursor:grab}.spatial-view-handle:active{cursor:grabbing}.spatial-view-handle>span{display:grid;min-width:0;gap:2px}.spatial-view-handle strong{font-size:12px;font-weight:500}.spatial-view-handle small{font-size:11px;color:var(--color-foreground-muted)}.spatial-view-handle:is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spatial-view-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--color-hairline);font-size:11px;flex-shrink:0}.spatial-view-controls label{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--color-foreground-muted);white-space:nowrap}.spatial-view-controls input{width:13px;height:13px;padding:0;margin:0;accent-color:var(--color-accent)}.spatial-view-lifetime{color:var(--color-foreground-muted)}.spatial-view-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.spatial-view-content>.source-body{flex:1;min-height:120px}.spatial-view-content>.repository-source{min-height:0}.spatial-view-content .repository-code-editor,.spatial-view-content .repository-code-editor .sourceEditorShell{min-height:120px}.spatial-view-resize{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:4px 0 0 0;background:var(--color-surface-raised);color:var(--color-foreground-muted);cursor:nwse-resize;touch-action:none}.spatial-view[data-focused=true]>.spatial-view-resize{display:none}.spatial-view-shelf{position:relative;pointer-events:auto;font-size:12px;max-width:min(340px,calc(100vw - 24px))}.spatial-view-shelf>span{display:block;background:var(--color-surface-raised);padding:8px;max-width:100%}.spatial-view-shelf summary{padding:7px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-foreground)}.spatial-view-shelf details>div{position:absolute;bottom:calc(100% + 6px);left:0;width:max-content;max-width:min(340px,calc(100vw - 24px));max-height:50vh;overflow:auto;padding:4px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px var(--color-shadow-soft)}.spatial-view-shelf details>div>button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:6px;background:none;color:var(--color-foreground);text-align:left}.spatial-view-shelf details>div>button:hover{background:var(--color-surface-hover)}.spatial-view-shelf button>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.spatial-view-shelf button>small{color:var(--color-foreground-muted);white-space:nowrap}.native-source-views{position:fixed;left:16px;bottom:84px;z-index:43;pointer-events:none}@media(max-width:760px){.spatial-view{inset:auto 8px 82px;transform:none;width:auto;height:min(60dvh,560px);max-height:calc(100dvh - 154px)}.spatial-view[data-focused=true]{inset:64px 8px 82px;height:auto}.spatial-view-handle{cursor:default}.spatial-view-resize{display:none}.spatial-view-controls label{min-height:32px}.native-source-views{bottom:146px}}@media(pointer:coarse){.spatial-view-controls label{min-height:44px}.spatial-view-shelf summary,.spatial-view-shelf details>div>button{min-height:44px;box-sizing:border-box}}.workspace-map-root{position:fixed;inset:0;pointer-events:none;z-index:32}.workspace-map-navigation{position:absolute;top:72px;left:16px;display:flex;align-items:center;gap:6px;pointer-events:auto}.workspace-map-navigation>button{background:var(--color-surface-raised)}.workspace-map-panel{position:absolute;top:112px;left:16px;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 200px);overflow:auto;pointer-events:auto}.workspace-map-search{display:flex;gap:8px;padding:12px}.workspace-map-search>input{min-width:0;flex:1}.workspace-map-search>select{max-width:125px}.workspace-map-actions{display:flex;gap:8px;padding:0 12px 10px}.workspace-room-form{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 12px}.workspace-room-form>input{flex:1;min-width:150px}.workspace-overview{display:block;width:100%;height:auto;max-height:230px;padding:8px 12px;box-sizing:border-box}.workspace-overview line{stroke:var(--color-foreground-muted);stroke-width:1;opacity:.5}.workspace-overview rect{fill:var(--color-surface-hover);stroke:var(--color-border);stroke-width:1;cursor:pointer}.workspace-overview rect[data-kind=code]{fill:var(--color-selection-subtle);stroke:var(--color-selection)}.workspace-overview rect[data-kind=room]{fill:transparent;stroke-dasharray:4 3}.workspace-overview rect:hover{stroke:var(--color-accent);stroke-width:2}.workspace-map-results{padding:4px 8px;max-height:320px;overflow:auto}.workspace-map-results>div{display:flex;align-items:center;border-radius:8px}.workspace-map-results>div:hover,.workspace-map-results>div[data-selected=true]{background:var(--color-surface-hover)}.workspace-map-results>div>button:first-child{display:flex;align-items:center;gap:10px;background:none;color:var(--color-foreground);border:0;text-align:left;padding:10px;min-width:0;flex:1}.workspace-map-results>div>button>span{min-width:0;flex:1;display:grid;gap:3px}.workspace-map-results strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-map-results small{font-size:11px;color:var(--color-foreground-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-map-connections{display:grid;gap:6px;padding:12px;border-top:1px solid var(--color-hairline);font-size:12px}.workspace-map-connections>span{font-size:11px;color:var(--color-foreground-muted)}.workspace-map-connections>button{display:flex;gap:10px;align-items:center;padding:8px;border:0;text-align:left;background:var(--color-surface-hover);color:var(--color-foreground);border-radius:6px;font-size:12px;overflow-wrap:anywhere}.workspace-map-connections>button>span{color:var(--color-foreground-muted);font-size:11px}.workspace-room-outlines>div{position:absolute;left:0;top:0;border:1px solid var(--color-border-subtle);border-radius:20px;box-sizing:border-box;pointer-events:none}.workspace-room-outlines button{position:absolute;left:12px;top:-16px;pointer-events:auto;padding:6px 10px;background:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:8px;color:var(--color-foreground-muted);font:12px var(--font-ui,system-ui);max-width:min(260px,100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.workspace-map-navigation{top:62px;left:8px}.workspace-map-panel{top:102px;left:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 190px)}.workspace-map-search{flex-wrap:wrap}.workspace-map-search>input{flex-basis:100%}}:root{--hie-icon-check:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012%20L10%2017%20L19%207%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--hie-icon-minus:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012%20L19%2012%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--hie-icon-chevron-down:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2010%20L12%2016%20L18%2010%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--hie-icon-chevron-right:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%206%20L16%2012%20L10%2018%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--hie-icon-instance:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22%23818994%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204%20L20%2012%20L12%2020%20L4%2012%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--hie-icon-branch:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%206%20C8%207.10456949966203%207.10456949966203%208%206%208%20C4.89543050033797%208%204%207.10456949966203%204%206%20C4%204.89543050033797%204.89543050033797%204%206%204%20C7.10456949966203%204%208%204.89543050033797%208%206%20Z%20M8%2018%20C8%2019.104569499662%207.10456949966203%2020%206%2020%20C4.89543050033797%2020%204%2019.104569499662%204%2018%20C4%2016.895430500338%204.89543050033797%2016%206%2016%20C7.10456949966203%2016%208%2016.895430500338%208%2018%20Z%20M20%206%20C20%207.10456949966203%2019.104569499662%208%2018%208%20C16.895430500338%208%2016%207.10456949966203%2016%206%20C16%204.89543050033797%2016.895430500338%204%2018%204%20C19.104569499662%204%2020%204.89543050033797%2020%206%20Z%20M6%208%20L6%2016%20M18%208%20C18%2014%206%2010%206%2016%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}:is(#app,[data-hie-ui]) input[type='checkbox']:checked:not(:indeterminate)::before{mask-image:var(--hie-icon-check)}:is(#app,[data-hie-ui]) input[type='checkbox']:indeterminate{background-image:none}:is(#app,[data-hie-ui]) input[type='checkbox']:indeterminate::before{content:'';display:block;width:100%;height:100%;background:var(--color-accent-contrast);mask:var(--hie-icon-minus) center / contain no-repeat}:is(#app,[data-hie-ui]) details > summary{list-style:none}:is(#app,[data-hie-ui]) details > summary::-webkit-details-marker{display:none}:is(#app,[data-hie-ui]) details > summary::after{content:'';display:inline-block;flex:none;width:var(--hie-disclosure-icon-size,14px);height:var(--hie-disclosure-icon-size,14px);inline-size:var(--hie-disclosure-icon-size,14px);block-size:var(--hie-disclosure-icon-size,14px);margin-block-start:0;margin-inline-start:auto;border:0;background:currentColor;mask:var(--hie-icon-chevron-right) center / contain no-repeat;transform:none;rotate:0deg}:is(#app,[data-hie-ui]) details[open] > summary::after{transform:none;rotate:90deg}:is(#app,[data-hie-ui]) select::picker-icon{content:'';display:inline-block;flex:none;width:14px;height:14px;inline-size:14px;block-size:14px;margin-block-start:0;margin-inline-start:auto;border:0;background:currentColor;mask:var(--hie-icon-chevron-down) center / contain no-repeat;transform:none;rotate:0deg}:is(#app,[data-hie-ui]) select:open::picker-icon{rotate:180deg}:is(#app,[data-hie-ui]) .field > span > svg{display:block;width:14px;height:14px}:is(#app,[data-hie-ui]) .variable-binding[data-bound='false']{font-size:9px}:is(#app,[data-hie-ui]) .video-clip-name > svg{width:12px;height:12px;vertical-align:middle}.scrub-feedback > svg{width:14px;height:14px;vertical-align:middle}:root{--chrome-radius:12px;--menu-radius:12px;--control-radius:8px;--chrome-shadow:0 8px 28px var(--color-shadow-soft),0 1px 3px var(--color-shadow);--menu-shadow:var(--chrome-shadow)}.layers-panel,.inspector-panel,.canvas-layer-stack,.spatial-view,.workspace-map-panel{border-radius:var(--chrome-radius);border-color:var(--color-hairline);box-shadow:var(--chrome-shadow)}.workspace-panel-heading,.spatial-view-header{min-height:48px;box-sizing:border-box;gap:8px;padding:8px 12px}#inspector{--inspector-target:32px}#inspector .field > span{font-size:12px}.agent-activity{top:72px;max-width:min(420px,calc(100% - 32px));background:var(--color-surface-raised);color:var(--color-foreground);border-color:var(--color-hairline);box-shadow:var(--chrome-shadow)}.agent-activity progress{accent-color:var(--color-accent)}.agent-activity button{min-height:32px;border-color:var(--color-border);border-radius:8px}.canvas-source-ui,.canvas-source-browser{font:13px/18px var(--font-sans,system-ui)}.canvas-source-ui .repository-inspector{border-color:var(--color-hairline);box-shadow:var(--chrome-shadow)}.canvas-source-ui .repository-inspector > header{min-height:48px;padding:8px 12px}.canvas-source-ui .repository-inspector button,.canvas-source-ui .repository-inspector select,.canvas-source-ui .repository-inspector input{min-height:32px}.canvas-library-content .canvas-source-entry{min-height:56px;border-radius:8px}.canvas-library-heading,.canvas-library-management summary,.canvas-library-footer > span,.canvas-library-content small,.canvas-library-empty p{font-size:12px;line-height:16px}.canvas-library-search{min-height:40px;background:var(--color-control);border-color:transparent;border-radius:8px}.canvas-library-search:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.canvas-library-tabs button{min-height:36px}.spatial-view button:focus-visible,.spatial-view summary:focus-visible,.spatial-view input:focus-visible,.spatial-view select:focus-visible,.spatial-view textarea:focus-visible,.workspace-map-panel button:focus-visible,.workspace-map-panel summary:focus-visible,.workspace-map-panel input:focus-visible,.workspace-map-panel select:focus-visible,.workspace-map-panel textarea:focus-visible,.repository-inspector button:focus-visible,.repository-inspector summary:focus-visible,.repository-inspector input:focus-visible,.repository-inspector select:focus-visible,.repository-inspector textarea:focus-visible,.hie-menu button:focus-visible,.hie-menu summary:focus-visible,.hie-menu input:focus-visible,.hie-menu select:focus-visible,.hie-menu textarea:focus-visible,[data-hie-ui] button:focus-visible,[data-hie-ui] summary:focus-visible,[data-hie-ui] input:focus-visible,[data-hie-ui] select:focus-visible,[data-hie-ui] textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}#app .spatial-view button,#app .spatial-view summary,#app .workspace-map-panel button,#app .workspace-map-panel summary{min-height:32px;font-size:12px}.spatial-view{background:var(--color-surface)}.spatial-view-handle{min-height:32px;padding:0;gap:10px}.spatial-view-handle strong{font-size:13px;line-height:18px;font-weight:600}.spatial-view-handle small{font-size:12px;line-height:16px}.spatial-view-controls{gap:4px;padding:4px 8px 4px 12px;font-size:12px;background:var(--color-surface)}.spatial-view-lifetime{flex:1}.spatial-view-options{position:relative}.spatial-view-options > summary{display:grid;place-items:center;width:32px;list-style:none;border-radius:8px;cursor:pointer}.spatial-view-options > summary::-webkit-details-marker{display:none}#app .spatial-view-options > summary::after{display:none}.workspace-map-navigation > button{min-block-size:36px;padding-inline:10px;border-color:var(--color-hairline);border-radius:8px;box-shadow:var(--chrome-shadow)}.spatial-view-options > summary:hover,.spatial-view-options[open] > summary{background:var(--color-surface-hover)}.spatial-view-options > div{position:absolute;right:0;top:calc(100% + 6px);z-index:5;width:220px;padding:8px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-raised);box-shadow:var(--menu-shadow)}.spatial-view-options label{justify-content:flex-start;margin:0;padding:4px;gap:8px;color:var(--color-foreground)}.spatial-view-options input{width:16px;height:16px}.spatial-view-options p{margin:6px 4px;font-size:12px;line-height:18px;color:var(--color-foreground-muted)}.spatial-view-resize{min-height:28px !important;width:28px;border-radius:8px 0 0}.spatial-view-shelf summary{min-height:36px;box-sizing:border-box;display:flex;align-items:center;gap:8px;border-color:var(--color-hairline)}#app:has(.native-source-views .spatial-view-shelf) #canvas-source-connections{bottom:128px}.workspace-map-panel{width:min(380px,calc(100vw - 32px))}.workspace-map-search{position:relative;align-items:center;padding:4px 12px 8px}.workspace-map-search > svg{position:absolute;left:22px;color:var(--color-foreground-muted);pointer-events:none}.workspace-map-search > input{width:100%;padding-left:34px;min-height:40px}.workspace-map-filters{display:flex;align-items:center;gap:12px;padding:0 12px 8px}.workspace-map-filters > select{width:140px}.workspace-map-filters > span{margin-left:auto;font-size:12px;color:var(--color-foreground-muted)}.workspace-map-overview{margin:0 12px 8px;border:1px solid var(--color-border-subtle);border-radius:8px}.workspace-map-overview > summary{display:list-item;margin-left:24px;padding:8px 8px 8px 0;min-height:0;cursor:pointer;color:var(--color-foreground-muted)}.workspace-overview{max-height:160px}.workspace-map-actions{padding-bottom:8px}.workspace-map-results{max-height:min(440px,45dvh);padding:4px 8px 8px;border-top:1px solid var(--color-border-subtle)}.workspace-map-results strong{font-size:13px;line-height:18px}.workspace-map-results small{font-size:12px;line-height:16px}.workspace-map-results > div > button:first-child{min-height:56px;padding:8px}.workspace-map-results > div > button:last-child{opacity:0.55}.workspace-map-results > div:hover > button:last-child,.workspace-map-results > div:focus-within > button:last-child,.workspace-map-results > div[data-selected='true'] > button:last-child{opacity:1}.workspace-map-connections{font-size:13px;line-height:18px;background:var(--color-surface-sunken)}.workspace-map-connections > span,.workspace-map-connections > button > span{font-size:12px}.workspace-room-outlines button{min-height:32px}.project-code-editor{position:relative;height:100%;min-height:0;flex:1;overflow:hidden;isolation:isolate;background:var(--color-surface)}.source-body .project-code-editor .sourceEditorShell,.repository-code-editor .project-code-editor .sourceEditorShell{position:relative;height:100%;min-height:0;overflow:hidden}.source-body .project-code-editor .sourceEditor,.source-body .project-code-editor .sourceHighlightLayer,.repository-code-editor .project-code-editor .sourceEditor,.repository-code-editor .project-code-editor .sourceHighlightLayer{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;margin:0;padding:16px 20px 40px 52px;border:0;border-radius:0;font:13px/22px var(--font-mono);font-variant-ligatures:none;tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal;overflow:auto}.source-body .project-code-editor .sourceLineNumbers,.repository-code-editor .project-code-editor .sourceLineNumbers{width:40px;padding:16px 0 40px;font:12px/22px var(--font-mono)}.project-code-editor .sourceHighlightLayer{pointer-events:none}.project-code-editor .sourceHighlightLayer code{font:inherit}.project-code-editor .sourceEditor{resize:none;field-sizing:fixed;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--color-foreground)}.project-code-editor .sourceEditor:focus-visible{outline-offset:-2px;box-shadow:none}.source-range-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.source-range-decoration > span{position:absolute;background:color-mix(in srgb,var(--color-selection) 16%,transparent);border-radius:2px;box-shadow:inset 0 -1px var(--color-selection-emphasis)}.source-preparing{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:var(--color-surface);color:var(--color-foreground-muted);font-size:13px}.project-code-editor[data-source-ready='false'] .sourceEditorShell{visibility:hidden}.source-editor-help{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.source-format-notice{position:absolute;left:12px;right:12px;bottom:4px;z-index:3;margin:0;padding:6px 8px;font-size:12px;background:var(--color-surface-raised);color:var(--color-foreground-muted);border:1px solid var(--color-hairline);border-radius:6px}.source-connection-status{display:flex;flex:none;align-items:center;gap:6px;min-height:30px;padding:0 12px;color:var(--color-foreground-muted);font-size:12px;background:var(--color-surface-sunken)}.repository-source-actions{gap:6px;padding:8px 28px 8px 12px !important;border-top:1px solid var(--color-border-subtle)}#source-trace-overlay{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:31}#source-trace-overlay polygon{fill:color-mix(in srgb,var(--color-selection) 10%,transparent);stroke:var(--color-selection-emphasis);stroke-width:2;vector-effect:non-scaling-stroke}@media (max-width:760px){.workspace-map-panel{left:8px;width:calc(100vw - 16px)}#app:has(.native-source-views .spatial-view-shelf) #canvas-source-connections{bottom:194px}}@media (pointer:coarse),(max-width:600px){#inspector{--inspector-target:44px}#app .spatial-view button,.workspace-room-outlines button,#app .spatial-view summary,.workspace-room-outlines button,#app .workspace-map-panel button,.workspace-room-outlines button,#app .workspace-map-panel summary,.workspace-room-outlines button{min-height:44px}.spatial-view-options > summary{width:44px}.workspace-map-navigation > button{min-block-size:44px}.spatial-view-options label{min-height:44px}.workspace-map-results > div > button:last-child{opacity:1}.workspace-map-filters > select,.workspace-map-search > input{min-height:44px}.canvas-source-ui .repository-inspector button,.agent-activity button,.canvas-source-ui .repository-inspector select,.agent-activity button,.canvas-source-ui .repository-inspector input,.agent-activity button{min-height:44px}}@media (prefers-reduced-motion:reduce){.spatial-view,.workspace-map-panel,.layers-panel,.inspector-panel,.workspace-dock{scroll-behavior:auto;transition:none;animation:none}}@media (forced-colors:active){.spatial-view,.workspace-map-panel,.layers-panel,.inspector-panel{border:1px solid CanvasText}.source-body .project-code-editor .sourceEditor,.repository-code-editor .project-code-editor .sourceEditor{color:transparent;-webkit-text-fill-color:transparent;forced-color-adjust:none;caret-color:CanvasText}.project-code-editor .sourceHighlightLayer,.project-code-editor .sourceHighlightLayer *{color:CanvasText !important;background:Canvas !important}.source-range-decoration > span{background:transparent;outline:1px solid Highlight;box-shadow:none}#source-trace-overlay polygon{fill:transparent;stroke:Highlight}}#app{--workspace-header:52px;--header-height:var(--workspace-header);--workspace-left:0px;--workspace-right:0px;grid-template-rows:var(--workspace-header) minmax(0,1fr)}#app > [data-hie-ui='header']{position:absolute;inset:0 0 auto;height:var(--workspace-header);min-height:0;padding:0 12px;box-sizing:border-box;gap:10px;pointer-events:auto;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border-subtle)}#app .brand{position:static;transform:none;width:28px;min-width:28px;height:32px}#app .brand-mark{width:21px;height:23px}#app .document-title,#app .header-actions{border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none}#app .document-title{max-width:min(300px,35vw);padding:0}#app .header-actions{margin-left:auto}#workspace-navigation-slot{display:flex;border-left:1px solid var(--color-border-subtle);padding-left:10px}#app .workspace-map-navigation{position:static;gap:4px}#app .workspace-map-navigation > button{box-shadow:none;border-color:transparent;background:transparent}#app .workspace-map-navigation > button[aria-expanded='true']{background:var(--color-surface-hover)}#app .action-wheel-trigger{display:none}#workspace-activity-slot{flex:1;min-width:0}#app #workspace-activity-slot .agent-activity{position:static;transform:none;margin:0;min-height:0;padding:0 8px;max-width:100%;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:12px;color:var(--color-foreground-muted)}#workspace-activity-slot .agent-activity > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#workspace-browser{display:none}#app[data-left-panel='workspace'] #workspace-browser{display:flex;flex-direction:column;position:fixed;z-index:34;inset:var(--workspace-header) auto 0 0;width:288px;background:var(--color-surface-raised);border-right:1px solid var(--color-border-subtle);box-sizing:border-box}#workspace-map-content{display:flex;flex:1;min-height:0;overflow:hidden}#app .workspace-map-panel{position:static;width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;overflow:auto;box-sizing:border-box}#app .workspace-map-results{max-height:none;padding:4px 8px 12px}#app .workspace-map-results > div > button:first-child{padding:9px 8px}#app .workspace-map-results strong{font-size:13px}#app .workspace-map-results small{font-size:11px}#app .workspace-map-connections{background:var(--color-surface)}#app .workspace-map-search{padding:10px 12px}#app .workspace-map-search > svg{display:none}#app .workspace-map-search input{font-size:12px}.workspace-resources{flex:none;max-height:35%;overflow:auto;border-top:1px solid var(--color-border-subtle);padding:10px 8px}.workspace-resources h3{margin:2px 8px 7px;font-size:11px;font-weight:500;color:var(--color-foreground-muted)}#workspace-connections:not(:has(.canvas-source-connection)){display:none}.workspace-resources:not(:has(.canvas-source-connection,.spatial-view-shelf)){display:none}#app #workspace-connections .canvas-source-connection{display:flex;flex-direction:column;align-items:stretch;border:0;border-radius:0;box-shadow:none;background:transparent}#app #workspace-connections .canvas-source-library-trigger{width:100%;min-height:36px;border:0;border-radius:6px;box-shadow:none;background:transparent;color:var(--color-foreground);text-align:left}#workspace-connections .canvas-source-library-trigger > span:first-of-type{flex:1;max-width:none}#app #workspace-connections .canvas-source-library-trigger:hover{background:var(--color-surface-hover)}#app .canvas-artwork-context{border:0;margin:0 8px}#app .spatial-view-shelf{max-width:none}#app .spatial-view-shelf summary{border:0;border-radius:6px;padding:10px 8px;background:transparent}#app .spatial-view-shelf details > div{position:static;width:100%;max-width:none;box-sizing:border-box;box-shadow:none;border:0;padding:0;max-height:240px}#app .spatial-view-shelf button > span{font-size:12px}#app .native-source-views{display:contents}#app .canvas-source-ui .canvas-source-library,#app > .layers-panel,#app .workspace-sheet-slot > .layers-panel{position:fixed;inset:var(--workspace-header) auto 0 0;width:288px;max-width:calc(100vw - 24px);height:auto;max-height:none;border:0;border-right:1px solid var(--color-border-subtle);border-radius:0;box-shadow:none;box-sizing:border-box}#app .canvas-source-ui .repository-inspector,#app > .inspector-panel,#app > .canvas-layer-stack,#app .workspace-sheet-slot > .inspector-panel,#app .workspace-sheet-slot > .canvas-layer-stack{position:fixed;inset:var(--workspace-header) 0 0 auto;width:320px;max-width:calc(100vw - 24px);height:auto;max-height:none;border:0;border-left:1px solid var(--color-border-subtle);border-radius:0;box-shadow:none;box-sizing:border-box}#app .repository-inspector[hidden]{display:none !important}#app .repository-inspector-resize{display:none}#app .workspace-panel-heading{border-radius:0}#app .spatial-view[data-docked='true']{position:fixed;inset:var(--workspace-header) 0 0 auto;transform:none;width:480px;height:auto;max-height:none;border:0;border-left:1px solid var(--color-border-subtle);border-radius:0;box-shadow:none}#app .spatial-view[data-docked='true'] .spatial-view-handle{cursor:default}#app .spatial-view[data-docked='true'] .spatial-view-resize{display:none}#app .spatial-view[data-focused='true']{inset:var(--workspace-header) 0 0 var(--workspace-left);width:auto;height:auto;transform:none;max-height:none;border-radius:0}#app .spatial-view-controls{padding:4px 12px;gap:6px;min-height:32px}#app .spatial-view-header{min-height:44px;padding:4px 8px 4px 12px}#app .source-connection-status{min-height:28px;padding:3px 12px;font-size:11px;background:transparent}.workspace-code-tabs{display:flex;flex:none;gap:2px;overflow-x:auto;padding:6px 8px 0;border-bottom:1px solid var(--color-border-subtle)}.workspace-code-tabs button{flex:none;border:0;border-bottom:2px solid transparent;border-radius:4px 4px 0 0;background:transparent;color:var(--color-foreground-muted);padding:9px 12px;font:12px var(--font-ui,system-ui)}.workspace-code-tabs button[data-preview='true']{font-style:italic}.workspace-code-tabs button[aria-pressed='true']{border-bottom-color:var(--color-accent);color:var(--color-foreground);background:var(--color-surface-hover)}.workspace-code-tabs button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}@media (min-width:1181px) and (pointer:fine),(min-width:1181px) and (pointer:none){#app:not([data-left-panel='']){--workspace-left:288px}#app:not([data-right-panel='']){--workspace-right:320px}#app[data-right-panel^='code:']{--workspace-right:480px}#app > main{margin-left:var(--workspace-left);margin-right:var(--workspace-right)}#app > .workspace-dock{left:calc(var(--workspace-left) + (100% - var(--workspace-left) - var(--workspace-right)) / 2);bottom:16px;max-width:calc(100% - var(--workspace-left) - var(--workspace-right) - 24px);border-radius:10px;padding:5px;box-shadow:0 2px 8px var(--color-shadow-soft);background:var(--color-surface-raised)}#app .workspace-dock .workspace-activity{max-width:100%}#app .workspace-dock .workspace-context{max-width:100%}#app .workspace-dock .workspace-activity > .workspace-primary{flex-shrink:1;min-width:0}#app .workspace-dock .tool-groups{flex-wrap:wrap}#app .workspace-dock .workspace-actions > button > span{display:none}}@media (max-width:1180px),(pointer:coarse){#app .spatial-view[data-docked='true']{width:min(480px,calc(100vw - 24px));bottom:calc(var(--dock-height,64px) + env(safe-area-inset-bottom,0px))}#app .canvas-source-ui .repository-inspector,#app .canvas-source-ui .canvas-source-library,#app[data-left-panel='workspace'] #workspace-browser{bottom:calc(var(--dock-height,64px) + env(safe-area-inset-bottom,0px))}#app .workspace-dock{z-index:44}}@media (max-width:600px){#app{--workspace-header:56px}#app > [data-hie-ui='header']{padding:0 6px;gap:4px}#workspace-activity-slot{display:none}#app .document-title{max-width:33vw;flex-shrink:1}#app .brand{display:none}#workspace-navigation-slot{padding-left:4px}#app .workspace-map-navigation > button{padding:0 8px;min-height:36px}#app .workspace-map-navigation > button > svg{display:none}#app .workspace-map-navigation{gap:0}#app .spatial-view[data-focused='true']{inset:var(--workspace-header) 0 0;width:100%;z-index:49}#app .spatial-view[data-docked='true']{max-width:100%;width:100%}#app[data-left-panel='workspace'] #workspace-browser{width:100%}}@media (pointer:coarse){#app .workspace-map-navigation > button,.workspace-code-tabs button,#app #workspace-connections .canvas-source-library-trigger{min-height:44px}}.workspace-code-tabs button{display:grid;gap:3px;text-align:left}.workspace-code-tabs small{font-size:10px;font-style:normal;opacity:.8}#app #comments-panel{inset:var(--workspace-header) 0 0 auto;width:320px;max-width:100%;max-height:none;border:0;border-left:1px solid var(--color-border-subtle);border-radius:0;box-shadow:none;z-index:38}#app > [data-hie-ui='header']{padding-top:env(safe-area-inset-top,0px)}#app{--workspace-header:calc(52px + env(safe-area-inset-top,0px))}@media (max-width:1180px),(pointer:coarse){#app #comments-panel{bottom:calc(var(--dock-height,64px) + env(safe-area-inset-bottom,0px))}}@media (max-width:600px){#app{--workspace-header:calc(56px + env(safe-area-inset-top,0px))}#app:has(#workspace-activity-slot .agent-activity:not([hidden])){--workspace-header:calc(88px + env(safe-area-inset-top,0px))}#app > [data-hie-ui='header']{flex-wrap:wrap;align-content:center}#workspace-activity-slot{display:block;order:4;flex-basis:100%}#app #workspace-activity-slot .agent-activity{height:28px}#workspace-activity-slot .agent-activity[hidden]{display:none}}#app{display:grid;position:relative;height:100dvh;overflow:hidden}#app > main{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0}@media (max-width:1180px),(pointer:coarse){#app,#app[data-keyboard='true'],#app:has(.replaying){grid-template-rows:var(--workspace-header) minmax(0,1fr) auto;height:var(--workspace-height,100dvh)}#app > .workspace-dock{position:relative;grid-row:3;inset:auto;align-self:end;transform:none}#app .workspace-sheet-slot > .inspector-panel,#app .workspace-sheet-slot > .canvas-layer-stack,#app .workspace-sheet-slot > .layers-panel{bottom:calc(var(--dock-height,64px) + env(safe-area-inset-bottom,0px))}}