@dailies-studio/shot-editor 0.1.0 → 0.2.0

package/dist/assets/index-4F5NQmI8.css

@@ -0,0 +1 @@
+@layer vendor,tokens,base,component-sheets,widgets,chrome,overrides;@layer tokens{:root{--gray-11: #050505;--gray-13: #080808;--gray-14: #090909;--gray-18: #111111;--gray-22: #1b1b1b;--gray-23: #1c1c1c;--gray-24: #1f1f1f;--gray-25: #222222;--gray-26: #232323;--gray-27: #262626;--gray-29: #2a2a2a;--gray-36: #3d3d3d;--gray-55: #707070;--gray-59: #7e7e7e;--gray-69: #9c9c9c;--gray-78: #b7b7b7;--gray-97: #f5f5f5;--gray-100: #ffffff;--paper-45: #55555c;--paper-53: #6c6c75;--paper-71: #a1a1aa;--paper-79: #b8b8c2;--paper-87: #d4d4db;--paper-89: #d9d9dc;--paper-91: #dfdfe5;--paper-94: #ececf0;--paper-97: #f5f5f8}:root{--surface-well: var(--gray-11);--surface-sunken: var(--gray-13);--surface-app: var(--surface-sunken);--surface-panel: var(--gray-18);--surface-secondary: var(--gray-23);--surface-raised: var(--gray-27);--wash-ink: #ffffff;--fill-rest: color-mix(in srgb, var(--wash-ink) 5%, transparent);--fill-hover: color-mix(in srgb, var(--wash-ink) 9%, transparent);--fill-pressed: color-mix(in srgb, var(--wash-ink) 14%, transparent);--fill-state-soft: var(--gray-22);--fill-selected: var(--gray-25);--line: var(--gray-29);--line-strong: var(--gray-36);--line-soft: color-mix(in srgb, var(--wash-ink) 7%, transparent);--segmented-hover: var(--gray-26);--segmented-active: var(--gray-29);--ink-1: var(--gray-97);--ink-2: var(--gray-78);--ink-3: var(--gray-69);--ink-disabled: var(--gray-59);--field-caret-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.8 4.5 6 7.8 9.2 4.5' stroke='%23b7b7b7' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--surface-board: var(--gray-14);--board-dot: var(--gray-24);--note-paper: #fff4c2;--note-ink: #3d3416;--note-meta: #8a7a3a;--sketch-paper: #faf8f3;--sketch-line: #c9c2b4;--sketch-ink: #5a5348;--sketch-fill: #f1ede4;--sketch-dark: #2b2823;--specimen-paper: #ffffff;--specimen-ink: #171717;--badge-scrim: #00000099;--badge-paper: #ffffffcc;--meter-lit: var(--ink-2);--accent: #0099ff;--accent-hover: #33adff;--accent-soft: #0099ff26;--accent-quiet: color-mix(in srgb, var(--accent) 12%, transparent);--accent-ink: #72c0ff;--success: #22c55e;--success-quiet: color-mix(in srgb, var(--success) 12%, transparent);--success-wash: color-mix(in srgb, var(--success) 8%, transparent);--success-line: color-mix(in srgb, var(--success) 20%, transparent);--status-building: #ff7a3d;--status-building-quiet: color-mix(in srgb, var(--status-building) 12%, transparent);--warn: #ffb454;--danger: #ff5c69;--danger-ink: #ff8a8c;--danger-bg: #2a1518;--danger-border: #5c2a31;--on-accent: #ffffff;--on-danger: #ffffff;--on-media: #ffffff;--selection-contrast: #ffffff;--scrim: #000000a6;--scrim-strong: #000000a8;--kf: #e8c34a;--kf-soft: #e8c34a26;--spring: #a3e635;--syntax-keyword: #c792ea;--syntax-string: #a5d6a5;--syntax-number: #e8c34a;--syntax-function: #82aaff;--syntax-type: #a3e635;--syntax-property: #9ecbff;--syntax-atom: #ff9e64;--syntax-tag: #f07178}:root[data-theme=light],:root[data-dailies-studio-theme=light] [data-dailies-stage-furniture]{--surface-well: var(--paper-89);--surface-sunken: var(--paper-91);--surface-panel: var(--paper-97);--surface-secondary: var(--paper-94);--surface-raised: var(--gray-100);--wash-ink: #1c1c41;--fill-rest: color-mix(in srgb, var(--wash-ink) 6.5%, transparent);--fill-hover: color-mix(in srgb, var(--wash-ink) 11%, transparent);--fill-pressed: color-mix(in srgb, var(--wash-ink) 18%, transparent);--fill-state-soft: var(--paper-94);--fill-selected: var(--paper-91);--line: var(--paper-87);--line-strong: var(--paper-79);--line-soft: color-mix(in srgb, var(--wash-ink) 8%, transparent);--segmented-hover: var(--paper-97);--segmented-active: var(--gray-100);--ink-1: var(--gray-23);--ink-2: var(--paper-45);--ink-3: var(--paper-53);--ink-disabled: var(--paper-71);--field-caret-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.8 4.5 6 7.8 9.2 4.5' stroke='%2355555c' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--surface-board: var(--paper-94);--board-dot: var(--paper-87);--accent: #006fbd;--accent-hover: #005f9f;--accent-soft: #006fbd26;--accent-quiet: color-mix(in srgb, var(--accent) 12%, transparent);--accent-ink: #005fa3;--success: #167a3d;--status-building: #b04a12;--warn: #8a5200;--danger: #b42332;--danger-ink: #b42332;--danger-bg: #fdecee;--danger-border: #f3c2c8;--kf: #957805;--kf-soft: #95780526;--spring: #5c8706;--syntax-keyword: #8855a8;--syntax-string: #487549;--syntax-number: #816806;--syntax-function: #4568b8;--syntax-type: #4f7604;--syntax-property: #446d9c;--syntax-atom: #ab520c;--syntax-tag: #ba404c}:root{--gradient-magenta: #d44df0;--gradient-violet: #6a4cf5;--gradient-orange: #ff7a3d;--gradient-coral: #ff5577;--brand-gradient: linear-gradient(135deg, var(--gradient-violet), var(--gradient-magenta));--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 16px;--space-8: 24px;--radius-2xs: 2px;--radius-xs: 4px;--radius-sm: 6px;--radius-tab: 8px;--radius-md: 10px;--radius-lg: 15px;--radius-xl: 20px;--radius-2xl: 30px;--radius-pill: 100px;--radius-full: 9999px;--control-radius: var(--radius-md);--field-radius: var(--radius-sm);--font-sans: "Inter Variable", Inter, system-ui, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-features: "cv01", "cv05", "cv09", "cv11", "ss03", "ss07", "dlig";--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-caps: .06em;--tracking-body: -.01em;--tracking-display-md: -.03em;--tracking-display: -.05em;--type-micro: 10px;--type-sm: 11px;--type-md: 12px;--type-lg: 13px;--type-title: 14px;--type-xl: 16px;--type-heading: 20px;--leading-none: 1;--leading-tight: 1.25;--leading-body: 1.45;--leading-xs: 16px;--leading-sm: 18px;--leading-md: 20px;--leading-lg: 24px;--leading-xl: 28px;--icon-sm: 13px;--numeric: tabular-nums slashed-zero;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-numeric: var(--font-mono);--opacity-disabled: .4;--control-h: 28px;--button-h: 32px;--row-h: 28px;--badge-h: 20px;--section-header-h: 32px;--tab-h: 24px;--row-h-shot: 32px;--row-h-field: 36px;--transport-h: 44px;--panel-head-h: 40px;--panel-foot-h: 48px;--dock-head-h: 40px;--topbar-h: 44px;--shadow-1: 0 1px 2px #0006;--shadow-popover: 0 8px 28px -4px #000a, 0 2px 6px #0007;--shadow-float: 0 12px 40px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--shadow-control: 0 2px 4px #00000040;--ring-width: 3px;--ring-color: var(--accent-soft);--focus-ring: 0 0 0 var(--ring-width) var(--ring-color);--dur-fast: 80ms;--dur-med: .14s;--ease: cubic-bezier(.2, 0, 0, 1);--z-stage: 0;--z-panel: 1;--z-scrim: 2;--z-float: 3;--z-handle: 4;--z-overlay: 10;--z-menu: 1000;--z-dialog: 1100;--z-toast: 1200}:root[data-theme=light]{--shadow-1: 0 1px 2px #0000001a;--shadow-popover: 0 8px 28px -4px #00000033, 0 2px 6px #0000001f;--shadow-float: 0 12px 40px rgba(20, 20, 50, .16), 0 2px 8px rgba(20, 20, 50, .1);--shadow-control: 0 2px 4px #0000001f}:root{--bg-0: #090909;--bg-1: #141414;--bg-2: #1c1c1c;--bg-3: #242424;--border: #262626;--border-soft: #1a1a1a;--border-strong: #3a3a3a;--text-1: #ffffff;--text-2: #999999;--text-3: #6b6b6b;--text-xs: 10px;--font: 12px/1.45 var(--font-sans);--mono: 11px/1.4 ui-monospace, Consolas, monospace;--radius: var(--radius-md);--shadow-2: 0 4px 12px #0008;--panel-radius: var(--radius-xl);--control-bg: var(--bg-2)}}@layer tokens{:root{--on-signal: #ffffff;--timeline-ink: #ffffff;--selection-outline: #ffffff;--audio-waveform: var(--audio-clip);--accent-warm: #f5a524;--guide: #f5a524;--user-guide: #c46cff;--frame-border: rgba(255, 255, 255, .22);--marquee: var(--accent);--frustum: #eab308;--stage-backdrop: #050505;--working-bg: #141414;--working-clay: #8a8a93;--working-wire: #b8b8c2;--gizmo-hot: #ffffff;--grid: #2a2a2a;--axis-x: #ef4444;--axis-y: #22c55e;--axis-z: #3b82f6;--stage-divider: var(--line);--block-during: #a78bfa;--bar-live: var(--accent);--bar-ink: var(--wash-ink);--bar-rest: color-mix(in srgb, var(--bar-ink) 10%, transparent);--bar-rest-hover: color-mix(in srgb, var(--bar-ink) 16%, transparent);--bar-rest-line: color-mix(in srgb, var(--bar-ink) 22%, transparent);--bar-rest-line-hover: color-mix(in srgb, var(--bar-ink) 34%, transparent);--bar-ground: var(--fill-rest);--bar-ground-hover: var(--fill-hover);--bar-edge: var(--line-strong);--bar-grip: var(--ink-3);--playhead: var(--accent);--audio-clip: #2dd4bf;--audio-line: #fef08a;--audio-chip-bg: #0f2a27;--audio-chip-ink: #7fe8d8;--marker: #f97316;--marker-pin: #ffffff;--curve-1: var(--accent);--curve-2: #f5c451;--curve-3: #ff6b9a;--curve-4: #4ade80;--agent: #34d399}:root[data-theme=light],:root[data-dailies-studio-theme=light] [data-dailies-stage-furniture]{--on-signal: #ffffff;--timeline-ink: #1c1c1c;--selection-outline: #1c1c1c;--audio-waveform: var(--audio-clip);--frame-border: rgba(28, 28, 28, .24);--marquee: var(--accent);--stage-divider: var(--line);--bar-ink: var(--wash-ink);--bar-ground: var(--fill-rest);--bar-ground-hover: var(--fill-hover);--bar-edge: var(--line-strong);--bar-grip: var(--ink-3);--playhead: var(--accent);--accent-warm: #a96e04;--guide: #a96e04;--user-guide: #8a2fd0;--block-during: #8668d4;--bar-live: var(--accent);--audio-clip: #0a8a7c;--audio-line: #8a7c04;--audio-chip-bg: #cdefea;--audio-chip-ink: #075e55;--marker: #c95902;--marker-pin: #ffffff;--curve-1: var(--accent);--curve-2: #8a6d00;--curve-3: #c2386b;--curve-4: #15803d;--agent: #0b8a5f;--stage-backdrop: #d9d9dc;--working-bg: #d9d9dc;--working-clay: #777982;--working-wire: #303138;--grid: #c4c4c4;--gizmo-hot: #1c1c1c;--frustum: #9b7500;--axis-x: #e4383b;--axis-y: #068e3f;--axis-z: #3077ea}}@layer base;@layer base{@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/scene/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/scene/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/scene/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/scene/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/scene/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/scene/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/scene/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@layer base{:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light}body{font-feature-settings:var(--font-features)}*{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}}@layer widgets{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);height:var(--button-h);padding:0 var(--space-6);font:inherit;font-size:var(--type-md);line-height:var(--leading-md);font-weight:var(--weight-medium);color:var(--ink-1);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--radius-tab);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--fill-hover)}.btn:disabled{opacity:var(--opacity-disabled);cursor:default}.btn[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn.is-icon{width:var(--button-h);padding:0;font-size:var(--type-lg);background:var(--surface-panel);border-radius:var(--control-radius)}.btn.is-icon:hover:not(:disabled){background:var(--fill-state-soft)}.btn.is-lg{height:var(--row-h-field)}.btn.is-icon.is-lg{width:var(--row-h-field)}.btn.is-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.is-ghost:hover:not(:disabled){background:var(--fill-hover);color:var(--ink-1)}.btn.is-outline{background:transparent;border-color:var(--line)}.btn.is-outline:hover:not(:disabled){background:var(--fill-rest)}.btn.is-dashed{height:var(--control-h);gap:var(--space-4);font-weight:var(--weight-regular);color:var(--ink-2);background:transparent;border:1px dashed var(--line);border-radius:var(--radius-sm)}.btn.is-dashed:hover:not(:disabled){background:var(--fill-rest);border-color:var(--line-strong);color:var(--ink-1)}.btn.is-dashed:focus-visible{border-style:solid;border-color:var(--accent)}.btn.is-active,.btn[aria-pressed=true]{background:var(--accent-quiet);border-color:var(--accent);color:var(--accent-ink)}.btn.is-active:hover:not(:disabled),.btn[aria-pressed=true]:hover:not(:disabled){background:var(--accent-quiet)}.btn.is-danger{color:var(--danger-ink)}.btn.is-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn.is-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.is-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent-ink)}.btn.is-primary.is-danger,.btn.is-primary.is-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.select{appearance:none;-webkit-appearance:none;height:var(--control-h);padding:0 var(--space-6);font-size:var(--type-lg);line-height:var(--leading-sm);font-weight:var(--weight-regular);color:var(--ink-1);background-color:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--field-radius);max-width:100%;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.select.is-field{height:var(--button-h)}.select.is-quiet{height:var(--row-h-field);padding-block:var(--space-4);background-color:var(--surface-panel);border-radius:var(--control-radius)}select.select{--caret-lane: calc(var(--space-6) + 12px + var(--space-2));background-image:var(--field-caret-image);background-position:right var(--space-6) center;background-size:12px 12px;background-repeat:no-repeat;padding-right:var(--caret-lane)}.insp-pill select.select{--caret-lane: calc(12px + var(--space-2));padding-right:var(--caret-lane);background-position:right 0 center}.text-input{height:var(--control-h);padding:0 var(--space-6);font-size:var(--type-lg);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--field-radius);width:100%;min-width:0;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.text-input.is-field{height:var(--row-h-field);line-height:var(--leading-md);background:var(--surface-well)}.text-input::placeholder{color:var(--ink-3)}textarea.text-input{height:auto;padding:var(--space-3) var(--space-6)}.text-input:hover:not(:disabled,[readonly]),.select:hover:not(:disabled,.is-readonly){background-color:var(--fill-hover)}.select.is-quiet:hover{background-color:var(--fill-state-soft)}.text-input.is-field:hover{background:var(--surface-well)}.text-input[readonly]{color:var(--ink-2);background:var(--surface-panel);cursor:default}.text-input[aria-invalid=true]{border-color:var(--danger)}.text-input:disabled{border-color:var(--line);opacity:var(--opacity-disabled)}.select:disabled:not(.is-readonly){opacity:var(--opacity-disabled);cursor:default}.select.is-readonly{color:var(--ink-2);background-color:var(--surface-panel);opacity:1;cursor:default}:where(.insp-row,.prop-row) .select{padding-left:var(--space-4)}:where(.insp-row,.prop-row) .text-input,:where(.insp-row,.prop-row) textarea.text-input{padding-inline:var(--space-4)}.text-input:focus,.select:focus{outline:none;border-color:var(--accent)}.text-input:focus-visible,.select:focus-visible{box-shadow:var(--focus-ring)}.search-field{display:flex;align-items:center;gap:var(--space-4);height:var(--row-h-field);padding:0 var(--space-4);font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2);background:var(--surface-panel);border:1px solid var(--line-strong);border-radius:var(--control-radius);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.search-field>svg{flex:none;width:16px;height:16px}.search-field:focus-within{border-color:var(--accent)}.search-field:focus-within>svg{color:var(--ink-1)}.search-field:has(input:focus-visible){box-shadow:var(--focus-ring)}.search-field input{flex:1;min-width:0;height:100%;padding:0;font:inherit;color:var(--ink-1);background:none;border:0;outline:none}.search-field input::placeholder{color:var(--ink-2)}.kbd{flex:none;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 var(--space-1);font:var(--type-sm) / var(--leading-none) var(--font-numeric);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-xs)}.numfield{position:relative;display:flex;align-items:center;gap:var(--space-2);width:100%;min-width:0;height:var(--control-h);padding:0 var(--space-4);font-size:var(--type-lg);line-height:var(--leading-sm);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--field-radius);overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.numfield:where(:hover:not(.is-disabled,.is-readonly)){background:var(--fill-hover)}.numfield:where(:has(.numfield-input:focus)){border-color:var(--accent)}.numfield:where(:has(.numfield-input:focus-visible)){box-shadow:var(--focus-ring)}.numfield.is-dragging{background:var(--accent-quiet);border-color:var(--accent)}.numfield.is-readonly{cursor:default;background:var(--surface-panel)}.numfield.is-readonly .numfield-input{color:var(--ink-2);cursor:default}.numfield.is-keyed .numfield-input{color:var(--kf)}.numfield-label{flex:none;min-width:0;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.numfield-named{flex:1;width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.numfield-name{min-width:0;font-size:var(--type-micro);line-height:var(--leading-none);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.numfield-input{flex:1 1 36px;min-width:24px;padding:0;background:none;border:none;text-align:right;font-family:var(--font-numeric);color:var(--ink-1);user-select:text;cursor:inherit}.numfield-input:focus{outline:none;cursor:text}.numfield-input::placeholder{color:var(--ink-3)}.numfield-unit{color:var(--ink-2);flex:none}.numfield.is-disabled{cursor:default}.numfield.is-disabled>:not(.field-accessory){opacity:var(--opacity-disabled)}.field-accessory{flex:none;display:inline-flex;align-items:center;gap:var(--space-1);margin-right:calc(var(--space-2) * -1)}.field-accessory:empty{display:none}.numfield:has(>.field-accessory)>.numfield-input{flex-shrink:100000000}.numfield:has(>.field-accessory)>.numfield-unit{flex-shrink:100000;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.numfield:has(>.field-accessory)>.numfield-label{flex-shrink:1}.range-field{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;height:var(--control-h);padding:0 var(--space-4);font-size:var(--type-lg);line-height:var(--leading-sm);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--field-radius);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.range-field:where(:hover:not(.is-disabled,.is-readonly)){background:var(--fill-hover)}.range-field:where(:has(:is(.numfield-input,.range-field-slider):focus)){border-color:var(--accent)}.range-field:where(:has(:is(.numfield-input,.range-field-slider):focus-visible)){box-shadow:var(--focus-ring)}.range-field:where(.is-dragging,:has(>.numfield.is-dragging)){background:var(--accent-quiet);border-color:var(--accent)}.range-field.is-readonly{background:var(--surface-panel)}.range-field-label{flex:none;min-width:0;max-width:50%;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-field .range-field-slider{flex:1 1 0;width:auto;min-width:0;height:auto;align-self:stretch;contain:size;background:transparent}.range-field .range-field-slider:focus-visible{box-shadow:none}.range-field.is-readonly .range-field-slider{opacity:1}.range-field.is-disabled .range-field-label{opacity:var(--opacity-disabled)}.range-field.is-mixed .tick-slider-thumb,.range-field.is-mixed .tick-slider-thumb-line{visibility:hidden}.range-field>.numfield{flex:none;width:auto;min-width:0;height:auto;padding:0;background:transparent;border:0;box-shadow:none}.range-field .numfield-input{flex:none;width:calc(var(--range-chars) * 1ch);min-width:calc(var(--range-chars) * 1ch)}@supports (field-sizing: content){.range-field>.numfield>.numfield-input{width:auto;field-sizing:content}}.color-field{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);height:var(--control-h);padding:0 var(--space-4);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--field-radius);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.color-field:where(:hover:not(.is-disabled,.is-readonly)){background:var(--fill-hover)}.color-field:where(:focus-within:not(:has(.field-accessory :focus))){border-color:var(--accent)}.color-field:where(:has(:focus-visible):not(:has(.field-accessory :focus-visible))){box-shadow:var(--focus-ring)}.color-field.is-readonly{background:var(--surface-panel)}.color-field.is-disabled>:not(.field-accessory){opacity:var(--opacity-disabled)}.color-field .colorpicker-swatch{flex:none;width:16px;height:16px;padding:0;border:0;border-radius:var(--radius-xs)}.color-field .color-field-hex{flex:1;min-width:0;height:auto;padding:0;font-family:var(--font-numeric);font-size:var(--type-md);line-height:var(--leading-xs);text-align:left;text-transform:uppercase;background:transparent;border:0;outline:none;box-shadow:none}.color-field .color-field-hex:hover,.color-field .color-field-hex:focus,.color-field .color-field-hex:focus-visible{background:transparent;border:0;outline:none;box-shadow:none}.color-field-hex{color:var(--ink-1)}.color-field .color-field-hex[readonly]{color:var(--ink-2)}.field-caret{flex:none;width:12px;height:12px;color:var(--ink-2);pointer-events:none}.badge{display:inline-flex;align-items:center;flex:none;height:var(--badge-h);padding:0 var(--space-3);border-radius:var(--radius-xs);font-size:var(--type-sm);line-height:var(--leading-xs);font-weight:var(--weight-medium);background:var(--fill-hover);color:var(--ink-2);white-space:nowrap}.badge.is-accent{background:var(--accent-soft);color:var(--accent-ink)}.badge.is-success{background:var(--success-quiet);color:var(--success)}.badge.is-building{background:var(--status-building-quiet);color:var(--status-building)}.caps{margin:0;font-size:var(--type-sm);line-height:var(--leading-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.panel-head{display:flex;align-items:center;flex:none;gap:var(--space-4);min-width:0;height:var(--panel-head-h);padding:0 var(--space-6) 0 var(--space-7);background:var(--surface-panel);border-bottom:1px solid var(--line)}.panel-foot{display:flex;align-items:center;justify-content:flex-end;flex:none;gap:var(--space-4);min-width:0;height:var(--panel-foot-h);padding:0 var(--space-4);background:var(--surface-panel);border-top:1px solid var(--line)}.panel-foot.is-note{justify-content:flex-start;padding:0 var(--space-7);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-3)}.panel-foot>svg{flex:none;width:16px;height:16px}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--surface-panel)}.empty-line{display:flex;align-items:center;gap:var(--space-4);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-2)}.empty-line>svg{flex:none;width:16px;height:16px;color:var(--ink-3)}.drop{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-7);border:1px dashed var(--line-strong);border-radius:var(--radius-tab);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-3);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.drop.is-over{background:var(--accent-quiet);border-color:var(--accent);color:var(--accent-ink)}.chevron{transition:transform var(--dur-fast) var(--ease)}.chevron.is-open{transform:rotate(90deg)}.popover{background:var(--surface-panel);border:1px solid var(--line-strong);border-radius:var(--control-radius);box-shadow:var(--shadow-popover)}.popover-float{z-index:var(--z-menu)}.popover-motion-content{display:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit;gap:inherit;min-width:0;min-height:0}.panel-crash{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin:var(--space-2);padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--surface-secondary)}.panel-crash-title{color:var(--danger);font-weight:600}.panel-crash-message{color:var(--ink-2);font-size:var(--type-micro);white-space:pre-wrap;overflow-wrap:anywhere}.insp-section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--line-soft)}.insp-heading{display:flex;align-items:center;gap:var(--space-3);min-height:var(--section-header-h);font-size:var(--type-md);font-weight:var(--weight-semibold);letter-spacing:0;color:var(--ink-1)}.insp-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--row-h)}.insp-row.is-align-start{align-items:flex-start}.insp-pill{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-h);padding:0 var(--space-4);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--field-radius);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.insp-pill:hover{background:var(--fill-hover)}.insp-pill:focus-within:not(:has(.field-accessory :focus)){border-color:var(--accent)}.insp-pill:has(:focus-visible):not(:has(.field-accessory :focus-visible)){box-shadow:var(--focus-ring)}.insp-pill:has(:is(.numfield,.range-field).is-dragging){background:var(--accent-quiet);border-color:var(--accent)}.insp-pill.is-readonly,.insp-pill.is-readonly:hover,.insp-pill:has(>.insp-control>:is(.numfield,.range-field,.color-field,.select).is-readonly),.insp-pill:has(>.insp-control>:is(.numfield,.range-field,.color-field,.select).is-readonly):hover,.insp-pill:has(>.insp-control>.insp-vec>.numfield.is-readonly),.insp-pill:has(>.insp-control>.insp-vec>.numfield.is-readonly):hover,.insp-pill:has(>.insp-control>.text-input[readonly]),.insp-pill:has(>.insp-control>.text-input[readonly]):hover{background:var(--surface-panel);cursor:default}.insp-pill.is-readonly>.insp-control{color:var(--ink-2)}.insp-pill.is-disabled,.insp-pill.is-disabled:hover{background:var(--fill-rest);cursor:default}.insp-row.is-align-start .insp-pill,.insp-pill.is-align-start{align-items:flex-start;padding-top:var(--space-2);padding-bottom:var(--space-2)}.insp-pill:not(:has(>.insp-label)):has(>.insp-control>.numfield-named){margin-top:calc(var(--type-micro) + var(--space-1))}.insp-pill:not(:has(>.insp-label)):has(>.insp-control>.numfield-named) .numfield-name{position:absolute;left:0;right:0;bottom:calc(100% + var(--space-1) + 1px)}.insp-pill .select,.insp-pill .text-input,.insp-pill .numfield,.insp-pill .range-field,.insp-pill .color-field{flex:1;width:auto;min-width:0;height:auto;min-height:0;padding:0;background-color:transparent;border:none;box-shadow:none}.insp-pill>.insp-control:has(>.range-field),.insp-pill .range-field{align-self:stretch}.insp-pill>.insp-control:has(>.color-field)>.numfield{flex-grow:.5}.insp-pill .select:hover,.insp-pill .text-input:hover{background-color:transparent}.insp-pill .select:focus,.insp-pill .text-input:focus{background-color:transparent;border-color:transparent;box-shadow:none}.insp-pill .select,.insp-pill input.text-input:not(.color-field-hex){text-align:right}.insp-pill textarea.text-input{text-align:left}.insp-pill:has(>.insp-label):has(>.insp-control>.segmented){flex-wrap:wrap;row-gap:var(--space-1)}.insp-pill:has(>.insp-control>.segmented)>.insp-label{line-height:calc(var(--control-h) - 8px)}.insp-pill>.insp-control:has(>.segmented){flex:1 1 auto}.insp-pill:has(>.insp-control>.segmented):not(:has(>.field-accessory:not(:empty))),.insp-pill:has(>.insp-control>.segmented):not(:has(>.field-accessory:not(:empty))):hover,.insp-pill:has(>.insp-control>.segmented):not(:has(>.field-accessory:not(:empty))):focus-within,.insp-pill:has(>.insp-control>.segmented):not(:has(>.field-accessory:not(:empty))):has(:focus-visible){padding:0;background:transparent;border:0;box-shadow:none}.insp-pill:has(>.insp-control>.segmented):has(>.field-accessory:not(:empty)){padding:1px var(--space-4)}.insp-pill:not(:has(>.insp-label)):has(>.insp-control>.segmented):has(>.field-accessory:not(:empty)){padding-left:1px}.insp-pill:has(>.field-accessory:not(:empty))>.insp-control>.segmented{height:var(--tab-h);padding:0;background:transparent}.insp-label{flex:none;max-width:60%;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-label.is-icon{min-width:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3)}.insp-control{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.insp-num{flex:1;min-width:0}.insp-pill>.insp-control>.btn{height:var(--tab-h);padding:0 var(--space-4)}.insp-pill>.insp-control>.btn.is-icon{flex:none;width:var(--tab-h);padding:0}.insp-row>.btn,.insp-row>.insp-control>.btn{height:var(--control-h);padding:0 var(--space-4)}.insp-row>.btn.is-icon,.insp-row>.insp-control>.btn.is-icon{flex:none;width:var(--control-h);padding:0}.insp-buttons{display:flex;gap:var(--space-3);width:100%;min-width:0}.insp-buttons>.btn{flex:1 1 auto;min-width:0;height:var(--control-h);padding:0 var(--space-4);overflow:hidden}.insp-buttons>.btn.is-icon{flex:none;width:var(--control-h);padding:0}.insp-key{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--ink-3);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.insp-key>svg{width:10px;height:10px}.insp-key:hover:where(:not(:disabled)){background:var(--fill-hover);color:var(--ink-1)}.insp-key.is-danger:hover:where(:not(:disabled)){color:var(--danger)}.insp-key:focus-visible{outline:none;box-shadow:var(--focus-ring)}.insp-key:disabled{cursor:default}.insp-key[aria-disabled=true]{cursor:not-allowed}.insp-key.is-toggle[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-quiet);border-color:var(--accent)}.insp-key.is-toggle[aria-pressed=mixed]{color:var(--ink-1)}@media(prefers-reduced-motion:reduce){.chevron,.insp-key{transition:none}}.insp-key.is-tracked{color:var(--kf)}.insp-key.is-keyed,.insp-key.is-keyed:hover{color:var(--kf);border-color:transparent;background:transparent}.numfield:has(>.field-accessory .insp-key:is(.is-tracked,.is-keyed)) .numfield-input,.range-field:has(>.field-accessory .insp-key:is(.is-tracked,.is-keyed)) .numfield-input,.insp-pill:has(>.field-accessory .insp-key:is(.is-tracked,.is-keyed)) :is(.numfield-input,.select,.text-input),.color-field:has(>.field-accessory .insp-key:is(.is-tracked,.is-keyed)) .color-field-hex,.color-field.is-keyed .color-field-hex,.insp-pill.is-keyed :is(.numfield-input,.select,.text-input){color:var(--kf)}.insp-vec{flex:1;min-width:0;display:flex;gap:var(--space-3)}.insp-vec>:is(.numfield,.numfield-named){flex:1;min-width:0}.insp-vec .numfield-input{flex-basis:24px}.insp-grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(var(--insp-cols, 2),minmax(0,1fr));gap:var(--space-3)}.insp-grid>:is(.numfield,.numfield-named){min-width:0}:is(.insp-row,.prop-row) :is(.insp-control,.numfield-input,.select,.text-input){font-size:var(--type-md);line-height:var(--leading-xs)}:is(.insp-row,.prop-row) :is(.numfield-label,.numfield-unit,.range-field-label,.insp-label){font-size:var(--type-sm);line-height:var(--leading-xs)}.prop-row{--prop-label-w: 84px;display:grid;grid-template-columns:var(--prop-label-w) minmax(0,1fr);align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);min-width:0}.prop-row.is-align-start{align-items:start}.prop-row-label{display:flex;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--control-h);font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-2)}.prop-row-dot{flex:none;display:inline-flex;align-items:center;width:6px;margin-right:var(--space-1)}.prop-row-label-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-row-unit{flex:none;margin-left:var(--space-1);color:var(--ink-3);white-space:nowrap}.prop-row-actions{flex:none;display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto}.prop-row-reset{margin-left:auto}.prop-row-actions+.prop-row-reset{margin-left:0}.prop-row-label>:is(.prop-row-actions,.prop-row-reset):last-child{margin-right:calc(var(--space-2) * -1)}.prop-row-control{display:flex;align-items:center;min-width:0}.prop-row-error{grid-column:1 / -1;flex:0 0 100%}.prop-row:has(>.prop-row-control>:is(.insp-vec,.insp-composite))>.prop-row-control{grid-column:1 / -1}.prop-row:has(>.prop-row-control>:is(.insp-vec,.insp-composite))>.prop-row-label{min-height:0}.prop-row:has(>.prop-row-control>.segmented,>.prop-row-control>.insp-pill>.insp-control>.segmented){display:flex;flex-wrap:wrap}.prop-row:has(>.prop-row-control>.segmented,>.prop-row-control>.insp-pill>.insp-control>.segmented)>.prop-row-label{flex:0 0 var(--prop-label-w);min-height:0}.prop-row:has(>.prop-row-control>.segmented,>.prop-row-control>.insp-pill>.insp-control>.segmented)>.prop-row-control{flex:1 1 auto;flex:1 1 min-content}.prop-row.is-inherited .prop-row-label{color:var(--ink-3)}.prop-row.is-inherited :where(.prop-row-control) :where(.numfield-input,.select,.text-input,.color-field-hex){color:var(--ink-2)}.use-dot{flex:none;display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent)}.field-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-dim.is-text{font:inherit}.insp-dim{color:var(--ink-3);font:var(--type-micro)/var(--leading-none) var(--font-sans);font-variant-numeric:var(--numeric);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-readout .insp-pill,.insp-readout .insp-pill:hover{background:var(--fill-rest);cursor:default}.insp-readout :where(.insp-control) .insp-dim{font-family:var(--font-numeric);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-2)}.insp-readout .insp-control .is-text{font-family:var(--font-sans)}.insp-readout .insp-row.is-align-start .is-text{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:var(--leading-body)}.insp-readout .insp-control .badge{height:calc(var(--badge-h) - var(--space-1))}.insp-inline-error{color:var(--danger);font-size:var(--type-micro);white-space:normal;user-select:text}.insp-notice{font-size:var(--type-micro);white-space:normal;user-select:text;color:var(--ink-3)}.insp-notice.is-warn{color:var(--warn)}:is(.insp-notice,.insp-inline-error)>.insp-buttons{margin-top:var(--space-2)}.insp-textarea{resize:none;field-sizing:content;min-height:44px;max-height:168px}.insp-color{flex:none;width:30px;height:var(--control-h);padding:1px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--fill-rest);cursor:pointer}.insp-check{accent-color:var(--accent);margin:0}.checkbox{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:16px;height:16px;margin:0;background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.checkbox:hover:not(:disabled){border-color:var(--ink-3)}.checkbox:checked{background:var(--accent);border-color:var(--accent)}.checkbox:checked:after{content:"";position:absolute;inset:0;background:var(--on-accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat}.checkbox:indeterminate{background:var(--accent);border-color:var(--accent)}.checkbox:indeterminate:after{content:"";position:absolute;inset:0;background:var(--on-accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7h7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat}.checkbox:focus-visible{outline:none;box-shadow:var(--focus-ring)}.checkbox:disabled{opacity:var(--opacity-disabled);cursor:default}.insp-section-headrow{display:flex;align-items:center;gap:var(--space-2)}.insp-section-header{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);min-height:var(--section-header-h);padding:0;background:none;border:none;cursor:pointer;font-size:var(--type-lg);font-weight:var(--weight-semibold);letter-spacing:0;text-align:left;color:var(--ink-1)}.insp-section.is-collapsed .insp-section-header{font-weight:var(--weight-medium)}.insp-section-header.is-static{cursor:default}.insp-section-header:hover:not(.is-static) .insp-section-disclosure{color:var(--ink-2)}.insp-section-disclosure{flex:none;order:2;margin-left:auto;color:var(--ink-2)}.insp-section-icon{flex:none;display:inline-flex;width:16px;height:16px;color:var(--ink-1)}.insp-section-icon>svg{width:100%;height:100%}.insp-section-titles{flex:1;min-width:0;display:flex;flex-direction:column}.insp-section-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-section-summary{order:1;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-md);line-height:var(--leading-xs);font-weight:var(--weight-regular);color:var(--ink-2)}.insp-section-summary.is-numeric{font-family:var(--font-numeric)}.insp-section-actions{flex:none;display:flex;align-items:center;gap:var(--space-1);opacity:.55;transition:opacity var(--dur-fast) var(--ease)}.insp-section:hover .insp-section-actions,.insp-section-actions:focus-within{opacity:1}.insp-section-actions .btn.insp-section-action{width:20px;min-width:20px;height:20px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2)}.insp-section-actions .btn.insp-section-action:hover{background:var(--fill-hover);color:var(--ink-1)}.insp-section-body{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3)}.insp-prop.is-inert .insp-label,.insp-prop.is-inert .insp-control,.insp-prop.is-inherited .insp-label{opacity:.55}.insp-composite{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.insp-composite-head{align-self:stretch}.insp-composite-toggle{cursor:pointer}.insp-composite-toggle:disabled{cursor:default;opacity:var(--opacity-disabled)}.insp-composite-editor{align-self:stretch;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-secondary)}.insp-composite-curve{display:block;width:100%;height:auto;background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-md)}.insp-composite-curve polyline{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke}.insp-composite-point{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--line-soft)}.insp-composite-point>.insp-row>:is(.numfield,.numfield-named){flex:1;min-width:0}.insp-gradient-preview{height:14px;border:1px solid var(--line);border-radius:var(--radius-md)}.segmented{display:inline-flex;flex:1;min-width:0;height:var(--control-h);padding:var(--space-1);gap:var(--space-1);background:var(--surface-secondary);border-radius:var(--field-radius)}.segmented .segmented-item,.segmented .segmented-item:first-child,.segmented .segmented-item:last-child,.segmented .segmented-item:only-child{flex:1 1 0;min-width:auto;height:var(--tab-h);min-height:0;justify-content:center;margin-left:0;padding:0 var(--space-6);font-weight:var(--weight-regular);background:transparent;border:0;border-radius:var(--radius-xs);color:var(--ink-3)}.segmented .segmented-item:hover:not(:disabled){background:var(--segmented-hover);color:var(--ink-1)}.segmented .segmented-item.is-active,.segmented .segmented-item.is-active:hover:not(:disabled){position:relative;z-index:1;background:var(--segmented-active);color:var(--ink-1);font-weight:var(--weight-medium);box-shadow:none}.segmented.is-accent{background:var(--fill-rest);border-radius:var(--radius-tab);box-shadow:inset 0 0 0 1px var(--line-strong)}.segmented.is-accent .segmented-item{padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--ink-2)}.segmented.is-accent .segmented-item:hover:not(:disabled){background:var(--fill-rest)}.segmented.is-accent .segmented-item.is-active,.segmented.is-accent .segmented-item.is-active:hover:not(:disabled){background:var(--accent-quiet);color:var(--accent-ink);font-weight:var(--weight-medium);box-shadow:none}.segmented .segmented-item:focus-visible{box-shadow:0 0 0 2px var(--accent)}.segmented.is-accent .segmented-item:focus-visible{box-shadow:var(--focus-ring)}.segmented.is-lg{height:var(--button-h)}.segmented.is-lg .segmented-item{height:var(--control-h)}.segmented.is-chips{flex:none;height:auto;flex-wrap:wrap;padding:0;gap:var(--space-2);background:transparent;box-shadow:none}.segmented.is-chips .segmented-item{flex:none;height:auto;padding:var(--space-2) var(--space-5);font-size:var(--type-lg);line-height:var(--leading-md);background:var(--fill-rest);color:var(--ink-2)}.segmented.is-chips .segmented-item.is-active,.segmented.is-chips .segmented-item.is-active:hover:not(:disabled){background:var(--accent-quiet);color:var(--accent-ink);font-weight:var(--weight-regular);box-shadow:none}.insp-pill .segmented .segmented-item,.prop-row-control .segmented .segmented-item{flex:1 1 auto;min-width:0;padding-inline:var(--space-1)}.toggle{flex:none;width:34px;height:20px;padding:0;border:none;border-radius:var(--radius-full);background:var(--line);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease)}.toggle:hover:not(:disabled):not(.is-on){background:var(--line-strong)}.toggle.is-on{background:var(--accent)}.toggle:disabled{opacity:var(--opacity-disabled);cursor:default}.toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--ink-1);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease)}.toggle.is-on .toggle-knob{transform:translate(14px);background:var(--selection-contrast)}.toggle.is-mixed .toggle-knob{transform:translate(7px)}.combobox-trigger{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;cursor:pointer}.combobox-trigger:disabled{cursor:default}.combobox-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-pop{padding:var(--space-2);max-height:280px;display:flex;flex-direction:column;gap:var(--space-2)}.combobox-search{display:flex;align-items:center;gap:var(--space-2);position:relative}.combobox-search-icon{position:absolute;left:6px;color:var(--ink-3);pointer-events:none}.combobox-search .text-input{padding-left:var(--space-8)}.combobox-list{list-style:none;margin:0;padding:0;overflow:auto;min-width:0}.combobox-option{display:flex;align-items:center;min-height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combobox-option.is-active{background:var(--accent-quiet)}.combobox-option.is-selected{color:var(--accent-ink)}.combobox-empty{padding:var(--space-2) var(--space-4);color:var(--ink-3)}.combobox-group{padding:var(--space-3) var(--space-4) var(--space-1);color:var(--ink-3);font-size:var(--type-micro);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.colorpicker-swatch,.colorpicker-alpha,.gradient-bar-track{background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.colorpicker-swatch{padding:0;overflow:hidden;position:relative}.colorpicker-swatch:disabled{cursor:default}.colorpicker-swatch-fill{position:absolute;inset:0}.colorpicker-swatch.is-invalid{box-shadow:inset 0 0 0 1px var(--danger)}.colorpicker-pop{width:320px;padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6);border-radius:var(--radius-tab)}.colorpicker-sv{position:relative;width:100%;height:164px;border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)}.colorpicker-sv-thumb,.colorpicker-slider-thumb{position:absolute;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid #fff;box-shadow:0 0 0 1px #0008;transform:translate(-50%,-50%);pointer-events:none}.colorpicker-slider-thumb{width:8px;height:18px}.colorpicker-hue,.colorpicker-alpha{position:relative;height:16px;border-radius:var(--radius-full);cursor:ew-resize;touch-action:none}.colorpicker-hue{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.colorpicker-alpha-bar{position:absolute;inset:0;border-radius:var(--radius-full)}.colorpicker-hue .colorpicker-slider-thumb,.colorpicker-alpha .colorpicker-slider-thumb{top:50%}.colorpicker-sv:focus,.colorpicker-hue:focus,.colorpicker-alpha:focus{outline:none}.colorpicker-sv:focus-visible,.colorpicker-hue:focus-visible,.colorpicker-alpha:focus-visible{box-shadow:var(--focus-ring)}.colorpicker-hexrow{display:flex;gap:var(--space-4);align-items:center}.colorpicker-hex{flex:1;min-width:0;height:var(--row-h-field);font-family:var(--font-numeric)}.colorpicker-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);align-items:center}.colorpicker-fields.is-opaque{grid-template-columns:repeat(3,minmax(0,1fr))}.colorpicker-ch{min-width:0;height:var(--row-h-field);padding:0 var(--space-4)}.colorpicker-ch .numfield-input{min-width:20px}.colorpicker-swatches{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-2)}.colorpicker-swatch-chip{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;padding:0}.colorpicker-swatch-chip:hover{border-color:var(--ink-2)}.colorpicker-swatch-chip:focus{outline:none}.colorpicker-swatch-chip:focus-visible{box-shadow:var(--focus-ring)}.tick-slider{display:block;width:100%;height:var(--control-h);box-sizing:border-box;border:0;border-radius:var(--field-radius);background:var(--surface-secondary);overflow:hidden;cursor:ew-resize;touch-action:pan-y}.tick-slider>svg{display:block}.tick-slider:focus{outline:none}.tick-slider:focus-visible{box-shadow:var(--focus-ring)}.tick-slider.is-disabled{opacity:var(--opacity-disabled);cursor:default}.tick-slider-tick{fill:none;stroke:var(--ink-disabled)}.tick-slider-tick.is-major{stroke:var(--ink-disabled)}.tick-slider-rail{fill:none;stroke:var(--line)}.tick-slider-thumb{fill:var(--surface-panel);stroke:var(--ink-2)}.tick-slider-thumb-line{fill:none;stroke:var(--line)}.tick-slider:where(:not(.is-disabled):hover) .tick-slider-thumb{fill:var(--meter-lit);stroke:var(--accent-ink)}.tick-slider:where(:not(.is-disabled):hover) .tick-slider-thumb-line{stroke:var(--ink-1)}.tick-slider.is-keyed .tick-slider-thumb,.range-field:has(>.field-accessory .insp-key:is(.is-tracked,.is-keyed)) .tick-slider-thumb{fill:var(--kf-soft);stroke:var(--kf)}.tick-slider.is-keyed .tick-slider-thumb-line,.range-field:has(>.field-accessory .insp-key:is(.is-tracked,.is-keyed)) .tick-slider-thumb-line{stroke:var(--kf)}.gradient-bar{position:relative;height:66px;touch-action:none}.gradient-bar-track{position:relative;height:28px;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;cursor:copy}.gradient-bar-fill{position:absolute;inset:0}.gradient-bar-stop{position:absolute;top:22px;width:14px;height:22px;box-sizing:border-box;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:ew-resize;touch-action:none;transition:border-color var(--dur-fast) var(--ease)}.gradient-bar-stop:focus{outline:none}.gradient-bar-stop:focus-visible{box-shadow:var(--focus-ring)}.gradient-bar-stop.is-selected{border-color:var(--accent);z-index:1}.gradient-bar.is-readonly .gradient-bar-track,.gradient-bar.is-readonly .gradient-bar-stop{cursor:default}.gradient-bar-label{position:absolute;top:48px;transform:translate(-50%);font-family:var(--font-numeric);font-size:var(--type-md);line-height:var(--leading-sm);color:var(--accent-ink);white-space:nowrap;pointer-events:none}.topbar{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-4)}.topbar-tabs{display:flex;flex:none;padding:var(--space-1);gap:var(--space-1);background:var(--fill-rest);border-radius:var(--control-radius)}.topbar-tabs .btn{height:var(--tab-h);border:0;text-decoration:none;margin-left:0;padding:var(--space-1) var(--space-5);background:transparent;border-radius:calc(var(--control-radius) - 2px);color:var(--ink-2)}.topbar-tabs .btn:hover:not(:disabled){background:var(--fill-rest);color:var(--ink-1)}.topbar-tabs .btn.is-active,.topbar-tabs .btn.is-active:hover:not(:disabled){position:relative;background:var(--accent-quiet);color:var(--accent-ink);font-weight:var(--weight-semibold)}.topbar-rest{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-4);justify-content:flex-end}.menu-surface{min-width:168px;max-width:320px;background:var(--surface-panel);border:1px solid var(--line-strong);border-radius:var(--control-radius);box-shadow:var(--shadow-popover);z-index:var(--z-menu);outline:none}.menu-surface.is-wide{min-width:432px;max-width:432px}.menu.is-wide>.menu-item,.menu-shell.is-wide>.menu>.menu-item{padding:0 var(--space-6)}.menu{max-height:70vh;overflow:auto;padding:var(--space-3);outline:none}.menu-motion-row{display:flex;align-items:center;gap:var(--space-4);width:100%;min-width:0}.menu-shell{min-width:318px;display:flex;flex-direction:column;padding-top:var(--space-3)}.menu-shell>.menu{padding-top:0}.menu-search{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4) var(--space-2);margin:0 var(--space-2) var(--space-2);border-bottom:1px solid var(--line-soft);color:var(--ink-3)}.menu-search input{flex:1;min-width:0;padding:0;font:inherit;color:var(--ink-1);background:none;border:0;outline:none}.menu-search input::placeholder{color:var(--ink-3)}.menu-empty{min-height:var(--control-h);display:flex;align-items:center;padding:0 var(--space-4);margin:0 var(--space-2) var(--space-2);color:var(--ink-3)}.menu-item{display:flex;align-items:center;gap:var(--space-4);min-height:30px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--type-md);line-height:var(--leading-md);color:var(--ink-1);cursor:default;user-select:none}.menu-item.is-active{background:var(--accent-quiet);color:var(--ink-1)}.menu-item.is-danger{color:var(--danger-ink)}.menu-item.is-danger.is-active{background:var(--danger-bg);color:var(--danger-ink)}.menu-item.is-disabled{color:var(--ink-3)}.menu-item.is-disabled.is-active{background:transparent;color:var(--ink-3)}.menu-check{flex:none;display:flex;align-items:center;justify-content:center;width:16px;color:var(--accent-ink)}.menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-icon{flex:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.menu-icon>svg{width:var(--icon-sm);height:var(--icon-sm)}.menu-label-stack{display:flex;flex-direction:column;padding:var(--space-1) 0}.menu-label-main,.menu-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-detail{color:var(--ink-2);font-size:var(--type-sm);line-height:var(--leading-xs)}.menu-item.is-disabled .menu-detail{white-space:normal}.menu-shortcut{flex:none;color:var(--ink-3);font-size:var(--type-sm)}.menu-shortcut.is-accent{color:var(--accent-ink);font-weight:var(--weight-medium)}.menu-caret{flex:none;display:flex;align-items:center;justify-content:center;width:16px;color:var(--ink-2)}.menu-separator{height:1px;margin:0;background:var(--line-strong)}.menu-heading{padding:var(--space-3) var(--space-4) var(--space-2);color:var(--ink-3);font-size:var(--type-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);line-height:var(--leading-xs);text-transform:uppercase;user-select:none}@keyframes dialog-overlay-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}}@media(prefers-reduced-motion:no-preference){.dialog-overlay{animation:dialog-overlay-in var(--dur-fast) var(--ease)}.dialog{animation:dialog-in var(--dur-med) var(--ease)}}.dialog-overlay{position:fixed;inset:0;z-index:var(--z-dialog);display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--scrim)}.dialog-overlay~.popover-float,.dialog-overlay~.menu-surface{z-index:var(--z-dialog)}.dialog{position:relative;width:320px;max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);background:var(--surface-panel);border:1px solid var(--line-strong);border-radius:var(--control-radius);box-shadow:var(--shadow-popover);outline:none}.dialog.is-wide{width:648px;gap:var(--space-7);padding:var(--space-8)}.dialog-title{font-size:var(--type-lg);font-weight:var(--weight-semibold);color:var(--ink-1)}.dialog-body{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;overflow:auto;color:var(--ink-2)}.dialog-message{margin:0;white-space:normal}.dialog-field{display:flex;flex-direction:column;gap:var(--space-2)}.dialog-label{color:var(--ink-2)}.dialog-error{color:var(--danger);font-size:var(--type-micro)}.dialog.is-wide .dialog-title{padding-right:var(--space-8);font-size:var(--type-xl);line-height:var(--leading-md)}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.dialog.is-wide .dialog-actions{gap:var(--space-4)}.dialog-close{position:absolute;top:calc(var(--space-8) - var(--space-1));right:calc(var(--space-8) - var(--space-1));display:flex;align-items:center;justify-content:center;width:var(--leading-lg);height:var(--leading-lg);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);cursor:pointer}.dialog-close svg{width:16px;height:16px}.dialog-close:hover{background:var(--fill-hover);color:var(--ink-1)}.dialog-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toast-strip{position:fixed;left:50%;bottom:var(--space-8);transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);width:max-content;max-width:min(560px,calc(100vw - var(--space-8) * 2));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);font-size:var(--type-lg);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);color:var(--ink-1)}.toast-glyph{flex:none}.toast.is-success .toast-glyph{color:var(--success)}.toast.is-error .toast-glyph{color:var(--danger)}.toast-message{flex:1;min-width:0}.toast-action{flex:none;padding:0;background:none;border:0;color:var(--accent-ink);cursor:pointer}.toast-close{flex:none;padding:0 var(--space-1);font-size:var(--type-lg);line-height:var(--leading-none);background:none;border:0;color:var(--ink-2);cursor:pointer}.toast-close:hover{color:var(--ink-1)}@media(prefers-reduced-motion:no-preference){.toast{animation:dialog-in var(--dur-med) var(--ease)}}:root{--nav-rail-w: 208px}.rail{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;box-sizing:border-box;border-right:1px solid var(--line);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.rail-top{margin-bottom:var(--space-7)}.workspace{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--ink-1);font:inherit;font-size:var(--type-lg);cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.workspace:hover{background:var(--fill-hover);border-color:var(--line)}.workspace-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-chevron{flex:none;color:var(--ink-3)}.rail-section{padding:var(--space-4) var(--space-4) var(--space-2);color:var(--ink-3);font-size:var(--type-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.rail-item{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:var(--row-h-shot);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-sm);background:none;color:var(--ink-2);font:inherit;font-size:var(--type-lg);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.rail-item svg{flex:none;color:var(--ink-3);transition:color var(--dur-fast) var(--ease)}.rail-item:hover{background:var(--fill-state-soft);color:var(--ink-1)}.rail-item.is-active{background:var(--fill-selected);color:var(--ink-1)}.rail-item.is-active svg{color:var(--accent-ink)}.rail-spacer{flex:1;min-height:var(--space-6)}@media(max-width:720px){.rail{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:var(--space-2);overflow-x:auto;padding:var(--space-4)}.rail-top,.rail-section,.rail-spacer{display:none}.rail-item{width:auto;white-space:nowrap}}.rail-avatar{flex:none;width:22px;height:22px;border-radius:var(--radius-sm);display:grid;place-items:center;overflow:hidden;background:var(--accent);color:var(--on-accent);font-size:var(--type-sm);font-weight:var(--weight-semibold)}.rail-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}@media(prefers-reduced-motion:reduce){.rail-item,.rail-item svg,.workspace{transition:none}}}@layer chrome{:root{--tree-indent: 12px;--float-radius: 12px;--pill-pad: 5px;--tool-footer-h: 48px;--tool-footer-row: 0px;--rail-w: 224px;--inspector-w: 304px;--dock-row-h: 300px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:var(--type-md)/var(--leading-body) var(--font-sans);color:var(--ink-1);background:var(--surface-app);-webkit-font-smoothing:antialiased}.shell{position:relative;height:100%;display:grid;grid-template-columns:[edge-l] var(--rail-w) [rail-r] minmax(0,1fr) [insp-l] var(--inspector-w) [edge-r];grid-template-rows:[edge-t] var(--topbar-h) [main-t] var(--panel-head-h) [stage-t] minmax(0,1fr) [foot-t] var(--tool-footer-row) [main-b] var(--dock-row-h) [edge-b];overflow:clip}.shell.has-tool-footer{--tool-footer-row: var(--tool-footer-h)}.shell.tool-footer-top{grid-template-rows:[edge-t] var(--topbar-h) [main-t] var(--panel-head-h) [head-b] var(--tool-footer-row) [stage-t] minmax(0,1fr) [foot-t main-b] var(--dock-row-h) [edge-b]}.shell.tool-footer-top>.control-strip{grid-row:main-t / head-b}.shell.tool-footer-top>.tool-footer{grid-row:head-b / stage-t;border-top:0;border-bottom:1px solid var(--line)}.stage-frame{position:fixed;inset:0;width:100%;height:100%;border:0;display:block;z-index:var(--z-stage)}.shell-header,.left-rail,.control-strip,.inspector-column,.timeline-dock{position:relative;z-index:var(--z-panel);min-width:0;min-height:0}.shell.is-rail-collapsed>.left-rail,.shell.is-inspector-collapsed>.inspector-column{visibility:hidden}.shell.is-rail-collapsed>.control-strip,.shell.is-rail-collapsed>.canvas-cell,.shell.is-rail-collapsed>.tool-footer,.shell.is-rail-collapsed>.overlay-strip,.shell.is-rail-collapsed>.empty-state,.shell.is-rail-collapsed>.panel-crash{grid-column-start:edge-l}.shell.is-inspector-collapsed>.control-strip,.shell.is-inspector-collapsed>.canvas-cell,.shell.is-inspector-collapsed>.tool-footer,.shell.is-inspector-collapsed>.overlay-strip,.shell.is-inspector-collapsed>.empty-state,.shell.is-inspector-collapsed>.panel-crash{grid-column-end:edge-r}.canvas-cell{grid-column:rail-r / insp-l;grid-row:stage-t / foot-t;position:relative;z-index:var(--z-panel);display:flex;flex-direction:column;min-width:0;min-height:0;pointer-events:none}.board-skeleton,.mode-skeleton{flex:1 1 0;display:flex;flex-direction:column;min-width:0;min-height:0}.board-skeleton{pointer-events:auto;background-color:var(--surface-board)}.mode-skeleton.is-canvas{pointer-events:auto;background-color:var(--surface-app)}.bottom-cell{grid-column:edge-l / edge-r;grid-row:main-b / edge-b;position:relative;z-index:var(--z-panel);display:none;grid-template-columns:subgrid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;pointer-events:none}.shell.is-code-studio>.bottom-cell{display:grid}.tool-flyout,.overlay-message{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--float-radius);box-shadow:var(--shadow-float)}.overlay-strip{grid-column:rail-r / insp-l;grid-row:stage-t / foot-t;align-self:end;justify-self:center;position:relative;z-index:var(--z-overlay);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:min(560px,100%)}.overlay-message{pointer-events:auto;display:flex;gap:var(--space-5);align-items:flex-start;padding:var(--space-5) var(--space-6);line-height:var(--leading-body);border-color:color-mix(in srgb,var(--danger) 50%,transparent)}@media(prefers-reduced-motion:no-preference){.overlay-message{animation:dialog-in var(--dur-med) var(--ease)}}.overlay-message.is-sticky{border-color:color-mix(in srgb,var(--warn) 50%,transparent)}.overlay-message button{font:inherit;font-size:var(--type-lg);color:var(--ink-2);background:transparent;border:0;cursor:pointer;padding:0}.overlay-message button:hover{color:var(--ink-1)}.overlay-message .overlay-action{flex:none;font-size:inherit;color:var(--ink-1);text-decoration:underline;white-space:nowrap}.empty-state{grid-column:rail-r / insp-l;grid-row:main-t / main-b;place-self:center;position:relative;z-index:var(--z-scrim);display:grid;text-align:center;gap:var(--space-3);pointer-events:none;color:var(--ink-3)}.empty-state h1{font-size:var(--type-xl);font-weight:600;margin:0;color:var(--ink-2)}.empty-state p{margin:0}.empty-state a{pointer-events:auto;justify-self:center;margin-top:var(--space-3);text-decoration:none}.shell>.panel-crash{grid-column:rail-r / insp-l;grid-row:main-t / main-b;align-self:start;justify-self:center;position:relative;z-index:var(--z-overlay);max-width:min(640px,100%)}.rail-resize,.inspector-resize,.dock-resize,.split-resize{touch-action:none;background:transparent;transition:background var(--dur-fast) var(--ease)}.rail-resize:before,.inspector-resize:before,.dock-resize:before,.split-resize:before,.rail-resize:after,.inspector-resize:after,.dock-resize:after,.split-resize:after{content:"";position:absolute;pointer-events:none;transition:background var(--dur-fast) var(--ease)}.rail-resize:before,.inspector-resize:before,.split-resize:before{top:0;bottom:0;left:var(--space-2);width:1px}.rail-resize:before{left:calc(var(--space-2) - 1px)}.dock-resize:before{left:0;right:0;top:0;height:1px}.rail-resize:after,.inspector-resize:after,.split-resize:after{top:calc(50% - 10px);left:var(--space-2);width:1px;height:20px;background:var(--ink-3)}.rail-resize:after{left:calc(var(--space-2) - 1px)}.dock-resize:after{left:calc(50% - 10px);top:0;width:20px;height:1px;background:var(--ink-3)}.rail-resize:hover,.inspector-resize:hover,.dock-resize:hover,.split-resize:hover{background:var(--fill-state-soft)}.rail-resize:hover:before,.inspector-resize:hover:before,.dock-resize:hover:before,.split-resize:hover:before{background:var(--fill-selected)}.rail-resize:hover:after,.inspector-resize:hover:after,.dock-resize:hover:after,.split-resize:hover:after{background:var(--accent-ink)}.rail-resize,.inspector-resize{grid-row:main-t / edge-b;position:relative;z-index:var(--z-handle);width:8px;cursor:col-resize}.rail-resize{grid-column:edge-l / rail-r;justify-self:end;margin-right:calc(-1 * var(--space-2))}.inspector-resize{grid-column:insp-l / edge-r;justify-self:start;margin-left:calc(-1 * var(--space-2))}.split-resize{position:fixed;top:var(--window-t, 0px);bottom:var(--window-b, 0px);left:var(--split-x);z-index:var(--z-handle);width:8px;margin-left:calc(-1 * var(--space-2));cursor:col-resize}.dock-resize{position:absolute;top:0;left:0;right:0;z-index:6;height:8px;cursor:row-resize}.stage-window{background:transparent;pointer-events:none}.rail-scroll::-webkit-scrollbar,.inspector-body::-webkit-scrollbar,.agent-transcript::-webkit-scrollbar,.dock-scroll::-webkit-scrollbar,.board-desk::-webkit-scrollbar,.style-wall-items::-webkit-scrollbar,.plan-body::-webkit-scrollbar,.component-sheet-body::-webkit-scrollbar,.sketch-inspector-body::-webkit-scrollbar,.shot-brief-body::-webkit-scrollbar{width:10px;height:10px}.rail-scroll::-webkit-scrollbar-thumb,.inspector-body::-webkit-scrollbar-thumb,.agent-transcript::-webkit-scrollbar-thumb,.dock-scroll::-webkit-scrollbar-thumb,.board-desk::-webkit-scrollbar-thumb,.style-wall-items::-webkit-scrollbar-thumb,.plan-body::-webkit-scrollbar-thumb,.component-sheet-body::-webkit-scrollbar-thumb,.sketch-inspector-body::-webkit-scrollbar-thumb,.shot-brief-body::-webkit-scrollbar-thumb{background:var(--fill-hover);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full)}.rail-scroll::-webkit-scrollbar-thumb:hover,.inspector-body::-webkit-scrollbar-thumb:hover,.agent-transcript::-webkit-scrollbar-thumb:hover,.dock-scroll::-webkit-scrollbar-thumb:hover,.board-desk::-webkit-scrollbar-thumb:hover,.style-wall-items::-webkit-scrollbar-thumb:hover,.plan-body::-webkit-scrollbar-thumb:hover,.component-sheet-body::-webkit-scrollbar-thumb:hover,.sketch-inspector-body::-webkit-scrollbar-thumb:hover,.shot-brief-body::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:content-box}.rail-scroll::-webkit-scrollbar-track,.inspector-body::-webkit-scrollbar-track,.agent-transcript::-webkit-scrollbar-track,.dock-scroll::-webkit-scrollbar-track,.board-desk::-webkit-scrollbar-track,.style-wall-items::-webkit-scrollbar-track,.plan-body::-webkit-scrollbar-track,.component-sheet-body::-webkit-scrollbar-track,.sketch-inspector-body::-webkit-scrollbar-track,.shot-brief-body::-webkit-scrollbar-track{background:transparent}.export-scrim{position:fixed;top:var(--window-t, 0px);right:var(--window-r, 0px);bottom:var(--window-b, 0px);left:var(--window-l, 0px);z-index:var(--z-scrim);display:grid;place-content:center;gap:var(--space-4);text-align:center;background:var(--scrim);color:var(--ink-1);font-family:var(--font-sans);font-variant-numeric:var(--numeric);pointer-events:auto}.export-scrim p{margin:0}.export-scrim-note{color:var(--ink-2);font-size:var(--type-sm)}}@layer chrome{.transport-scrub,.dock-zoom,.dock-volume{appearance:none;-webkit-appearance:none;width:240px;height:18px;background:transparent;cursor:pointer}.transport-scrub::-webkit-slider-runnable-track,.dock-zoom::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:var(--fill-rest)}.transport-scrub::-webkit-slider-thumb,.dock-zoom::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:calc(-1 * var(--space-2));border-radius:var(--radius-full);background:var(--timeline-ink);border:0;box-shadow:0 1px 3px #0009}.transport-scrub::-moz-range-track,.dock-zoom::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--fill-rest)}.transport-scrub::-moz-range-thumb,.dock-zoom::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:var(--radius-full);background:var(--timeline-ink)}.transport-scrub:focus-visible,.dock-zoom:focus-visible,.dock-volume:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-full)}.segmented.is-bar .segmented-item{height:calc(var(--control-h) - 2 * var(--space-1));padding-block:0;line-height:calc(var(--control-h) - 2 * var(--space-1))}.mask-swatch{display:block;width:20px;height:20px;border:1px solid var(--line-strong);border-radius:var(--radius-xs)}.mask-swatch.is-alpha{background:linear-gradient(90deg,var(--gray-97),transparent)}.mask-swatch.is-luma{background:linear-gradient(90deg,var(--gray-100),var(--gray-11))}.layer-drift-badge{flex:0 1000 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:16px;line-height:calc(var(--leading-xs) - 2px);margin-left:var(--space-2);padding:0 var(--space-2);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--type-micro);color:var(--warn);white-space:nowrap}.mask-badge{flex:0 1000 auto;min-width:0;display:inline-block;overflow:hidden;text-overflow:ellipsis;height:16px;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--type-micro);line-height:14px;color:var(--ink-2);white-space:nowrap}.mask-bracket{position:absolute;top:0;bottom:0;width:6px;margin-left:var(--space-2);border-left:1.5px solid var(--line-strong);pointer-events:none}.mask-bracket.is-top{top:var(--space-4);border-top:1.5px solid var(--line-strong);border-top-left-radius:var(--radius-2xs)}.mask-bracket.is-bottom{bottom:50%;border-bottom:1.5px solid var(--line-strong);border-bottom-left-radius:var(--radius-2xs)}}@layer chrome{.shell-header{grid-column:edge-l / edge-r;grid-row:edge-t / main-t;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-6);padding:0 var(--space-6);background:var(--surface-panel);border-bottom:1px solid var(--line)}.header-start,.header-end{display:flex;align-items:center;gap:var(--space-7);min-width:0}.header-end{justify-content:flex-end}.shell-header .btn{height:var(--control-h)}.shell-header .btn.is-icon{width:var(--control-h)}.header-center{display:flex;justify-content:center}.header-sep{flex:none;width:1px;height:20px;background:var(--line)}.app-menu-trigger{flex:none;width:48px;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--field-radius)}.app-menu-mark{width:20px;height:20px;color:var(--ink-1)}.app-menu-caret{display:inline-flex;color:var(--ink-2)}.app-menu-caret svg{width:12px;height:12px;display:block}.app-menu-trigger.is-active .app-menu-caret{color:inherit}.project-identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.project-home{flex:none;font-size:var(--type-lg);color:var(--ink-2);text-decoration:none;border-radius:var(--radius-xs)}.project-home:hover{color:var(--ink-1)}.project-home:focus-visible{outline:none;box-shadow:var(--focus-ring)}.project-title-input{field-sizing:content;width:auto;max-width:min(200px,18vw);height:var(--control-h);min-width:56px;padding:0 var(--space-4);font:inherit;font-size:var(--type-title);font-weight:var(--weight-medium);color:var(--ink-1);background:transparent;border:1px solid transparent;border-radius:var(--control-radius);text-overflow:ellipsis;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.project-title-input:hover:not(:disabled){background:var(--fill-rest)}.project-title-input:focus{outline:none;background:var(--fill-rest);border-color:var(--accent);box-shadow:var(--focus-ring);text-overflow:clip}.project-title-input:disabled{color:var(--ink-disabled)}.history-controls,.status-badges{display:flex;align-items:center;gap:var(--space-2)}.history-controls svg{width:16px;height:16px;display:block}.status-badges:empty{display:none}.status-chip{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-full);font-size:var(--type-micro);line-height:16px;color:var(--ink-2);background:var(--fill-hover);white-space:nowrap}.status-chip-fps{font-variant-numeric:var(--numeric)}.status-chip-quiet{color:var(--ink-3);border-color:transparent}.status-chip-saved{gap:var(--space-3);padding:0;color:var(--ink-3);background:transparent;border-color:transparent}.status-chip-saved svg{width:14px;height:14px;display:block}.status-chip-warn{border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn)}.status-chip-error{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger-ink)}@keyframes status-chip-in{0%{opacity:0}}@media(prefers-reduced-motion:no-preference){.status-chip{animation:status-chip-in var(--dur-fast) var(--ease)}}.workspace-switch{flex:none;align-items:center;height:var(--button-h);padding:var(--space-1);gap:var(--space-1);border-radius:var(--radius-tab)}.workspace-switch .segmented-item,.workspace-switch .segmented-item:first-child,.workspace-switch .segmented-item:last-child{flex:none;height:26px;gap:var(--space-3);padding:0 var(--space-6);font-size:var(--type-md);border:1px solid transparent;border-radius:var(--radius-sm)}.workspace-switch .segmented-item.is-active,.workspace-switch .segmented-item.is-active:hover:not(:disabled){border-color:var(--accent);font-weight:var(--weight-semibold)}.workspace-switch .header-glyph{margin-right:0}.agent-chip{flex:none;gap:var(--space-3);padding:0 var(--space-5)}.agent-chip[aria-expanded=true]{background:var(--fill-state-soft)}.agent-chip-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-full);background:var(--ink-3)}.agent-chip.is-write .agent-chip-dot{background:var(--success)}.agent-chip.is-read .agent-chip-dot{background:var(--ink-2)}.agent-chip.is-off .agent-chip-dot{background:var(--warn)}.agent-chip-word{color:var(--ink-2);font-weight:var(--weight-regular)}@media(max-width:1279px){.agent-chip-word{display:none}}.header-avatar{flex:none;width:var(--control-h);height:var(--control-h);margin-left:var(--space-4);padding:0;font:inherit;font-size:var(--type-md);font-weight:var(--weight-semibold);color:var(--ink-1);background:var(--fill-rest);border:0;border-radius:var(--radius-full);cursor:pointer}.header-avatar:hover{background:var(--fill-hover)}.header-avatar:focus-visible{outline:none;box-shadow:var(--focus-ring)}.header-guest{flex:none;margin-left:var(--space-4);padding:var(--space-1) var(--space-3);font-size:var(--type-md);font-weight:var(--weight-medium);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-full)}.project-crumb{flex-shrink:4;min-width:56px;padding:0 var(--space-4);max-width:220px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1279px){.header-start,.header-end{gap:var(--space-4)}.project-home,.project-home+.project-crumb-sep{display:none}}.project-crumb svg{flex:none;width:12px;height:12px;opacity:.7}.project-crumb-menu{display:flex;flex-direction:column;gap:1px;padding:var(--space-2);min-width:180px;max-height:320px;overflow:auto}.project-crumb-item{display:flex;align-items:center;gap:var(--space-2);font:inherit;text-align:left;color:var(--ink-1);background:transparent;border:0;border-radius:var(--radius-xs);padding:var(--space-2);cursor:pointer;white-space:nowrap}.project-crumb-item:hover{background:var(--fill-rest)}.project-crumb-item.is-current{color:var(--accent-ink)}.project-crumb-item:disabled{color:var(--ink-3);background:transparent;cursor:default}.project-crumb-item svg{flex:none;width:14px;height:14px;color:var(--ink-2)}.project-crumb-sep{display:inline-flex;flex:none;color:var(--ink-3);user-select:none}.project-crumb-sep svg{width:12px;height:12px;display:block}.header-glyph svg{width:16px;height:16px;display:block}.header-glyph{display:inline-flex;margin-right:var(--space-2)}.header-export{flex:none;height:var(--control-h);gap:var(--space-3);padding:0 var(--space-6);border-radius:var(--radius-tab);box-shadow:none}.header-export .header-glyph{margin-right:0}.header-share{flex:none;height:var(--control-h);gap:var(--space-3);padding:0 var(--space-6);border-radius:var(--radius-tab)}.header-export.is-running{font-variant-numeric:var(--numeric);background:linear-gradient(to right,var(--accent-hover) calc(var(--export-pct, 0) * 1%),var(--accent) 0)}.presence-stack{position:relative;display:flex;flex:none;align-items:center;padding-left:var(--space-3)}.presence-face{position:relative;display:inline-grid;flex:none;place-items:center;width:30px;height:30px;margin-left:calc(-1 * var(--space-3));padding:0;font:inherit;font-family:var(--font-sans);font-size:var(--type-sm);font-weight:600;line-height:14px;color:#0b0b0b;border:2px solid #080808;border-radius:var(--radius-full);cursor:pointer}.presence-face>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.presence-face:focus-visible{outline:none;box-shadow:var(--focus-ring)}.presence-face-agent{cursor:default}.presence-more{color:#b5b5b5;background:#1c1c1c;cursor:default}.presence-card{position:absolute;top:calc(100% + var(--space-4));right:calc(-1 * var(--space-4));z-index:var(--z-menu);display:flex;flex-direction:column;gap:var(--space-5);width:280px;padding:var(--space-6);font-family:var(--font-sans);font-size:var(--type-md);font-weight:500;line-height:16px;color:var(--ink-1);text-align:left;white-space:nowrap;cursor:default;background:#1c1c1c;border:1px solid #3d3d3d;border-radius:var(--radius-md);box-shadow:var(--shadow-menu, 0 8px 24px rgb(0 0 0 / 40%))}.presence-card-who{display:flex;gap:var(--space-5);align-items:center}.presence-card-avatar{display:inline-grid;flex:none;place-items:center;width:32px;height:32px;overflow:hidden;font-size:var(--type-md);font-weight:600;color:#0b0b0b;border-radius:var(--radius-full)}.presence-card-avatar>img{width:100%;height:100%;object-fit:cover}.presence-card-name{display:flex;flex-direction:column;min-width:0;font-size:var(--type-lg);font-weight:600}.presence-card-role{font-size:var(--type-md);font-weight:500;color:var(--ink-3)}.presence-card-where{display:flex;gap:var(--space-3);align-items:center;min-width:0;color:var(--ink-2)}.presence-card-number{font-family:var(--font-mono);color:var(--ink-3)}.presence-card-shot,.presence-card-layer{overflow:hidden;text-overflow:ellipsis}.presence-card-slash{color:var(--ink-3)}.presence-card-swatch{flex:none;width:8px;height:8px;border:1.5px solid;border-radius:var(--radius-2xs)}.presence-card-foot{display:flex;justify-content:space-between;padding-top:var(--space-5);font-size:var(--type-sm);color:var(--ink-3);border-top:1px solid var(--line)}.presence-follow-frame{position:fixed;inset:0;z-index:var(--z-menu);pointer-events:none;border:2px solid}.presence-follow-pill{position:fixed;top:72px;left:50%;z-index:var(--z-menu);display:flex;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--type-md);font-weight:600;color:var(--ink-1);pointer-events:none;background:#1c1c1c;border:1px solid #3d3d3d;border-radius:var(--radius-full);transform:translate(-50%)}.presence-follow-dot{width:8px;height:8px;border-radius:var(--radius-full)}.presence-follow-frame.is-agent{border-color:var(--agent);border-style:dashed}@media(prefers-reduced-motion:no-preference){.presence-follow-frame.is-agent{animation:agent-frame-breathe 1.6s ease-in-out infinite}}@keyframes agent-frame-breathe{50%{opacity:.4}}.agent-status-chip{display:inline-flex;flex:0 1 auto;gap:var(--space-3);align-items:center;min-width:0;max-width:320px;height:24px;margin-right:var(--space-4);padding:0 var(--space-2) 0 var(--space-4);font-size:var(--type-sm);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-full)}.agent-status-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-status-name{color:var(--ink-1);font-weight:var(--weight-semibold)}.agent-status-dot{flex:none;width:6px;height:6px;background:var(--agent);border-radius:var(--radius-full)}.agent-status-follow{flex:none;height:18px;padding:0 var(--space-3);font:inherit;font-weight:var(--weight-semibold);color:var(--ink-1);cursor:pointer;background:var(--fill-rest);border:0;border-radius:var(--radius-full)}.agent-status-follow:hover,.agent-status-follow:focus-visible{background:var(--fill-hover)}.agent-dots{display:inline-flex;flex:none;gap:var(--space-1);align-items:center;margin-left:var(--space-2);vertical-align:middle}.agent-dots>span{width:4px;height:4px;background:var(--agent);border-radius:var(--radius-full)}@media(prefers-reduced-motion:no-preference){.agent-dots>span{animation:agent-dot 1.2s ease-in-out infinite}.agent-dots>span:nth-child(2){animation-delay:.15s}.agent-dots>span:nth-child(3){animation-delay:.3s}}@keyframes agent-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.peer-dots{display:inline-flex;flex:none;gap:var(--space-1);align-items:center;margin-left:var(--space-3);vertical-align:middle}.peer-dot{width:6px;height:6px;border-radius:var(--radius-full)}}@layer chrome{.left-rail{grid-column:edge-l / rail-r;grid-row:main-t / main-b;display:flex;flex-direction:column;overflow:clip;background:var(--surface-panel);border-right:1px solid var(--line)}.left-rail>.file-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.rail-scroll{flex:1 1 0;min-height:0;overflow:auto;scrollbar-gutter:stable;padding-bottom:var(--space-4)}.left-rail>.rail-mode{display:none}.shell.is-mode .left-rail>.rail-mode{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.shell.is-mode .left-rail>.file-panel{display:none}.asset-size{flex:none;margin-left:auto;color:var(--ink-3);font-size:var(--type-micro)}.resource-asset-row{display:flex;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--row-h);padding:0 var(--space-4) 0 var(--space-6)}.help-manual{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.help-basics{list-style:disc;margin:var(--space-3) 0;padding:0 var(--space-2) 0 var(--space-7);color:var(--ink-2);font-size:var(--type-sm);line-height:var(--leading-body)}.help-basics li+li{margin-top:var(--space-2)}.help-rows{list-style:none;margin:0 0 var(--space-2);padding:0 var(--space-2)}.help-groups{columns:2;column-gap:var(--space-8)}.help-groups>div{break-inside:avoid}.help-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0;color:var(--ink-2);font-size:var(--type-sm)}.help-row kbd,.help-note code{font:inherit;font-size:var(--type-micro);color:var(--ink-1);background:var(--fill-rest);border-radius:var(--radius-xs);padding:1px var(--space-2);white-space:nowrap}.help-note{margin:0 0 var(--space-3);padding:0 var(--space-2);color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-body)}.file-search{margin-bottom:var(--space-2)}.left-rail .file-search{flex:none;margin:0;padding:var(--space-4) var(--space-7);container:file-search / inline-size}@container file-search (width < 160px){.search-field>.kbd{display:none}}.file-search>input{width:100%;height:var(--control-h);font:inherit;color:var(--ink-1);background:var(--fill-rest);border:1px solid transparent;border-radius:var(--control-radius);padding:0 var(--space-5)}.file-search>input::placeholder{color:var(--ink-3)}.file-search>input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.file-section-label,.resource-lane-title,.mcp-heading{color:var(--ink-2);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--type-sm);font-weight:var(--weight-semibold)}.file-section-label{margin:var(--space-6) 0 var(--space-3);padding:0 var(--space-2)}.file-section-label--actions{display:flex;align-items:center;justify-content:space-between}.resource-lane{margin:0 0 var(--space-6)}.resource-lane~.resource-lane{border-top:1px solid var(--line-soft)}.resource-lane-head,.resource-lane>summary{min-height:32px;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);color:var(--ink-3);list-style:none}.resource-lane-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:var(--space-1);padding-top:var(--space-3)}.resource-lane-head>.resource-add-actions{justify-self:end}.resource-lane-head .resource-lane-title{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto}.resource-lane>summary{cursor:pointer}.resource-lane>summary::-webkit-details-marker,.resource-row summary::-webkit-details-marker{display:none}.resource-lane>summary>.chevron,.mcp-section>summary>.chevron{flex:none;width:10px;height:10px;color:var(--ink-3)}.resource-lane[open]>summary>.chevron,.mcp-section[open]>summary>.chevron{transform:rotate(90deg)}.resource-lane-title{min-width:0;flex:1;display:flex;align-items:baseline;gap:var(--space-3)}.resource-count,.resource-usage{color:var(--ink-3);font-variant-numeric:var(--numeric)}.resource-usage{margin-left:auto;white-space:nowrap;text-transform:none;letter-spacing:normal;font-weight:400}.resource-add-actions,.resource-row-actions,.resource-form-actions{display:flex;align-items:center;gap:var(--space-2)}.resource-add-actions button,.resource-row-actions button,.resource-form-actions button{min-height:22px;padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--type-micro);font-weight:500;color:var(--ink-2);background:var(--fill-rest);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.resource-add-actions button:hover:not(:disabled),.resource-row-actions button:hover:not(:disabled),.resource-form-actions button:hover:not(:disabled){color:var(--ink-1);background:var(--fill-hover)}.resource-add-actions button:focus-visible,.resource-row-actions button:focus-visible,.resource-form-actions button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.resource-add-actions button:disabled,.resource-row-actions button:disabled{opacity:var(--opacity-disabled);cursor:default}.resource-row-actions button.is-danger{color:var(--danger-ink)}.resource-form-actions button.is-primary{color:var(--ink-1);background:var(--accent)}.resource-list{list-style:none;margin:0;padding:0}.resource-row.is-project{box-shadow:inset 2px 0 0 var(--line)}.resource-row.is-shot{box-shadow:inset 2px 0 0 var(--ink-3)}.resource-row>details>summary{display:flex;align-items:center;gap:var(--space-3);min-height:var(--row-h);padding:0 var(--space-4) 0 var(--space-6);list-style:none;cursor:pointer}.resource-row>details>summary:hover{background:var(--fill-hover)}.resource-row>details>summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.resource-thumb{flex:none;width:24px;height:24px;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--fill-rest)}.resource-thumb.is-kind{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);font-size:var(--type-micro);font-weight:600}.resource-thumb.is-swatch{box-shadow:inset 0 0 0 1px var(--line-soft)}.resource-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font-weight:500}.resource-badge,.resource-used{flex:none;padding:1px var(--space-2);color:var(--ink-3);background:var(--fill-rest);border-radius:var(--radius-xs);font-size:var(--type-micro)}.resource-used{color:var(--ink-2)}.resource-detail{display:grid;gap:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-4);color:var(--ink-2);font-size:var(--type-micro)}.resource-detail>div:not(.resource-row-actions){display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3)}.resource-detail code{overflow:hidden;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap}.resource-detail p{margin:0;line-height:var(--leading-body)}.resource-row-actions{justify-content:flex-end}.resource-empty,.resource-pending{padding:var(--space-2) var(--space-4) var(--space-4);color:var(--ink-3);font-size:var(--type-micro);line-height:var(--leading-body)}.left-rail .resource-empty,.left-rail .resource-pending{padding-inline:var(--space-6)}.resource-form{display:grid;gap:var(--space-3);margin:0 var(--space-6) var(--space-3);padding:var(--space-4);background:var(--fill-rest);border:1px solid var(--line);border-radius:var(--radius-sm)}.resource-form input{width:100%;min-width:0;height:28px;padding:0 var(--space-4);font:inherit;color:var(--ink-1);background:var(--fill-rest);border:1px solid transparent;border-radius:var(--radius-sm)}.resource-form input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.resource-form-value{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2)}.resource-form input[type=color]{width:32px;padding:var(--space-1)}.resource-form-actions{justify-content:flex-end}.resource-stack.is-readonly .resource-lane-body{padding-top:var(--space-1)}.scene-list,.layer-list,.layer-children,.component-list{list-style:none;margin:0;padding:0}.layer-children{--chevron-mid: 7px;position:relative}.layer-children:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--space-6) + var(--depth, 0) * var(--tree-indent) + var(--mask-inset, 0px) + var(--chevron-mid));width:1px;background:var(--line-soft);pointer-events:none}.layer-name{font:inherit;font-weight:400;color:var(--ink-1);background:transparent;border:0;padding:0 var(--space-4);height:var(--row-h);width:100%;text-align:left;cursor:pointer;border-radius:var(--radius-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-list-item{display:flex;align-items:center;gap:var(--space-1);min-height:var(--row-h-shot);margin-inline:var(--space-7);padding:0 var(--space-4);border-radius:var(--radius-sm)}.scene-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);height:var(--row-h-shot);padding:0;font:inherit;font-weight:500;color:var(--ink-1);background:transparent;border:0;text-align:left;cursor:pointer}.row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-row-duration{flex:none;min-width:48px;text-align:right;font-family:var(--font-numeric);font-size:var(--type-md);font-variant-numeric:var(--numeric);color:var(--ink-2)}.scene-list-add{padding:var(--space-4) var(--space-7)}.scene-list-add>.btn{width:100%;font-size:var(--type-lg)}.scene-list-add>.btn svg{flex:none;width:16px;height:16px}.layer-row{position:relative;display:flex;align-items:center;gap:var(--space-1);padding-left:calc(var(--space-6) + var(--depth, 0) * var(--tree-indent) + var(--mask-inset, 0px));padding-right:var(--space-4);min-height:var(--row-h)}.component-row{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-6) var(--space-2);padding:0 var(--space-3) 0 var(--space-2);min-height:var(--row-h-shot);border:1px solid var(--line);border-radius:var(--radius-xs)}.scene-list-item:hover,.layer-row:hover,.component-row:hover{background:var(--fill-state-soft)}.scene-list-item.is-current,.scene-list-item.is-current:hover,.layer-row.is-selected,.layer-row.is-selected:hover,.component-row.is-current,.component-row.is-current:hover{background:var(--fill-selected)}.layer-row.is-selected .layer-name,.component-row.is-current .layer-name{color:var(--accent-ink)}.scene-row.is-current .layer-kind{color:var(--accent)}.layer-kind{flex:none;width:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);user-select:none}.layer-kind svg{width:16px;height:16px}.layer-row:hover .layer-kind,.layer-row.is-selected .layer-kind{color:var(--ink-1)}.layer-kind.is-component,.layer-kind.is-mask{color:var(--accent-ink)}.layer-row.is-mask-off .layer-name,.layer-row.is-mask-off .layer-kind,.layer-row.is-mask-off .mask-badge,.lifespan-row.is-mask-off .lifespan-name,.lifespan-row.is-mask-off .layer-kind,.lifespan-row.is-mask-off .mask-badge{color:var(--ink-disabled)}.layer-mask-hint{height:22px;display:flex;align-items:center;padding-left:calc(var(--space-6) + var(--depth, 0) * var(--tree-indent) + var(--mask-inset, 0px) + var(--space-8) + var(--space-7) + var(--space-2));font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-disabled);pointer-events:none}.layer-toggle{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);background:transparent;border:0;cursor:pointer;border-radius:var(--radius-xs);padding:var(--space-1);flex:none;width:14px}.layer-toggle svg{width:10px;height:10px;transition:transform var(--dur-fast) var(--ease)}.layer-toggle.is-open svg{transform:rotate(90deg)}.layer-toggle:hover{color:var(--ink-1);background:var(--fill-hover)}.layer-toggle-spacer{flex:none;width:14px}.layer-flag{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);background:transparent;border:0;cursor:pointer;opacity:.28;border-radius:var(--radius-xs);padding:var(--space-2);flex:none}.layer-flag svg{width:13px;height:13px}.layer-row .layer-flag.is-eye svg{width:14px;height:14px}.layer-row .layer-flag.is-lock svg{width:12px;height:12px}.layer-row:hover .layer-flag,.lifespan-row:hover .layer-flag,.scene-list-item:hover .layer-flag,.component-row:hover .layer-flag,.layer-flag[aria-pressed=true],.layer-flag:focus-visible,.layer-flag:hover{opacity:1}.layer-flag:hover{background:var(--fill-hover)}.layer-row .layer-flag,.component-row .layer-flag{opacity:1;color:var(--ink-3)}.layer-row .layer-flag[aria-pressed=true],.layer-row .layer-flag:hover,.layer-row .layer-flag:focus-visible,.component-row .layer-flag:hover,.component-row .layer-flag:focus-visible{color:var(--ink-1)}.layer-rename{flex:1;min-width:0;font:inherit;color:var(--ink-1);background:var(--fill-rest);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3)}.layer-rename:focus{outline:none;box-shadow:var(--focus-ring)}.mcp-section{margin:0 0 var(--space-2);border-top:1px solid var(--line-soft)}.mcp-section>summary{min-height:32px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2);cursor:pointer;list-style:none}.mcp-section>summary::-webkit-details-marker{display:none}.mcp-section>summary:hover{background:var(--fill-rest)}.mcp-section>summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mcp-heading,.mcp-status{display:inline-flex;align-items:center}.mcp-heading{min-width:0;gap:var(--space-3);white-space:nowrap}.mcp-heading>span{overflow:hidden;text-overflow:ellipsis}.mcp-heading svg,.mcp-status svg,.mcp-readiness>svg{flex:none;width:12px;height:12px}.mcp-heading svg{color:var(--ink-3)}.mcp-status{margin-left:auto;gap:var(--space-1);color:var(--ink-3);font-size:var(--type-micro);white-space:nowrap}.mcp-status.is-read svg,.mcp-readiness.is-read>svg{color:var(--accent-ink)}.mcp-readiness.is-write>svg{color:var(--success)}.mcp-status.is-write svg{color:var(--success)}.mcp-status.is-off svg,.mcp-readiness.is-off>svg{color:var(--warn)}.mcp-body{display:grid;gap:var(--space-4);padding:0 var(--space-2) var(--space-4)}.mcp-project{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-4);background:var(--fill-rest);border:1px solid var(--line-soft);border-radius:var(--control-radius)}.mcp-kicker,.mcp-command>span{color:var(--ink-3);font-size:var(--type-micro);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.mcp-project strong{overflow:hidden;color:var(--ink-1);font-size:var(--type-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.mcp-project-name{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);color:var(--ink-3);font-size:var(--type-micro)}.mcp-project-name code{overflow:hidden;color:var(--ink-2);font:var(--type-micro)/var(--leading-none) var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.mcp-handoff{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);color:var(--ink-3);font-size:var(--type-micro)}.mcp-project p,.mcp-note,.mcp-footnote{margin:0;color:var(--ink-3);font-size:var(--type-micro);line-height:var(--leading-body)}.mcp-note code,.mcp-footnote code,.mcp-readiness code{color:var(--ink-2);font:var(--type-micro)/var(--leading-none) var(--font-mono)}.mcp-readiness{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line-soft)}.mcp-readiness.is-unknown{grid-template-columns:minmax(0,1fr) auto}.mcp-readiness>div{display:grid;gap:var(--space-1);min-width:0}.mcp-readiness strong{color:var(--ink-2);font-size:var(--type-micro);font-weight:500}.mcp-readiness span{color:var(--ink-3);font-size:var(--type-micro);line-height:var(--leading-body)}.mcp-writes{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-2) var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--line-soft)}.mcp-writes>div{display:grid;gap:var(--space-1);min-width:0}.mcp-writes strong{color:var(--ink-2);font-size:var(--type-micro);font-weight:500}.mcp-writes span,.mcp-writes-problem{color:var(--ink-3);font-size:var(--type-micro);line-height:var(--leading-body)}.mcp-writes-problem{grid-column:1 / -1;margin:0;color:var(--danger-ink)}.mcp-setup{display:grid;gap:var(--space-3)}.mcp-command{display:grid;gap:var(--space-1)}.mcp-command>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-2)}.mcp-command code{min-width:0;padding:var(--space-2) var(--space-3);color:var(--ink-1);background:var(--fill-rest);border-radius:var(--radius-sm);font:var(--type-micro)/var(--leading-none) var(--font-mono);line-height:var(--leading-body);word-break:break-all}.mcp-project-name button,.mcp-handoff button,.mcp-command button,.mcp-readiness button,.mcp-connect-link{min-height:22px;padding:var(--space-1) var(--space-3);color:var(--ink-2);background:var(--fill-rest);border:0;border-radius:var(--radius-sm);font:inherit;font-size:var(--type-micro);cursor:pointer;white-space:nowrap}.mcp-project-name button:hover,.mcp-handoff button:hover,.mcp-command button:hover,.mcp-readiness button:hover,.mcp-connect-link:hover{color:var(--ink-1);background:var(--fill-hover)}.mcp-project-name button:focus-visible,.mcp-handoff button:focus-visible,.mcp-command button:focus-visible,.mcp-readiness button:focus-visible,.mcp-connect-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mcp-connect-link{justify-self:start;display:inline-flex;align-items:center;text-decoration:none}.mcp-popover-body{width:320px;max-width:calc(100vw - 2 * var(--space-6));overflow-y:auto;padding:var(--space-6)}.mcp-popover-body>.mcp-body{padding:0}.rail-head{flex:none;display:flex;align-items:center;gap:var(--space-4);height:var(--panel-head-h);min-width:0;padding:0 var(--space-7);overflow:hidden;border-bottom:1px solid var(--line)}.rail-back{display:flex;flex:0 1 auto;align-items:center;gap:var(--space-2);min-width:0;max-width:60%;font:inherit;font-size:var(--type-md);color:var(--accent-ink);background:transparent;border:0;border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-back:hover{background:var(--fill-hover)}.rail-back svg{flex:none;width:14px;height:14px}.rail-subject{display:flex;flex:1 1 0;align-items:center;gap:var(--space-2);min-width:0}.rail-back+.rail-subject:before{content:"/" / "";flex:none;color:var(--ink-2)}.rail-back+.rail-subject .rail-subject-icon{display:none}.rail-subject-icon{flex:none;display:inline-flex;align-items:center;color:var(--ink-2)}.rail-subject-icon svg{width:15px;height:15px}.rail-subject-icon.is-component{color:var(--accent-ink)}.rail-subject-name{flex:1;min-width:0;font-size:var(--type-md);font-weight:var(--weight-semibold);color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-subject.is-definition .rail-subject-name{color:var(--accent-ink)}.file-section-label{display:flex;align-items:center;gap:var(--space-2)}.file-section-count{margin-left:auto;font-family:var(--font-numeric);font-size:var(--type-sm);font-weight:400;color:var(--ink-2);font-variant-numeric:var(--numeric);letter-spacing:0}.file-section-head{display:flex;align-items:center;gap:var(--space-2);min-height:var(--section-header-h);margin-top:var(--space-3);padding:0 var(--space-7)}.file-section-head>.file-section-label{margin:0;padding:0;flex:1}.rail-group{margin:0}.rail-group>summary{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;list-style:none;min-height:var(--row-h);margin-top:var(--space-3);padding:0 var(--space-7);border-top:1px solid var(--line)}.rail-group>summary::-webkit-details-marker{display:none}.rail-group>summary .file-section-label{margin:0;padding:0;flex:1}.rail-group-chevron{flex:none;display:inline-flex;align-items:center;color:var(--ink-3);transition:transform var(--dur-fast) var(--ease)}.rail-group[open] .rail-group-chevron{transform:rotate(90deg)}.rail-group-chevron svg{width:12px;height:12px}.rail-group-action{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font:inherit;font-size:var(--type-lg);line-height:var(--leading-none);color:var(--ink-2);background:transparent;border:0;border-radius:var(--radius-xs);cursor:pointer}.rail-group-action:hover{color:var(--ink-1);background:var(--fill-hover)}button.rail-subject-name{background:transparent;border:0;padding:0;text-align:left;cursor:pointer}.component-list+.component-list{margin-top:var(--space-2)}.component-count{margin-left:auto;padding:0 var(--space-1);border:0;background:transparent;font:inherit;color:var(--ink-3);font-variant-numeric:var(--numeric)}button.component-count{border-radius:var(--radius-md);cursor:pointer}button.component-count:hover:not(:disabled){background:var(--fill-hover);color:var(--ink-1)}button.component-count:disabled{cursor:default}.layer-row.is-drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.is-drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.layer-row.is-drop-into{box-shadow:inset 0 0 0 2px var(--accent)}.layer-row.is-drop-inside{background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:right bottom;background-size:calc(100% - var(--space-6) - (var(--depth, 0) + 1) * var(--tree-indent) - var(--mask-inset, 0px)) 2px}@keyframes layer-just-placed-in{0%{background:var(--accent-quiet)}}.layer-row.is-just-placed,.layer-row.is-just-placed:hover{background:var(--accent-soft)}.layer-row.is-just-placed .layer-name,.layer-row.is-just-placed .layer-kind{color:var(--accent-ink)}@media(prefers-reduced-motion:no-preference){.layer-row.is-just-placed{animation:layer-just-placed-in var(--dur-med) var(--ease)}}.layer-placed-note{margin:0;padding:var(--space-4) var(--space-6) 0;font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-3)}}@layer chrome{.left-rail.is-inserting>.file-panel,.left-rail.is-inserting>.rail-mode,.shell.is-mode .left-rail.is-inserting>.rail-mode,.shell.is-mode .left-rail.is-inserting>.file-panel{display:none}.insert-drawer{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.insert-head{flex:none;height:var(--panel-head-h);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4) 0 var(--space-6)}.insert-title{flex:1 1 auto;font-size:var(--type-md);font-weight:var(--weight-semibold);color:var(--ink-1)}.insert-hint{flex:none;font-family:var(--font-mono);font-size:var(--type-micro);line-height:var(--leading-xs);color:var(--ink-disabled)}.insert-close,.insert-search-clear{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-3);cursor:pointer}.insert-close:hover,.insert-search-clear:hover{background:var(--fill-state-soft);color:var(--ink-1)}.insert-close svg{width:14px;height:14px}.insert-search-row{flex:none;padding:0 var(--space-4) var(--space-3)}.insert-search{display:flex;align-items:center;gap:var(--space-3);height:30px;padding-inline:var(--space-5);border:1px solid var(--surface-secondary);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-3)}.insert-search.has-query,.insert-search:focus-within{border-color:var(--accent)}.insert-search-icon{flex:none;display:grid}.insert-search-icon svg{width:13px;height:13px}.insert-search-input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:var(--ink-1);font:inherit;font-size:var(--type-md)}.insert-search-input::-webkit-search-cancel-button{display:none}.insert-search-input::placeholder{color:var(--ink-3)}.insert-search-clear{width:18px;height:18px}.insert-search-clear svg{width:12px;height:12px}.insert-chips{flex:none;display:flex;align-items:center;justify-content:space-between;height:30px;padding-inline:var(--space-4);border-bottom:1px solid var(--line)}.insert-chip{height:22px;padding:0 var(--space-2);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-3);font:inherit;font-size:var(--type-sm);cursor:pointer}.insert-chip:hover{color:var(--ink-1)}.insert-chip.is-active{background:var(--accent-quiet);color:var(--accent-ink);font-weight:var(--weight-semibold)}.insert-list{position:relative;flex:1 1 0;min-height:0;overflow:auto;padding:0 var(--space-4) var(--space-4)}.insert-section-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:28px;background:var(--surface-panel);border-bottom:1px solid var(--line-soft)}.insert-section-label{font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-2)}.insert-count{font-family:var(--font-mono);font-size:var(--type-micro);font-weight:var(--weight-medium);color:var(--ink-disabled)}.insert-family{padding-bottom:var(--space-4)}.insert-sub{display:flex;align-items:flex-end;justify-content:space-between;height:22px;padding-bottom:var(--space-2);font-size:var(--type-sm);font-weight:var(--weight-medium);color:var(--ink-3)}.insert-tiles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.insert-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:66px;height:56px;padding:0 var(--space-2);border:1px solid var(--fill-state-soft);border-radius:var(--radius-tab);background:var(--fill-state-soft);color:var(--ink-2);font:inherit;cursor:pointer}.insert-tile:hover:not(:disabled){background:var(--fill-selected);border-color:var(--line-strong);color:var(--ink-1)}.insert-tile:disabled,.insert-shader-add:disabled,.insert-swatch:disabled,.insert-icon:disabled{opacity:var(--opacity-disabled);cursor:default}.insert-tile-icon{display:grid}.insert-tile-icon svg{width:17px;height:17px}.insert-tile-label{max-width:100%;overflow:hidden;font-size:var(--type-micro);line-height:13px;text-overflow:ellipsis;white-space:nowrap}.insert-shader{position:relative;width:66px}.insert-shader-add{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:0;border:0;background:transparent;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer}.insert-shader-add:hover:not(:disabled){color:var(--ink-1)}.insert-thumb{display:grid;place-items:center;width:66px;height:38px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--fill-state-soft);color:var(--ink-3)}.insert-shader-add:hover:not(:disabled) .insert-thumb{border-color:var(--line-strong)}.insert-thumb img{width:100%;height:100%;object-fit:cover}.insert-thumb-glyph{display:grid}.insert-thumb-glyph svg{width:16px;height:16px}.insert-shader-label{overflow:hidden;font-size:var(--type-micro);line-height:13px;text-overflow:ellipsis;white-space:nowrap}.insert-shader-more{position:absolute;top:4px;right:4px;display:none;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--scrim);color:var(--ink-1);cursor:pointer}.insert-shader:hover .insert-shader-more,.insert-shader:focus-within .insert-shader-more,.insert-shader.is-menu-open .insert-shader-more{display:grid}.insert-shader-more:disabled{display:none}.insert-shader-more svg{width:12px;height:12px}.insert-link{display:flex;align-items:center;gap:var(--space-3);width:100%;height:28px;padding:0;border:0;background:transparent;color:var(--ink-3);font:inherit;font-size:var(--type-sm);cursor:pointer}.insert-link:hover{color:var(--ink-1)}.insert-link-icon{display:grid}.insert-link-icon svg{width:12px;height:12px}.insert-swatches{display:flex;flex-wrap:wrap;gap:var(--space-3)}.insert-swatch{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.insert-swatch:hover:not(:disabled){border-color:var(--line-strong)}.insert-swatch.is-active{outline:2px solid var(--accent);outline-offset:1px}.insert-icons{height:238px;overflow:auto;margin-top:var(--space-2)}.insert-icon-row{display:flex;gap:var(--space-1);height:34px}.insert-icon{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);cursor:pointer}.insert-icon:hover:not(:disabled){background:var(--fill-selected);color:var(--ink-1)}.insert-icon svg{width:16px;height:16px}.insert-more,.insert-status{display:flex;align-items:center;gap:var(--space-4);height:28px;font-size:var(--type-sm);color:var(--ink-3)}.insert-more{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--ink-disabled)}.insert-icon:hover:after{content:attr(data-name);position:absolute;bottom:100%;left:50%;z-index:3;transform:translate(-50%);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-raised);color:var(--ink-1);font-family:var(--font-mono);font-size:var(--type-micro);line-height:var(--leading-xs);white-space:nowrap;pointer-events:none}.insert-retry{height:22px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-sm);cursor:pointer}.insert-footnote{margin:0;padding:var(--space-4) 0;font-size:var(--type-sm);line-height:var(--leading-sm);color:var(--ink-3)}.insert-menu{position:fixed;z-index:var(--z-menu);display:flex;flex-direction:column;width:244px;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-popover)}.insert-menu-row{display:flex;align-items:center;gap:var(--space-4);height:28px;padding:0 var(--space-5);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-1);font:inherit;font-size:var(--type-md);text-align:left;cursor:pointer}.insert-menu-row:hover,.insert-menu-row:focus-visible{background:var(--fill-state-soft);outline:none}.insert-menu-row.is-background{background:var(--accent-quiet);color:var(--accent-ink)}.insert-menu-icon{display:grid}.insert-menu-icon svg{width:14px;height:14px}.insert-menu-label{flex:1 1 auto}.insert-menu-divider{height:1px;margin:var(--space-2) 0;background:var(--line)}.insert-menu-note{margin:0;padding:var(--space-2) var(--space-5) var(--space-3);font-size:var(--type-sm);line-height:var(--leading-sm);color:var(--ink-3)}}@layer chrome{.control-strip{--canvas-bar-pad: var(--space-6);--canvas-bar-gap: var(--space-3);container:canvas-bar / inline-size;grid-column:rail-r / insp-l;grid-row:main-t / stage-t;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--canvas-bar-gap);padding:0 var(--canvas-bar-pad);background:var(--surface-panel);border-bottom:1px solid var(--line)}.canvas-bar-mode{display:flex;align-items:center;flex:1;gap:var(--canvas-bar-gap);min-width:0;height:100%}.canvas-bar-mode:empty{display:none}.panel-toggles{display:flex;align-items:center;flex:none}.control-strip .tool-button.panel-menu-trigger,.panel-menu-trigger{width:auto;height:var(--control-h);gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-sm)}.panel-menu-trigger>svg{width:16px;height:16px;flex:none}.panel-menu-trigger.is-open{background:var(--line)}.panel-menu-caret{display:inline-flex;color:var(--ink-2)}.panel-menu-caret svg{width:12px;height:12px;display:block}.control-strip .tool-button{width:var(--control-h);height:var(--control-h)}.canvas-bar-lead{display:flex;align-items:center;gap:var(--canvas-bar-gap);flex:none}.canvas-bar-lead:empty{display:none}.canvas-bar-lead.is-split{--canvas-bar-x: var(--rail-w);flex:0 1 auto;width:calc(var(--split-x) - var(--canvas-bar-x) - var(--canvas-bar-pad) - var(--canvas-bar-gap));min-width:max-content}.shell.is-rail-collapsed .canvas-bar-lead.is-split{--canvas-bar-x: 0px}.canvas-pane{display:flex;align-items:center;gap:var(--space-3);flex:none}.canvas-pane-word{font-size:var(--type-md);font-weight:var(--weight-semibold);white-space:nowrap;color:var(--ink-2)}.canvas-pane.is-active .canvas-pane-word{color:var(--accent-ink)}.canvas-bar-lead>*+.canvas-pane:before,.canvas-bar-lead:not(.is-split):not(:empty)+.canvas-pane:before{content:"";flex:none;width:1px;height:16px;background:var(--line)}.canvas-bar-lead.is-split+.canvas-pane{align-self:stretch;padding-left:var(--space-3);border-left:1px solid var(--line)}.stage-badges,.zoom-controls{display:flex;align-items:center;gap:var(--space-2)}.stage-badges{flex:1 1 0;min-width:0;height:22px;flex-wrap:wrap;justify-content:flex-end;overflow:hidden}.stage-badges:before{content:"";height:100%}.stage-badges .status-chip{height:100%}@container canvas-bar (width < 656px){.control-strip:has(.work-plane-bar>.select+.select) .back-chip{justify-content:center;width:var(--control-h);padding:0}.control-strip:has(.work-plane-bar>.select+.select) .back-chip .back-chip-label{display:none}.control-strip:has(.work-plane-bar>.select+.select) .zoom-controls .btn.is-icon{display:none}.control-strip:has(.work-plane-bar>.select+.select) .iso-trail-step{display:none}}.zoom-readout{font-variant-numeric:var(--numeric);min-width:48px;text-align:center}.back-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h);max-width:180px;padding:0 var(--space-3) 0 var(--space-1);border:0;border-radius:var(--control-radius);background:transparent;font:inherit;font-size:var(--type-md);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent-ink);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.back-chip:hover{color:var(--ink-1);background:var(--fill-rest)}.back-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.back-chip .tool-icon{flex:none;display:inline-flex}.back-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container canvas-bar (width < 712px){.back-chip{max-width:120px}.iso-crumb{max-width:96px}}.back-chip .tool-icon svg{width:14px;height:14px}.iso-trail{display:flex;align-items:center;gap:var(--space-1);flex:none}.iso-trail-step{display:contents}.iso-trail-sep{flex:none;display:inline-flex;color:var(--ink-3)}.iso-trail-sep svg{width:12px;height:12px}.iso-crumb{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h);max-width:140px;padding:0 var(--space-2);border:0;border-radius:var(--control-radius);background:transparent;font:inherit;font-size:var(--type-md);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}button.iso-crumb:hover,.iso-crumb.is-open{color:var(--ink-1);background:var(--fill-rest)}.iso-crumb:focus-visible{outline:none;box-shadow:var(--focus-ring)}.iso-crumb.is-current{color:var(--ink-1);font-weight:var(--weight-semibold);cursor:default}.iso-crumb-icon{flex:none;display:inline-flex;color:var(--ink-2)}.iso-crumb-icon.is-component{color:var(--accent-ink)}.iso-crumb-icon svg{width:14px;height:14px}.iso-crumb-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.iso-offscreen{flex:none;margin-left:var(--space-1)}.iso-done{flex:none;color:var(--accent-ink)}.shading-bar,.camera-view-bar{display:flex;align-items:center}.shading-menu{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--pill-pad);white-space:nowrap}.shading-menu .tool-button{width:auto;min-width:36px;justify-content:flex-start;gap:var(--space-4);padding:0 var(--space-5)}.work-plane-bar{display:flex;align-items:center;gap:var(--space-2)}.camera-view-bar .tool-button.is-armed,.camera-menu .tool-button.is-armed{background:color-mix(in srgb,var(--frustum) 18%,transparent);border:1px solid color-mix(in srgb,var(--frustum) 50%,transparent);color:var(--frustum)}.camera-menu-caption{max-width:280px;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-4);border-bottom:1px solid var(--line);color:var(--ink-2);font-size:var(--type-sm);line-height:var(--leading-body);white-space:normal}.camera-menu .tool-button{width:100%}.camera-menu .tool-button:disabled{opacity:var(--opacity-disabled);cursor:default}.camera-menu-key{margin-left:auto;padding-left:var(--space-7);color:var(--ink-2);font-size:var(--type-sm)}}@layer chrome{.tool-footer{grid-column:rail-r / insp-l;grid-row:foot-t / main-b;position:relative;z-index:var(--z-float);min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);container:tool-footer / inline-size;flex-wrap:nowrap;padding:0 var(--space-6);background:var(--surface-panel);border-top:1px solid var(--line)}.tool-dock{display:flex;align-items:center;gap:var(--space-2)}.tool-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font:inherit;font-size:var(--type-lg);color:var(--ink-1);background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tool-footer .tool-button{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-xs)}.tool-footer .tool-button:where(:not(.tool-flyout *)){color:var(--ink-2)}.tool-footer .tool-button:where(:focus-visible,[aria-expanded=true]){color:var(--ink-1)}.tool-footer .tool-icon svg{width:16px;height:16px}.tool-button:hover:not(:disabled){background:var(--fill-rest);color:var(--ink-1)}.tool-button:disabled{opacity:var(--opacity-disabled);cursor:default}.tool-button.is-armed{background:var(--accent-soft);color:var(--accent-ink)}.tool-button.tool-animate[aria-pressed=true]{background:color-mix(in srgb,var(--accent-warm) 16%,transparent);color:var(--accent-warm)}.tool-button.is-labelled{width:auto;min-width:36px;gap:var(--space-3);padding:0 var(--space-4);font-size:var(--type-md)}.tool-footer .tool-button.is-labelled .tool-icon svg{width:14px;height:14px}.tool-group{display:flex;align-items:center;gap:var(--space-2)}.tool-separator{width:1px;align-self:stretch;margin:var(--space-2) 1px;background:var(--line)}.tool-button.has-caret{position:relative}.tool-caret{position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid currentColor;opacity:.55;pointer-events:none}.tool-flyout-anchor{position:relative}.tool-flyout{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--pill-pad);border-radius:var(--radius-md);white-space:nowrap;z-index:1;max-height:calc(100vh - 140px);overflow-y:auto}.tool-footer .tool-flyout{top:auto;bottom:calc(100% + 8px + (var(--tool-footer-h) - var(--control-h)) / 2);max-height:calc(100vh - var(--topbar-h) - var(--panel-head-h) - var(--dock-row-h) - var(--tool-footer-h) - 32px)}.shell.tool-footer-top .tool-footer .tool-flyout{top:calc(100% + 8px + (var(--tool-footer-h) - var(--control-h)) / 2);bottom:auto}.tool-icon{display:inline-flex;align-items:center;justify-content:center}.tool-icon svg{width:18px;height:18px}.tool-flyout .tool-button{width:auto;min-width:36px;height:36px;justify-content:flex-start;gap:var(--space-4);padding:0 var(--space-5)}.shot-meta{display:flex;flex-direction:column;gap:var(--space-2);flex:0 1 auto;min-width:0}.shot-meta-name,.shot-meta-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-meta-name{font-size:var(--type-lg);line-height:var(--leading-sm);font-weight:var(--weight-semibold);color:var(--ink-1)}.shot-meta-line{font-family:var(--font-mono);font-size:var(--type-md);line-height:var(--leading-xs);font-weight:var(--weight-regular);color:var(--ink-2)}.tool-footer .view-mode-bar{display:flex;align-items:center;flex:none;margin-left:auto;gap:var(--space-4)}.tool-footer .view-mode-bar .segmented{flex:none;align-items:center}.tool-footer .view-mode-bar .segmented .segmented-item{flex:none;width:auto}.tool-footer .view-mode-bar .view-chip-icon{display:inline-flex;flex:none}.tool-footer .view-mode-bar .view-chip-icon svg{width:14px;height:14px}.tool-footer .clean-view-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--control-h);height:var(--control-h);padding:0;border:0;border-radius:var(--field-radius);background:var(--surface-secondary);color:var(--ink-2);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tool-footer .clean-view-toggle:hover{background:var(--fill-rest);color:var(--ink-1)}.tool-footer .clean-view-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tool-footer .clean-view-toggle[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.tool-footer .clean-view-toggle .view-chip-icon svg{width:16px;height:16px}.tool-footer .view-mode-bar .view-picker{display:none;width:auto;height:var(--control-h);padding:0 var(--space-5);gap:var(--space-3);border-radius:var(--field-radius);background:var(--surface-secondary);font-size:var(--type-md);color:var(--ink-1)}@container tool-footer (width < 668px){.tool-footer:has(.tool-dock) .view-mode-bar .layout-switch .view-chip-icon{display:none}}@container tool-footer (width < 412px){.tool-footer:has(.shot-meta) .view-mode-bar .layout-switch .view-chip-icon{display:none}}@container tool-footer (width < 628px){.tool-footer:has(.tool-dock) .view-mode-bar .segmented{display:none}.tool-footer:has(.tool-dock) .view-mode-bar .view-picker{display:inline-flex}}@container tool-footer (width < 372px){.tool-footer:has(.shot-meta) .view-mode-bar .segmented{display:none}.tool-footer:has(.shot-meta) .view-mode-bar .view-picker{display:inline-flex}}}@layer chrome{.timeline-dock{grid-column:edge-l / edge-r;grid-row:main-b / edge-b;display:grid;grid-template-columns:subgrid;grid-template-rows:calc(var(--dock-head-h) - 1px) minmax(0,1fr);overflow:hidden;background:var(--surface-panel);border-top:1px solid var(--line);--dock-trim-w: 7px;user-select:none}.timeline-dock>.panel-crash{grid-column:1 / -1;grid-row:1 / -1}.dock-head{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:subgrid;border-bottom:1px solid var(--line-soft)}.dock-transport svg,.dock-tools svg{flex:none;width:16px;height:16px}.dock-title{grid-column:1;container:dock-title / inline-size;display:flex;align-items:center;gap:var(--space-4);min-width:0;padding:0 var(--space-6);border-right:1px solid var(--line)}.dock-title .dock-collapse{flex:none;width:24px;height:24px;color:var(--ink-2)}.dock-title svg{flex:none;width:14px;height:14px}.dock-modes{justify-self:start;flex:0 1 auto;min-width:0}.dock-modes .segmented-item,.dock-modes .segmented-item:first-child,.dock-modes .segmented-item:last-child{flex:0 1 auto;min-width:0;padding:0 var(--space-4)}@container dock-title (width < 224px){.dock-title .dock-collapse{margin-inline-start:calc(var(--space-3) - var(--space-6))}.dock-title .dock-modes{margin-inline-start:calc(var(--space-2) - var(--space-4))}}@container dock-title (width < 200px){.dock-modes .segmented-item,.dock-modes .segmented-item:first-child,.dock-modes .segmented-item:last-child{padding:0 var(--space-1)}}.dock-view{grid-column:2 / -1;container:dock-view / inline-size;display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;column-gap:var(--space-6);min-width:0;padding:0 var(--space-6);overflow:hidden;white-space:nowrap}.dock-lead{display:flex;align-items:center;gap:var(--space-5);min-width:0}.dock-transport{display:flex;align-items:center;gap:var(--space-6)}.dock-transport .dock-start{color:var(--ink-2)}.dock-transport .dock-start svg,.dock-transport .dock-mute svg{width:12px;height:12px}.dock-transport .dock-play{position:relative;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-full);background:var(--ink-1);color:var(--surface-panel);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.dock-transport .dock-play:hover:not(:disabled){background:color-mix(in srgb,var(--ink-1) 82%,var(--surface-panel))}.dock-transport .dock-play:active:not(:disabled){background:color-mix(in srgb,var(--ink-1) 68%,var(--surface-panel));transform:scale(.94)}.dock-transport .dock-play:focus-visible{box-shadow:var(--focus-ring)}.dock-transport .dock-play>svg{width:12px;height:12px}.dock-transport .dock-play[data-state=idle]>svg{transform:translate(1px)}.play-ring{position:absolute;pointer-events:none;animation:status-chip-in 0s .3s both}.play-ring>.font-field-ring{display:block;width:100%;height:100%}@media(prefers-reduced-motion:no-preference){.play-ring{animation-duration:var(--dur-fast);animation-timing-function:var(--ease)}}.dock-transport .dock-play .play-ring{inset:-4px}.dock-time{display:flex;align-items:baseline;min-width:0;white-space:nowrap;font:var(--type-md)/var(--leading-xs) var(--font-mono);font-variant-numeric:var(--numeric);color:var(--ink-1)}.dock-time-frame{white-space:pre;color:var(--ink-3)}.dock-tools{justify-self:end;display:flex;align-items:center;gap:var(--space-5)}.dock-tools .dock-fit{height:auto;padding:0;border:0;background:transparent;font-size:var(--type-md);font-weight:var(--weight-regular);color:var(--ink-2)}.dock-tools .dock-fit:hover:not(:disabled){background:transparent;color:var(--ink-1)}@container dock-view (width < 860px){.dock-time-frame{display:none}}@container dock-view (width < 760px){.dock-zoom-step{display:none}}@container dock-view (width < 1040px){.dock-view.is-sound .dock-time-frame{display:none}}@container dock-view (width < 960px){.dock-view.is-sound .dock-zoom-step{display:none}}@container dock-view (width < 880px){.dock-view.is-sound .dock-fit{display:none}}@container dock-view (width < 800px){.dock-view.is-sound .dock-zoom-group{display:none}}.dock-body{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0}.dock-body.has-side{grid-column:1 / 3}.dock-body[hidden]{display:none}.dock-scroll{overflow:auto;min-height:0;padding-bottom:var(--space-3)}.dock-ruler{position:sticky;top:0;z-index:5;background:var(--surface-panel);height:28px;display:flex}.tl-ruler{position:relative;height:100%;overflow:hidden;cursor:ew-resize}.tl-tick{position:absolute;top:0;bottom:0;padding-left:var(--space-3);font:var(--type-micro)/var(--leading-none) var(--font-sans);font-variant-numeric:var(--numeric);font-size:var(--type-micro);line-height:20px;color:var(--ink-3);pointer-events:none;white-space:nowrap}.tl-tick:before{content:"";position:absolute;left:0;bottom:4px;width:1px;height:6px;background:var(--line)}.tl-overhang{position:absolute;top:0;bottom:0;right:0;background:color-mix(in srgb,var(--surface-panel) 60%,transparent);pointer-events:none}.tl-overhang.is-before{left:0;right:auto}.dock-marker-tick{position:absolute;bottom:var(--space-2);width:6px;height:6px;margin-left:-3px;background:var(--marker-pin);transform:rotate(45deg)}.dock-tick{position:absolute;top:0;bottom:0;width:0;pointer-events:none}.dock-tick:before{content:"";position:absolute;left:0;bottom:0;width:1px;height:10px;background:var(--line)}.dock-tick[data-tier="1"]:before{height:6px}.dock-tick[data-tier="2"]:before{height:3px}.dock-tick-label{position:absolute;top:4px;left:var(--space-2);font:var(--type-md)/var(--leading-xs) var(--font-numeric);font-variant-numeric:var(--numeric);color:var(--ink-3);white-space:nowrap}.dock-tick-label.is-end{left:auto;right:var(--space-2)}.dock-playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--playhead);pointer-events:none;z-index:4}.dock-ruler .dock-playhead{top:5px}.dock-tracks{display:flex;flex-direction:column;position:relative}.dock-overlay{position:absolute;top:0;bottom:0;right:0;pointer-events:none;z-index:3}.dock-boundary{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}.dock-bounds-shade{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--surface-panel) 40%,transparent)}.dock-work-area{position:absolute;top:0;bottom:0;border-left:2px solid var(--accent);border-right:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none;z-index:2}.dock-snap-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.dock-corner{position:sticky;left:0;z-index:6;display:flex;align-items:center;height:100%;min-width:0;padding:0 var(--space-7);background-color:var(--surface-panel);border-right:1px solid var(--line)}.dock-corner-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--tracking-caps);font:var(--weight-semibold) var(--type-sm)/var(--leading-xs) var(--font-sans)}.dock-corner-iso{display:flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--ink-3)}.dock-corner-iso svg{flex:none;width:12px;height:12px}.dock-summary{display:flex;align-items:center;gap:var(--space-2);min-width:0;height:100%;padding:0;font:var(--weight-semibold) var(--type-sm)/var(--leading-xs) var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);background:transparent;border:0;cursor:pointer}.dock-summary:hover,.dock-summary[aria-expanded=true]{color:var(--ink-1)}.dock-zoom{width:96px;flex:none}.dock-zoom-group>.dock-zoom{width:72px}.dock-zoom-group>.dock-zoom::-webkit-slider-runnable-track{height:2px;background:var(--line)}.dock-zoom-group>.dock-zoom::-webkit-slider-thumb{width:10px;height:10px;margin-top:calc(-1 * var(--space-2));background:var(--ink-1);box-shadow:none}.dock-zoom-group>.dock-zoom::-moz-range-track{height:2px;background:var(--line)}.dock-zoom-group>.dock-zoom::-moz-range-thumb{width:10px;height:10px;background:var(--ink-1)}.dock-zoom-group{display:flex;align-items:center;gap:var(--space-5)}.dock-zoom-group .dock-zoom-step{width:24px;height:24px;color:var(--ink-2)}}@layer chrome{.shot-label-cell,.block-row-label-cell,.channel-label-cell,.lifespan-label-cell,.marker-label-cell,.audio-label-cell{position:sticky;left:0;z-index:4;background-color:var(--surface-panel)}.shot-label-cell,.block-row-label-cell,.channel-label-cell,.lifespan-label-cell,.marker-label-cell,.audio-label-cell,.scene-audio-label{border-right:1px solid var(--line)}.timeline-dock{--clip-rest: linear-gradient( in oklab 180deg, color-mix(in oklab, var(--accent) 18%, transparent), color-mix(in oklab, var(--accent) 6%, transparent) );--clip-edge: color-mix(in oklab, var(--accent) 45%, transparent);--clip-shot-rest: linear-gradient( in oklab 180deg, color-mix(in oklab, var(--accent) 22%, transparent), color-mix(in oklab, var(--accent) 8%, transparent) );--clip-shot-edge: color-mix(in oklab, var(--accent) 60%, transparent)}.scene-cut{position:absolute;top:50%;width:9px;height:9px;padding:0;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--ink-3);border-radius:var(--radius-2xs);background:var(--surface-panel);cursor:pointer;z-index:3}.scene-cut:hover{border-color:var(--ink-1)}.scene-cut.is-blend{border-color:var(--accent);background:var(--accent)}.scene-blend{position:absolute;top:50%;height:9px;transform:translateY(-50%);border:1px solid var(--accent);border-left:none;border-radius:0 var(--radius-2xs) var(--radius-2xs) 0;background:color-mix(in oklab,var(--accent) 22%,transparent);pointer-events:none;z-index:2}.scene-blend .scene-trim{pointer-events:auto}.dock-marquee{position:absolute;border:1px solid var(--marquee);background:color-mix(in srgb,var(--marquee) 12%,transparent);border-radius:var(--radius-2xs);pointer-events:none;z-index:4}.dock-scene-group.has-separator{border-top:1px solid var(--line)}.shot-row{display:flex;align-items:stretch;height:28px;border-bottom:1px solid var(--line-soft);contain:layout paint}.shot-label-cell{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-7) 0 var(--space-7);flex:none;overflow:hidden}.shot-swatch{flex:none;width:8px;height:8px;border-radius:var(--radius-2xs);background:var(--accent)}.shot-disclosure{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;font:inherit;font-size:var(--type-sm);line-height:var(--leading-none);color:var(--ink-3);background:transparent;border:0;padding:var(--space-2) 0;white-space:nowrap;cursor:pointer}.shot-disclosure:hover{color:var(--ink-1)}.shot-fold-chevron{flex:none;width:12px;height:12px;transition:transform var(--dur-fast) var(--ease)}.shot-fold-chevron.is-open{transform:rotate(90deg)}.shot-name{font:inherit;font-size:var(--type-md);font-weight:var(--weight-semibold);color:var(--ink-1);background:transparent;border:0;padding:var(--space-1) 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.shot-rename{font:inherit;font-weight:600;color:var(--ink-1);background:var(--fill-rest);border:1px solid var(--accent);border-radius:var(--radius-xs);padding:1px var(--space-2);min-width:0;flex:1}.shot-lane{position:relative;flex:1}.shot-bar{position:absolute;top:4px;height:20px;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--clip-shot-rest);border:1.5px solid var(--clip-shot-edge);color:var(--accent-ink);font-size:var(--type-sm);line-height:var(--leading-none);cursor:pointer;overflow:hidden}.shot-bar-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--weight-semibold)}.shot-frames{flex:none;margin-left:auto;font-family:var(--font-mono);font-size:var(--type-micro);font-variant-numeric:var(--numeric);white-space:nowrap}.shot-bar.is-drop-before{box-shadow:inset 2px 0 0 var(--ink-1)}.shot-bar.is-drop-after{box-shadow:inset -2px 0 0 var(--ink-1)}.scene-open{flex:none;margin-right:var(--dock-trim-w);font:inherit;font-size:var(--type-lg);line-height:var(--leading-none);color:inherit;opacity:.7;background:transparent;border:0;padding:0 var(--space-1);border-radius:var(--radius-2xs);cursor:pointer}.scene-open:hover{opacity:1;background:color-mix(in srgb,currentColor 18%,transparent)}.scene-trim{position:absolute;right:0;top:0;bottom:0;width:var(--dock-trim-w);cursor:col-resize}.scene-trim:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:12px;border-radius:var(--radius-2xs);transform:translate(-50%,-50%);background:currentColor;pointer-events:none}.lifespan-row{display:flex;align-items:stretch;height:28px;border-bottom:1px solid var(--line-soft);contain:layout paint}@keyframes row-revealed{0%{background-color:var(--accent-soft)}}@media(prefers-reduced-motion:no-preference){.lifespan-row.is-revealed{animation:row-revealed .9s var(--ease)}}.lifespan-label-cell{position:relative;padding-left:calc(var(--space-7) * 2 + var(--depth, 0) * var(--tree-indent) + var(--mask-inset, 0px));padding-right:var(--space-7);display:flex;align-items:center;flex:none;overflow:hidden}.lifespan-disclosure{font:inherit;font-size:var(--type-micro);line-height:var(--leading-none);color:var(--ink-3);background:transparent;border:0;padding:var(--space-2) var(--space-2);cursor:pointer;flex:none}.lifespan-disclosure:hover{color:var(--ink-1)}.lifespan-name{font:inherit;font-size:var(--type-md);color:var(--ink-2);background:transparent;border:0;text-align:left;padding:0 var(--space-3);cursor:pointer;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lifespan-lane{position:relative;flex:1}.lifespan-bar{position:absolute;top:4px;bottom:3px;display:flex;align-items:center;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--clip-rest);border:1.5px solid var(--clip-edge);color:var(--accent-ink);font-size:var(--type-sm);font-weight:var(--weight-regular);cursor:grab;overflow:hidden;white-space:nowrap}.lifespan-bar:hover{border-color:color-mix(in oklab,var(--accent) 70%,transparent)}.lifespan-bar.is-video{background:var(--bar-ground);color:var(--ink-1)}.lifespan-bar.is-selected{border-color:var(--accent);padding-inline:calc(var(--space-3) / 2)}.lifespan-bar.is-selected .lifespan-bar-name{font-weight:var(--weight-semibold)}.lifespan-bar.is-video.is-selected{outline:1.5px solid var(--accent);outline-offset:-1.5px}.stagger-ghost{position:absolute;top:4px;bottom:5px;border:1px dashed var(--ink-3);border-radius:var(--radius-2xs);background:color-mix(in srgb,var(--wash-ink) 3%,transparent);pointer-events:none}.stagger-shift{position:absolute;top:calc(-1 * var(--space-3));height:1px;background:var(--accent-ink)}.stagger-chip{position:absolute;top:50%;transform:translateY(-50%);margin-left:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-panel);box-shadow:var(--shadow-control);font-size:var(--type-sm);white-space:nowrap;pointer-events:none}.stagger-chip-step{color:var(--ink-1);font-weight:var(--weight-semibold);font-variant-numeric:var(--numeric)}.stagger-chip-key{color:var(--ink-3)}.dock-key-stretch-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--kf-soft);pointer-events:none}.dock-key-stretch-handle{position:absolute;top:var(--space-1);bottom:var(--space-1);width:var(--space-4);border:1px solid var(--kf);background:var(--surface-panel);border-radius:var(--radius-2xs);cursor:ew-resize;pointer-events:auto}.dock-key-stretch-band{position:absolute;top:var(--space-1);bottom:var(--space-1);background:var(--kf-soft);border-radius:var(--radius-2xs);pointer-events:none}.dock-key-stretch-handle.is-right{transform:translate(-100%)}.dock-key-stretch-handle:hover{background:var(--kf-soft)}.dock-key-stretch-chip{z-index:1}.lifespan-bar-name{min-width:0;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.lifespan-bar-name.is-outside{position:absolute;top:7px;width:max-content;overflow:visible;white-space:pre;font-size:var(--type-sm);line-height:var(--leading-tight);color:var(--accent-ink)}.lifespan-bar.is-mask{gap:var(--space-3);padding:0 var(--space-4);border:1px dashed var(--accent-ink);border-radius:var(--radius-full)}.lifespan-bar.is-mask .lifespan-bar-name{color:var(--accent-ink);font-size:var(--type-sm)}.lifespan-bar-mask{flex:none;font-family:var(--font-mono);font-size:var(--type-micro);color:var(--ink-2);pointer-events:none}.lifespan-handle{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize}.lifespan-bar.is-selected:not(.is-video) .lifespan-handle:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:12px;border-radius:var(--radius-2xs);transform:translate(-50%,-50%);background:var(--on-accent);box-shadow:0 0 0 1px var(--accent);pointer-events:none}.lifespan-handle-in{left:0}.lifespan-handle-out{right:0}.block-row{display:flex;align-items:stretch;height:28px;border-bottom:1px solid var(--line-soft);contain:layout paint}.block-row-label-cell{display:flex;align-items:stretch;flex:none;overflow:hidden}.block-row-label{align-self:stretch;font:inherit;font-size:var(--type-md);color:var(--ink-2);background:transparent;border:0;text-align:left;padding:0;cursor:pointer;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-row.is-camera .block-row-label-cell{align-items:center;gap:var(--space-4);padding:0 var(--space-5) 0 var(--space-7)}.camera-swatch{flex:none;width:8px;height:8px;border:1.5px solid var(--ink-2);border-radius:var(--radius-2xs)}.camera-keyed{flex:none;font-family:var(--font-mono);font-size:var(--type-micro);font-variant-numeric:var(--numeric);color:var(--accent-ink);white-space:nowrap}.block-row-add{flex:none;width:20px;height:20px;padding:0;color:var(--ink-2)}.block-row-add svg{width:12px;height:12px}.block-row-lane{position:relative;flex:1}.block-row.is-camera .block-row-lane:before{content:"";position:absolute;top:13px;left:8px;right:0;height:1px;background:var(--line);pointer-events:none}.block-row.is-camera .block-bar{background:transparent;border-color:transparent}.block-row.is-camera .block-bar .block-label,.block-row.is-camera .block-handle:after{visibility:hidden}.block-row.is-camera .block-bar:hover,.block-row.is-camera .block-bar.is-selected{border-color:var(--clip-edge)}.block-row.is-camera .block-bar.is-selected{border-color:var(--accent);outline:0}.block-row.is-camera .block-bar:hover .block-label,.block-row.is-camera .block-bar.is-selected .block-label{visibility:visible}.block-bar{position:absolute;top:4px;bottom:4px;display:flex;align-items:center;border-radius:var(--radius-sm);background:var(--bar-ground);border:1px solid color-mix(in srgb,var(--block-during) 60%,transparent);color:color-mix(in srgb,var(--block-during) 40%,var(--timeline-ink));cursor:grab;overflow:visible;white-space:nowrap;transition:background var(--dur-fast) var(--ease)}.block-bar:hover{background:var(--bar-ground-hover)}.block-bar.is-selected{outline:1px solid var(--accent);outline-offset:-1px}.block-bar.is-selected .block-label{color:var(--accent-ink)}.block-label{padding:0 var(--space-4);overflow:hidden;text-overflow:ellipsis;pointer-events:none;font-weight:500}.block-handle{position:absolute;top:0;bottom:0;width:min(7px,35%);cursor:col-resize}.block-handle-in{left:-1px}.block-handle-out{right:-1px}.block-handle:not(.is-disabled):after{content:"";position:absolute;left:50%;top:50%;width:1px;height:8px;transform:translate(-50%,-50%);background:var(--bar-grip);pointer-events:none}.block-handle.is-disabled{cursor:default}.block-spring-tail{position:absolute;right:-18px;top:50%;width:18px;border-top:1px dashed currentColor;opacity:.6}.camera-key{position:absolute;top:9px;width:9px;height:9px;box-sizing:border-box;transform:translate(-50%) rotate(45deg);background:var(--accent);border-radius:1px;pointer-events:none}.camera-key.is-chained{background:var(--surface-panel);border:1.5px solid var(--accent)}.camera-key.is-waypoint{top:11px;width:5px;height:5px;background:var(--surface-panel);border:1px solid var(--accent-ink)}.camera-key.is-break{background:linear-gradient(to right,var(--accent-warm) 0 45%,transparent 45%);border:1.5px dashed var(--accent-warm)}.channel-row{display:flex;align-items:stretch;height:28px;border-bottom:1px solid var(--line-soft)}.channel-label-cell{padding-left:calc(var(--space-4) + var(--depth, 0) * var(--tree-indent));display:flex;align-items:center;gap:var(--space-3);flex:none;overflow:hidden}.channel-name{flex:1;min-width:0;color:var(--ink-3);font-size:var(--type-micro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-value{padding-right:var(--space-4);color:var(--ink-2);font-size:var(--type-micro);font-variant-numeric:var(--numeric);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-lane{position:relative;flex:1}.channel-key{position:absolute;top:50%;width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg);background:var(--kf);border:1px solid var(--surface-app);border-radius:1px;cursor:col-resize}.channel-key:hover{background:color-mix(in srgb,var(--kf) 70%,var(--timeline-ink))}.channel-key.is-selected{width:12px;height:12px;border-color:var(--ink-1)}.channel-key.ease-hold{background:transparent;border-color:var(--kf)}.channel-key.ease-hold:hover{background:color-mix(in srgb,var(--kf) 30%,transparent)}.channel-key.ease-spring{box-shadow:0 0 0 2px color-mix(in srgb,var(--spring) 45%,transparent)}.channel-clear{flex:none;margin-right:var(--space-2);padding:0 var(--space-2);border:0;background:none;color:var(--ink-3);font:inherit;line-height:var(--leading-none);cursor:pointer}.channel-clear:hover{color:var(--danger-ink)}.channel-empty-hint,.channel-add-status{display:flex;align-items:center;padding-left:var(--space-5);color:var(--ink-3);font-size:var(--type-micro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-add{display:inline-flex;align-items:center;flex:none;align-self:flex-start;height:20px;margin-top:var(--space-2);font:inherit;font-size:var(--type-md);line-height:var(--leading-sm);font-weight:500;color:var(--ink-1);background:transparent;border:1px solid var(--line-strong);padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer}.channel-add:hover{background:var(--fill-rest)}.channel-add[aria-expanded=true]{background:var(--accent-quiet);border-color:var(--accent)}.channel-add-status{font-family:var(--font-mono);font-variant-numeric:var(--numeric)}.property-pop{width:320px;max-height:340px;overflow-y:auto;padding:var(--space-3)}.property-group-label{display:flex;align-items:center;min-height:24px;padding:0 var(--space-4);font-size:var(--type-md);line-height:var(--leading-md);font-weight:500;color:var(--ink-3)}.property-item{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:30px;font:inherit;font-size:var(--type-md);line-height:var(--leading-md);text-align:left;color:var(--ink-1);background:transparent;border:0;padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer}.property-item:hover:not(:disabled){background:var(--accent-quiet)}.property-item:disabled{color:var(--ink-disabled);cursor:default}.property-item-note{margin-left:auto;font-size:var(--type-sm);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.audio-lane{display:flex;align-items:stretch;position:relative;height:32px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--audio-clip) 4%,transparent)}.audio-lane.is-over{background:color-mix(in srgb,var(--audio-clip) 14%,transparent);outline:1px dashed var(--audio-clip);outline-offset:-1px}.audio-label-cell{display:flex;align-items:center;gap:var(--space-4);flex:none;padding-left:var(--space-7);overflow:hidden}.audio-swatch{flex:none;width:8px;height:8px;border-radius:var(--radius-2xs);background:var(--audio-clip)}.scene-audio-row{display:flex;align-items:stretch;position:relative;height:32px;box-shadow:inset 0 1px 0 var(--line);background:color-mix(in srgb,var(--audio-clip) 4%,transparent)}.scene-audio-row.is-over{background:color-mix(in srgb,var(--audio-clip) 14%,transparent);outline:1px dashed var(--audio-clip);outline-offset:-1px}.scene-audio-label{position:sticky;left:0;z-index:4;display:flex;align-items:center;gap:var(--space-4);flex:none;padding-left:var(--space-7);overflow:hidden;background-color:var(--surface-panel)}.scene-audio-name,.audio-lane-name{font-size:var(--type-md);font-weight:var(--weight-semibold);color:var(--ink-1);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-add{font:inherit;color:var(--ink-2);background:var(--fill-rest);border:0;border-radius:var(--radius-xs);padding:1px var(--space-3);margin-right:var(--space-3);cursor:pointer;flex:none}.audio-add:hover:not(:disabled){color:var(--ink-1);background:var(--fill-hover)}.audio-track{position:relative;flex:1;overflow-x:clip;overflow-clip-margin:8px}.audio-empty{position:absolute;left:var(--space-2);right:var(--space-2);max-width:420px;top:var(--space-2);bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);border:1px dashed var(--line);border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--ink-3);font-size:var(--type-sm);pointer-events:none;white-space:nowrap;overflow:hidden}.audio-empty-copy{min-width:0;overflow:hidden;text-overflow:ellipsis}.audio-empty-formats{flex:none;font-family:var(--font-mono);font-size:var(--type-sm);color:var(--ink-3)}.audio-clip{position:absolute;top:4px;bottom:4px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--audio-clip) 16%,transparent);border:1px solid color-mix(in srgb,var(--audio-clip) 65%,transparent);color:color-mix(in srgb,var(--audio-clip) 35%,var(--timeline-ink));cursor:grab;overflow:hidden}.audio-clip:hover{background:color-mix(in srgb,var(--audio-clip) 26%,transparent)}.audio-clip.is-muted{opacity:.45;border-style:dashed}.audio-wave,.audio-fade-curve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.audio-fade-curve polyline{stroke:var(--audio-line);stroke-width:1;vector-effect:non-scaling-stroke}.audio-clip-name{position:absolute;left:8px;top:1px;pointer-events:none;font-weight:500;max-width:calc(100% - 46px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-lane .audio-clip,.scene-audio-row .audio-clip{border-radius:var(--radius-sm);background:linear-gradient(in oklab 180deg,color-mix(in oklab,var(--audio-clip) 18%,transparent),color-mix(in oklab,var(--audio-clip) 6%,transparent));border:1px solid color-mix(in oklab,var(--audio-clip) 55%,transparent)}.audio-lane .audio-clip:hover,.scene-audio-row .audio-clip:hover{border-color:color-mix(in oklab,var(--audio-clip) 80%,transparent)}.audio-lane .audio-wave,.scene-audio-row .audio-wave{opacity:.75}.audio-lane .audio-clip-name,.scene-audio-row .audio-clip-name{top:50%;left:4px;transform:translateY(-50%);display:block;padding:0 calc(var(--space-5) / 2);border-radius:var(--radius-xs);background:var(--audio-chip-bg);color:var(--audio-chip-ink);font-size:var(--type-sm);font-weight:var(--weight-semibold);line-height:16px}.audio-gain-band{position:absolute;left:0;right:0;height:9px;margin-bottom:calc(-1 * var(--space-2));cursor:ns-resize}.audio-gain-band:after{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:var(--audio-line);opacity:.8}.audio-gain-band.is-automated{top:0;bottom:0;height:auto;margin-bottom:0}.audio-gain-band.is-automated:after{content:none}.audio-gain-curve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.audio-gain-curve polyline{stroke:var(--audio-line);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.9}.audio-overrun{position:absolute;top:0;bottom:0;right:0;pointer-events:none;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--surface-app) 70%,transparent) 0 4px,transparent 4px 8px);border-left:1px solid var(--audio-line)}.audio-gain-key{position:absolute;width:5px;height:5px;translate:-50% 50%;background:var(--audio-line);transform:rotate(45deg);pointer-events:none}.audio-handle{position:absolute;top:0;bottom:0;width:7px;cursor:col-resize}.audio-handle-in{left:-1px}.audio-handle-out{right:-1px}.audio-fade{position:absolute;top:-1px;width:11px;height:11px;translate:-50% 0;border-radius:var(--radius-full);cursor:ew-resize;background:color-mix(in srgb,var(--audio-line) 70%,transparent)}.audio-clip-buttons{position:absolute;right:2px;top:1px;display:flex;gap:var(--space-1)}.audio-clip-btn{font:inherit;font-size:var(--type-micro);line-height:var(--leading-none);color:var(--ink-2);background:transparent;border:0;padding:var(--space-1);border-radius:var(--radius-xs);cursor:pointer}.audio-clip-btn:hover{color:var(--ink-1);background:var(--fill-rest)}.audio-duck{position:relative}.audio-clip-btn[aria-pressed=true]{color:var(--accent-ink)}.audio-duck-pop{position:absolute;right:0;top:100%;z-index:7;min-width:190px;margin-top:var(--space-2);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000059}.audio-duck-title,.audio-duck-empty{margin:0 0 var(--space-1);font-size:var(--type-sm);color:var(--ink-2)}.audio-duck-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-sm);color:var(--ink-1)}.audio-duck-strength{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}.audio-duck-strength input[type=range]{flex:1;min-width:0}.audio-duck-db{min-width:40px;text-align:right;font-variant-numeric:var(--numeric);color:var(--ink-2)}.audio-fx-btn{font:var(--weight-medium) var(--type-micro)/1 var(--font-sans);letter-spacing:var(--tracking-caps)}.audio-fx-pop{min-width:260px}.audio-fx-stage{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}.audio-fx-label{min-width:64px}.audio-fx-slider input[type=range]{flex:1;min-width:0}.audio-fx-room{margin-left:auto}.audio-fx-foot{margin-top:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.audio-error{position:absolute;left:8px;bottom:2px;margin:0;color:var(--danger-ink);pointer-events:none}.marker-lane{display:flex;align-items:stretch;position:relative;height:20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--marker) 10%,transparent)}.marker-label-cell{display:flex;align-items:center;gap:var(--space-3);flex:none;padding-left:var(--space-4);overflow:hidden}.marker-lane-name{color:var(--ink-2);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-add{font:inherit;line-height:var(--leading-none);color:var(--ink-2);background:var(--fill-rest);border:0;border-radius:var(--radius-xs);padding:1px var(--space-3);margin-right:var(--space-3);cursor:pointer;flex:none}.marker-add:hover{color:var(--ink-1);background:var(--fill-hover)}.marker-track{position:relative;flex:1;overflow-x:clip;overflow-clip-margin:8px}.marker-empty{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;white-space:nowrap}.marker-pin{position:absolute;top:0;bottom:0;width:0;display:flex;align-items:center;cursor:grab}.marker-diamond{width:8px;height:8px;margin-left:calc(-1 * var(--space-2));background:var(--marker-pin);border:1px solid color-mix(in srgb,var(--marker) 70%,#000000);transform:rotate(45deg);flex:none}.marker-pin.is-selected .marker-diamond{background:var(--marker);border-color:var(--marker-pin);box-shadow:0 0 0 2px color-mix(in srgb,var(--marker) 45%,transparent)}.marker-pin.is-at-playhead .marker-diamond{border-color:var(--playhead)}.marker-pin-label{display:none;position:absolute;left:8px;white-space:nowrap;padding:0 var(--space-2);border-radius:var(--radius-2xs);color:var(--ink-1);background:var(--surface-panel);border:1px solid var(--line);pointer-events:none;z-index:1}.marker-pin:hover .marker-pin-label,.marker-pin.is-selected .marker-pin-label{display:block}.shot-row{position:relative}.dock-scene-group:not(:has(~.dock-scene-group))>:is(.shot-row,.lifespan-row,.block-row,.channel-row):last-child{border-bottom-color:transparent}.lifespan-label-cell .layer-kind{width:16px}.lifespan-label-cell .layer-kind svg{width:14px;height:14px}.lifespan-row.is-selected .layer-kind{color:var(--accent-ink)}.shot-disclosure,.lifespan-disclosure{display:inline-flex;align-items:center;justify-content:center}}@layer chrome{.curve-pane{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.curve-body{display:flex;align-items:stretch;flex:1;min-height:0}.curve-toolbar{display:flex;align-items:center;flex:none;height:var(--panel-head-h);border-bottom:1px solid var(--line)}.curve-toolbar-scope{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex:none;height:100%;padding-inline:var(--space-7);border-right:1px solid var(--line)}.curve-count{font:var(--weight-semibold) var(--type-micro) / var(--leading-xs) var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.curve-scope-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;height:var(--control-h);padding:0;border:0;background:transparent;font:var(--type-md) / var(--leading-sm) var(--font-sans);color:var(--ink-2);white-space:nowrap;cursor:pointer}.curve-scope-btn:hover{color:var(--ink-1)}.curve-scope-btn svg{flex:none;width:12px;height:12px}.curve-toolbar-main{display:flex;align-items:center;gap:var(--space-6);flex:1;min-width:0;height:100%;padding-inline:var(--space-6);overflow:hidden}.curve-toolbar-view{display:flex;align-items:center;gap:var(--space-4);flex:none;padding-inline:var(--space-6)}.curve-presets{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-1);flex:none;height:var(--control-h);padding:var(--space-1);background:var(--fill-rest);border-radius:var(--radius-tab)}.curve-preset{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-3);height:24px;padding-inline:var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font:var(--type-md) / var(--leading-sm) var(--font-sans);color:var(--ink-2);white-space:nowrap;cursor:pointer}.curve-preset:hover:not([aria-disabled=true]){color:var(--ink-1)}.curve-preset.is-active{background:var(--surface-raised);border-color:var(--line);color:var(--ink-1)}.curve-preset[aria-disabled=true]{color:var(--ink-3);cursor:default}.curve-preset-glyph{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.curve-preset.is-active .curve-preset-glyph{color:var(--accent-ink)}.curve-divider{flex:none;width:1px;height:20px;background:var(--line)}.curve-readouts{display:flex;align-items:center;gap:var(--space-4);flex:none}.curve-readout{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-4);height:var(--control-h);padding-inline:var(--space-5);background:var(--fill-rest);border-radius:var(--radius-sm);font:var(--type-md) / var(--leading-sm) var(--font-sans);color:var(--ink-3);white-space:nowrap}.curve-readouts .numfield{flex:none;width:112px;height:var(--control-h)}.curve-readout-value{font:var(--type-sm) / var(--leading-xs) var(--font-numeric);font-variant-numeric:var(--numeric);color:var(--ink-3)}.curve-tool{height:var(--control-h);padding-inline:var(--space-5);border:0;border-radius:var(--radius-sm);background:transparent;font:var(--type-md) / var(--leading-sm) var(--font-sans);color:var(--ink-2);white-space:nowrap;cursor:pointer}.curve-tool:hover:not(:disabled){color:var(--ink-1);background:var(--fill-hover)}.curve-tool.is-filled{background:var(--fill-rest);color:var(--ink-1)}.curve-tool.is-on{background:var(--accent-quiet);color:var(--accent-ink)}.curve-tool:disabled{color:var(--ink-3);cursor:default}.curve-rows{box-sizing:border-box;display:flex;flex-direction:column;flex:none;min-height:0;border-right:1px solid var(--line)}.curve-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.curve-scope{display:flex;align-items:center;gap:var(--space-4);flex:none;height:28px;padding-inline:var(--space-7);border-bottom:1px solid var(--line);color:var(--ink-1);font:var(--weight-medium) var(--type-md) / var(--leading-sm) var(--font-sans)}.curve-scope-icon{flex:none;width:14px;height:14px;color:var(--accent-ink)}.curve-scope-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.curve-row{display:flex;align-items:center;gap:var(--space-4);font:var(--type-md) / var(--leading-sm) var(--font-sans);text-align:left;color:var(--ink-2);background:transparent;border:0;border-bottom:1px solid var(--line-soft);min-height:32px;padding:0 var(--space-7);padding-left:calc(var(--space-7) + var(--depth, 0) * var(--tree-indent));cursor:pointer;flex:none}.curve-row:hover:not(:disabled){color:var(--ink-1)}.curve-row.is-focused{background:var(--accent-quiet);box-shadow:inset 2px 0 0 var(--accent)}.curve-row.is-focused .curve-row-name{color:var(--ink-1);font-weight:var(--weight-semibold)}.curve-row.is-focused .curve-row-value{color:var(--accent-ink)}.curve-row.is-flat{cursor:default;color:var(--ink-3)}.curve-row-dot{box-sizing:border-box;flex:none;width:10px;height:10px;border-radius:var(--radius-2xs);border:1.5px solid var(--curve-color, var(--ink-3));background:transparent}.curve-row.is-shown .curve-row-dot{background:var(--curve-color, var(--ink-3))}.curve-row-dot.is-none{border-color:var(--line)}.curve-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.curve-row-value{margin-left:auto;font:var(--type-sm) / var(--leading-xs) var(--font-numeric);font-variant-numeric:var(--numeric);color:var(--ink-2);white-space:nowrap}.curve-hint{flex:none;padding:var(--space-6) var(--space-7);border-top:1px solid var(--line-soft);font:var(--type-sm) / var(--leading-sm) var(--font-sans);color:var(--ink-3)}.curve-graph{display:flex;flex:1;min-width:0;min-height:0}.curve-empty{box-sizing:border-box;display:flex;align-items:center;justify-content:center;align-self:center;margin-inline:auto;width:calc(100% - 2 * var(--space-8));max-width:calc(428px + 2 * var(--space-8));height:128px;padding:var(--space-8);border:1px solid var(--line);background:var(--surface-panel);font:var(--type-lg) / var(--leading-md) var(--font-sans);color:var(--ink-2);text-align:center}}@layer chrome{.dock-volume-pop{padding:var(--space-4) var(--space-6)}.dock-volume-body{display:flex;align-items:center;gap:var(--space-5)}.dock-volume{--fill: 1;flex:none;width:120px;height:24px}.dock-volume-value{flex:none;min-width:4ch;text-align:right;font:var(--type-sm)/var(--leading-xs) var(--font-mono);font-variant-numeric:var(--numeric);color:var(--ink-2)}.dock-volume::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--meter-lit) calc(6px + (100% - 12px) * var(--fill)),var(--fill-rest) 0)}.dock-volume::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--fill-rest)}.dock-volume::-moz-range-progress{height:4px;border-radius:var(--radius-full);background:var(--meter-lit)}.dock-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:20px;margin-top:calc(-1 * var(--space-4));border:0;border-radius:var(--radius-xs);background:var(--ink-1)}.dock-volume::-moz-range-thumb{width:12px;height:20px;border:0;border-radius:var(--radius-xs);background:var(--ink-1)}}@layer chrome{.sound-lanes{position:relative;display:flex;flex-direction:column}.sound-overlay{z-index:0}.sound-beat,.sound-bar{position:absolute;top:0;bottom:0;width:1px;background:var(--line-soft)}.sound-bar{background:var(--line)}.sound-notice{position:absolute;top:var(--space-2);z-index:5;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);font:var(--type-sm)/var(--leading-xs) var(--font-sans);color:var(--ink-1);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-tab);box-shadow:var(--shadow-popover)}.sound-notice-key{padding:0 var(--space-2);font:var(--type-micro)/var(--leading-xs) var(--font-mono);color:var(--ink-2);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--radius-xs)}.sound-row{display:flex;align-items:stretch;flex:none;border-bottom:1px solid var(--line)}.sound-strip-cell{position:sticky;left:0;z-index:4;flex:none;display:flex;align-items:center;min-width:0;background-color:var(--surface-panel);border-right:1px solid var(--line)}.sound-shots-row{height:24px}.sound-shots-label{padding:0 var(--space-6) 0 var(--space-7);font:var(--weight-semibold) var(--type-sm)/var(--leading-xs) var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.sound-shots{position:relative;flex:1;min-width:0}.sound-shot-pill{position:absolute;top:4px;height:16px;padding:0 var(--space-3);border:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--type-micro)/16px var(--font-sans);color:var(--ink-3);background:var(--fill-rest);border-radius:var(--radius-xs)}.sound-shot-pill:hover{color:var(--ink-1)}.sound-shot-pill.is-current{color:var(--accent-ink);background:var(--accent-quiet)}.sound-track-row{height:72px}.sound-add-row{height:32px}.sound-add-track{gap:var(--space-3);height:var(--control-h);margin-left:var(--space-5);padding-inline:var(--space-3);font:var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-2);white-space:nowrap}.sound-add-track svg{flex:none;width:12px;height:12px}.sound-note{margin:0;padding:var(--space-6);font:var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-3)}.sound-lane{position:relative;flex:1;min-width:0}.sound-lane .audio-clip{top:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-sm)}.sound-empty{position:absolute;inset:0;display:flex;align-items:center;gap:var(--space-1);padding-left:var(--space-6);font:var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-3)}.sound-empty-btn{color:var(--ink-2)}.sound-track-row.is-muted .audio-clip{opacity:.45;border-style:dashed}.sound-track-row.is-unsoloed .sound-lane,.sound-mixer-strip.is-unsoloed{opacity:.4}.sound-track-row.is-over .sound-lane{background:color-mix(in srgb,var(--audio-clip) 14%,transparent);outline:1px dashed var(--audio-clip);outline-offset:-1px}@media(prefers-reduced-motion:no-preference){.sound-track-row.is-revealed .sound-lane{animation:row-revealed .9s var(--ease)}}.audio-clip.is-selected{outline:1px solid var(--accent);outline-offset:-1px}.audio-clip.is-selected .audio-clip-name{color:var(--accent-ink)}.audio-clip-badge{margin-left:var(--space-2);padding:0 var(--space-2);font:var(--type-micro)/var(--leading-xs) var(--font-mono);color:var(--ink-2);background:var(--fill-rest);border-radius:var(--radius-2xs)}.audio-clip.is-video{cursor:default;border-style:dashed;background:color-mix(in srgb,var(--audio-clip) 8%,transparent)}.audio-clip.is-video:hover{background:color-mix(in srgb,var(--audio-clip) 8%,transparent)}.audio-clip-lock{display:inline-flex;vertical-align:-2px;margin-right:var(--space-1)}.audio-clip-lock svg{width:11px;height:11px}.sound-strip{flex-direction:column;align-items:stretch;justify-content:center;padding:0 var(--space-6) 0 var(--space-7)}.sound-strip-top{display:flex;align-items:center;gap:var(--space-2);min-width:0}.sound-strip-dot{flex:none;width:8px;height:8px;margin-right:var(--space-2);background:var(--audio-clip);border-radius:var(--radius-2xs)}.sound-strip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--weight-semibold) var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-1);cursor:default}.sound-strip-rename{flex:1;min-width:0;height:20px;padding:0 var(--space-2);font:var(--weight-medium) var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-1);background:var(--surface-panel);border:1px solid var(--accent);border-radius:var(--radius-xs);outline:none;user-select:text}.sound-ms{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:18px;padding:0;font:var(--weight-bold) var(--type-micro)/1 var(--font-mono);color:var(--ink-2);background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sound-ms:hover{background:var(--fill-hover)}.sound-ms.is-mute.is-on{color:var(--surface-well);background:var(--warn);border-color:var(--warn)}.sound-ms.is-solo.is-on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.sound-pan,.sound-pan-slot{flex:none;width:18px;height:18px}.sound-pan{cursor:ns-resize;touch-action:none;border-radius:var(--radius-full)}.sound-pan:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sound-pan circle{fill:var(--fill-rest);stroke:var(--line-strong)}.sound-pan path{fill:none;stroke:var(--ink-1);stroke-width:1.5;stroke-linecap:round}.sound-mixer,.sound-gen{grid-column:3;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--line)}.sound-mixer{overflow:hidden}.sound-mixer-head{flex:none;display:flex;align-items:center;gap:var(--space-4);height:var(--panel-head-h);padding-inline:var(--space-6);border-bottom:1px solid var(--line)}.sound-mixer-title{flex:none;font:var(--weight-semibold) var(--type-lg)/var(--leading-sm) var(--font-sans);color:var(--ink-1)}.sound-mixer-peak{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--type-sm)/var(--leading-xs) var(--font-mono);font-variant-numeric:var(--numeric);color:var(--ink-3)}.sound-solo-chip{flex:none;height:20px;margin-right:auto;padding:0 var(--space-3);font:var(--weight-medium) var(--type-micro)/1 var(--font-sans);color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer}.sound-duck{flex:none;height:24px;padding-inline:var(--space-4);font:var(--weight-medium) var(--type-sm)/1 var(--font-sans);color:var(--ink-2);white-space:nowrap;background:var(--fill-rest);border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sound-duck:hover:not(:disabled){color:var(--ink-1);background:var(--fill-hover)}.sound-duck[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-quiet)}.sound-duck:disabled{color:var(--ink-3);cursor:default}.sound-duck:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sound-mixer-strips{flex:1;display:flex;gap:var(--space-3);min-height:0;padding:var(--space-6);overflow-x:auto;overflow-y:hidden}.sound-mixer-strip{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:46px;min-height:0;padding:var(--space-5) var(--space-2);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-tab)}.sound-mixer-strip.is-muted .sound-mixer-body{opacity:.45}.sound-mixer-strip.is-master{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 33%,transparent)}.sound-mixer-db{font:var(--type-micro)/var(--leading-xs) var(--font-mono);font-variant-numeric:var(--numeric);color:var(--ink-2)}.sound-mixer-strip.is-master .sound-mixer-db,.sound-mixer-strip.is-master .sound-mixer-name{color:var(--accent-ink)}.sound-mixer-body{flex:1;display:flex;justify-content:center;gap:var(--space-3);min-height:0}.sound-mixer-ms{display:flex;gap:var(--space-1)}.sound-mixer-ms .sound-ms{width:18px;height:16px;font-size:var(--type-micro)}.sound-mixer-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--weight-semibold) var(--type-sm)/var(--leading-xs) var(--font-sans);color:var(--ink-2)}.sound-meter-pair{display:flex;gap:var(--space-1)}.sound-meter{position:relative;width:6px;height:100%;overflow:hidden;background:var(--fill-rest);border-radius:var(--radius-2xs)}.sound-meter-lit{position:absolute;left:0;right:0;bottom:0;background:var(--meter-lit)}.sound-meter-lit.is-hot{background:var(--warn)}.sound-meter-hold{position:absolute;left:0;right:0;height:1px;background:var(--ink-1)}.sound-vfader{position:relative;width:20px;height:100%;cursor:ns-resize;touch-action:none}.sound-vfader:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:4px;background:var(--fill-rest);border-radius:var(--radius-2xs)}.sound-vfader-thumb{position:absolute;left:0;width:20px;height:12px;background:var(--ink-1);border-radius:var(--radius-2xs);transform:translateY(50%)}.sound-vfader:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.sound-head-btn{flex:none;height:var(--control-h);padding-inline:var(--space-5);white-space:nowrap}.sound-head-btn.is-accent{color:var(--accent-ink);background:var(--accent-soft)}.sound-head-btn.is-accent:hover:not(:disabled),.sound-head-btn.is-accent[aria-pressed=true]{background:var(--accent-quiet);box-shadow:inset 0 0 0 1px var(--accent)}.sound-head-btn svg,.sound-bpm-chip svg{width:13px;height:13px;flex:none}.sound-bpm-chip{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-3);height:28px;padding:0 var(--space-5);font:var(--type-sm)/var(--leading-xs) var(--font-mono);font-variant-numeric:var(--numeric);color:var(--ink-1);background:transparent;border:1px solid var(--line);border-radius:var(--radius-tab);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.sound-bpm-chip svg{color:var(--ink-2)}.sound-bpm-chip:hover,.sound-bpm-chip[aria-expanded=true]{background:var(--fill-hover)}.sound-bpm-chip.is-unset{color:var(--ink-2);border-style:dashed}.sound-tempo{display:flex;flex-direction:column;gap:var(--space-6);width:296px;padding:var(--space-6)}.sound-tempo-head,.sound-tempo-bpm,.sound-tempo-field,.sound-tempo-actions{display:flex;align-items:center;gap:var(--space-4)}.sound-tempo-head,.sound-tempo-field{justify-content:space-between}.sound-tempo-title{font:var(--weight-semibold) var(--type-lg)/var(--leading-sm) var(--font-sans);color:var(--ink-1)}.sound-tempo-scope,.sound-tempo-hint{font:var(--type-sm)/var(--leading-xs) var(--font-sans);color:var(--ink-3)}.sound-tempo-input{width:84px;height:28px;font-family:var(--font-mono);font-variant-numeric:var(--numeric);user-select:text}.sound-tempo-unit{font:var(--type-sm)/var(--leading-xs) var(--font-mono);color:var(--ink-2)}.sound-tempo-tap{margin-left:auto}.sound-tempo-label{display:flex;flex-direction:column;font:var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-1)}.sound-tempo-seg{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-well);border-radius:var(--radius-tab)}.sound-tempo-seg-btn{width:26px;height:22px;padding:0;font:var(--type-sm)/1 var(--font-mono);color:var(--ink-2);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.sound-tempo-seg-btn:hover{color:var(--ink-1)}.sound-tempo-seg-btn.is-on{color:var(--ink-1);background:var(--fill-selected)}.sound-tempo-rule{height:1px;background:var(--line)}.sound-tempo-detect{flex:1}.sound-tempo-warn{margin:0;padding:var(--space-3) var(--space-4);font:var(--type-sm)/var(--leading-xs) var(--font-sans);color:var(--ink-1);background:color-mix(in srgb,var(--warn) 8%,transparent);border:1px solid color-mix(in srgb,var(--warn) 33%,transparent);border-radius:var(--radius-sm)}.sound-gen{overflow:hidden}.sound-gen-head{flex:none;display:flex;align-items:center;gap:var(--space-4);height:var(--panel-head-h);padding:0 var(--space-2) 0 var(--space-6);border-bottom:1px solid var(--line)}.sound-gen-glyph{display:inline-flex;color:var(--accent)}.sound-gen-glyph svg{width:14px;height:14px}.sound-gen-title{flex:1;font:var(--weight-semibold) var(--type-lg)/var(--leading-sm) var(--font-sans);color:var(--ink-1)}.sound-gen-body{flex:1;display:flex;flex-direction:column;gap:var(--space-5);min-height:0;padding:var(--space-6);overflow-y:auto}.sound-gen-kinds{flex:none}.sound-gen-prompt{flex:none;resize:vertical;min-height:52px;font:var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-1);user-select:text}.sound-gen-row{display:flex;align-items:flex-end;gap:var(--space-5)}.sound-gen-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.sound-gen-row .sound-gen-field{flex:1}.sound-gen-label{font:var(--weight-semibold) var(--type-micro)/var(--leading-xs) var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.sound-gen-select{width:100%}.sound-gen-seconds{font-family:var(--font-mono);font-variant-numeric:var(--numeric);user-select:text}.sound-gen-check{display:flex;align-items:center;gap:var(--space-2);height:var(--control-h);font:var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-2);cursor:pointer}.sound-gen-check input{margin:0;accent-color:var(--accent)}.sound-gen-price{font:var(--type-sm)/var(--leading-xs) var(--font-mono);font-variant-numeric:var(--numeric);color:var(--ink-3)}.sound-gen-key-link{color:var(--accent-ink);text-decoration:none;border-radius:var(--radius-xs)}.sound-gen-key-link:hover{text-decoration:underline}.sound-gen-key-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sound-gen-go{flex:none;width:100%}.sound-gen-error{margin:0;padding:var(--space-3) var(--space-4);font:var(--type-sm)/var(--leading-xs) var(--font-sans);color:var(--danger-ink);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 33%,transparent);border-radius:var(--radius-sm);user-select:text}.sound-gen-take{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--surface-secondary);border:1px solid var(--line);border-radius:var(--radius-md)}.sound-gen-take-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--weight-medium) var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-1)}.sound-gen-audio{width:100%;height:32px}.sound-gen-take-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sound-gen-take-row{display:flex;flex-direction:column;gap:var(--space-3)}.sound-gen-take-row+.sound-gen-take-row{padding-top:var(--space-4);border-top:1px solid var(--line)}.sound-gen-why{margin:0;font:var(--type-sm)/var(--leading-xs) var(--font-sans);color:var(--ink-2);user-select:text}.sound-gen-take-actions .btn:last-child{flex:1}.sound-gen-recent{display:flex;flex-direction:column;gap:var(--space-2)}.sound-gen-list{margin:0;padding:0;list-style:none}.sound-gen-item{display:flex;align-items:center;gap:var(--space-3);height:var(--control-h);border-bottom:1px solid var(--line-soft)}.sound-gen-item-kind{flex:none;font:var(--type-micro)/var(--leading-xs) var(--font-mono);color:var(--ink-3)}.sound-gen-item-prompt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-2)}.sound-gen-item-add{flex:none}}@layer chrome{.inspector-column{grid-column:insp-l / edge-r;grid-row:main-t / main-b;display:flex;flex-direction:column;background:var(--surface-panel);border-left:1px solid var(--line)}.inspector-column>.column-head{padding:0 var(--space-4)}.inspector-column>.column-head .segmented .segmented-item{padding-inline:var(--space-3)}.inspector-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--panel-foot-h);padding:0 var(--space-6);background:var(--surface-panel);border-top:1px solid var(--line);font-size:var(--type-md);line-height:var(--leading-xs)}.inspector-footer-subject{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold);color:var(--ink-1)}.inspector-footer-meta{flex:none;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-size:var(--type-sm);color:var(--ink-3)}.inspector-column>.inspector,.inspector-column>.agent-panel{flex:1 1 auto;min-height:0}.inspector{display:flex;flex-direction:column}.inspector-body{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-gutter:stable}.inspector-column .insp-section{gap:var(--space-4);padding:var(--space-6);border-bottom:0}.inspector-column .insp-section+.insp-section{border-top:1px solid var(--line)}.inspector-column .insp-section-headrow{height:16px}.inspector-column .insp-section-header,.inspector-column .insp-section.is-collapsed .insp-section-header{min-height:0;height:16px;gap:var(--space-4);font-size:var(--type-md);font-weight:var(--weight-semibold);line-height:var(--leading-xs)}.inspector-column .insp-section-icon{display:none}.inspector-column .insp-section-disclosure{width:12px;height:12px;color:var(--ink-3)}.inspector-column .insp-section-header:hover:not(.is-static) .insp-section-disclosure{color:var(--ink-2)}.inspector-column .insp-section-titles{flex-direction:row;align-items:baseline;gap:var(--space-3)}.inspector-column .insp-section-note{flex:none;white-space:nowrap}.inspector-column .insp-section-summary{font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-3)}.inspector-column .insp-section-body{padding-top:0}.inspector-column .insp-heading{min-height:24px;font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.inspector-column .insp-heading .insp-dim{text-transform:none}.insp-empty{margin:0;font-size:var(--type-md);line-height:var(--leading-body);color:var(--ink-2)}.insp-note{margin:0;font-size:var(--type-sm);line-height:var(--leading-body);color:var(--ink-3)}.inspector-column>.agent-panel{height:auto;overflow:hidden;padding:0}.inspector-column>.agent-panel>.agent-title{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--line-soft);flex:none;flex-wrap:wrap;justify-content:flex-end;row-gap:var(--space-3)}.inspector-column>.agent-panel .agent-models{flex:1 1 100%;order:1}.inspector-column>.agent-panel .agent-composer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--line-soft);flex:none}.link-button{padding:0;border:0;background:transparent;color:var(--accent-ink);cursor:pointer;text-align:left}.link-button:hover{text-decoration:underline}.insp-head{flex:none;display:flex;align-items:center;gap:var(--space-5);min-width:0;height:48px;padding:0 var(--space-6);border-bottom:1px solid var(--line)}.insp-head-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--fill-rest);color:var(--ink-2)}.insp-head-icon svg{width:14px;height:14px}.insp-head-icon.is-tile,.insp-head-icon.is-component{color:var(--accent-ink)}.insp-head-text{display:flex;flex-direction:column;min-width:0;flex:1}.insp-head-kind{color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-tight)}.insp-head-name{font-size:var(--type-lg);font-weight:var(--weight-semibold);color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-xs)}.insp-head-meta{font-size:var(--type-sm);line-height:var(--leading-tight);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-head-rename{font:inherit;font-size:var(--type-lg);font-weight:var(--weight-semibold);color:var(--ink-1);background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);padding:0 var(--space-1);margin:0 calc(-1 * var(--space-1));min-width:0;width:100%;line-height:var(--leading-xs)}.insp-head-rename:hover{border-color:var(--line)}.insp-head-rename:focus{outline:none;background:var(--fill-rest);border-color:var(--accent)}}@layer chrome{.effect-row+.effect-row{margin-top:1px}.effect-params{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-1) 0 var(--space-5) var(--space-5);border-left:1px solid var(--line-soft);margin-left:var(--space-1)}.effect-params>*{flex:1 1 calc(50% - var(--space-3));min-width:0}.effect-params>.effect-param.is-vec{flex-basis:100%}.effect-head{display:flex;align-items:center;gap:var(--space-2);min-height:var(--row-h);padding-right:1px}.effect-head-label{flex:1;min-width:0;color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effect-head>.insp-key{margin-right:var(--space-2)}.effect-add-menu{display:flex;flex-direction:column;gap:1px;padding:var(--space-2);min-width:180px}.effect-add-group{color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--type-micro);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-2) var(--space-1)}.effect-add-group:first-child{padding-top:0}.effect-add-item{display:flex;align-items:center;font:inherit;text-align:left;color:var(--ink-1);background:transparent;border:0;border-radius:var(--radius-xs);padding:var(--space-2);cursor:pointer}.effect-add-item:hover{background:var(--fill-rest)}.insp-key.is-camera[data-camera-state=animated],.insp-key.is-camera[data-camera-state=keyed],.insp-key.is-camera[data-camera-state=keyed]:hover{color:var(--accent)}.insp-key.is-camera[data-camera-state=keyed],.insp-key.is-camera[data-camera-state=keyed]:hover{background:transparent}.insp-key.is-camera[data-camera-state=animated]{position:relative}.insp-key.is-camera[data-camera-state=animated]:after{content:"";position:absolute;inset:0;width:3px;height:3px;margin:auto;background:var(--accent);transform:rotate(45deg)}.numfield:has(>.field-accessory>.insp-key.is-camera[data-camera-animated]) .numfield-input,.range-field:has(>.field-accessory>.insp-key.is-camera[data-camera-animated]) .numfield-input{color:var(--accent-ink)}.camera-field-key-count{color:var(--accent-ink);font-size:var(--type-sm);font-weight:var(--weight-regular)}.shot-shader-button svg{width:12px;height:12px;flex:none;color:var(--ink-2)}.make-it-yours{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.make-it-yours-row{display:flex;flex-direction:column;gap:var(--space-2)}.make-it-yours-head{display:flex;align-items:center;gap:var(--space-4);min-height:var(--control-h)}.make-it-yours-thumb{flex:none;width:40px;height:var(--control-h);border-radius:var(--radius-xs);background:var(--surface-secondary);overflow:hidden}.make-it-yours-media{display:block;width:100%;height:100%;object-fit:cover}.make-it-yours-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.make-it-yours-name:hover .make-it-yours-label{text-decoration:underline}.make-it-yours-name:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2xs)}.make-it-yours-label,.make-it-yours-where{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--leading-xs)}.make-it-yours-label{font-size:var(--type-lg);color:var(--ink-1)}.make-it-yours-where{font-size:var(--type-sm);color:var(--ink-3)}}@layer chrome{.align-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin:0}.align-button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);padding:0;color:var(--ink-2);background:var(--fill-rest);border:1px solid var(--line-strong);border-radius:var(--field-radius);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.align-button>svg{width:14px;height:14px}.align-button:hover:not(:disabled){background:var(--fill-hover);color:var(--ink-1)}.align-button:disabled{opacity:var(--opacity-disabled);cursor:default}.align-button:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.paint-gradient .gradient-bar-track:after{content:"";position:absolute;inset:0;background:var(--paint-ramp);pointer-events:none}.paint-stop.is-selected .insp-pill{background:var(--accent-soft);border-color:var(--accent)}.paint-stop .insp-pill .numfield{flex-grow:.5}.paint-add-stop .btn{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-ink);font-size:var(--type-md);font-weight:var(--weight-medium)}.paint-add-stop .btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-hover)}.insp-object .insp-dim.is-text{color:var(--ink-2)}.insp-pad{display:block;margin:var(--space-3) 0}.insp-pad-box{fill:none;stroke:var(--line)}.insp-pad-curve{fill:none;stroke:var(--accent);stroke-width:1.5}.insp-pad-arm{stroke:var(--line);stroke-width:1}.insp-pad-handle{fill:var(--accent);cursor:grab}.insp-expose{font-size:var(--type-lg)}.plate-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);width:100%}.plate-style-chip{font:inherit;font-size:var(--type-sm);line-height:var(--leading-none);color:var(--ink-2);background:var(--fill-rest);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;height:var(--control-h);padding:0 var(--space-2);text-align:center}.plate-style-chip:hover:not(:disabled){color:var(--ink-1);background:var(--fill-hover);border-color:var(--line-strong)}.plate-style-chip:disabled{opacity:var(--opacity-disabled);cursor:default}.plate-style-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mesh-material-name{min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.mesh-slot-list{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0 var(--space-3)}.mesh-slot-row{display:flex;align-items:center;gap:var(--space-3);min-height:24px;padding:0 var(--space-3);color:var(--ink-1);background:transparent;border:0;border-radius:var(--radius-xs);font:inherit;text-align:left;cursor:pointer}.mesh-slot-row:hover{background:var(--fill-rest)}.mesh-slot-index{flex:none;min-width:14px;color:var(--ink-3);font-variant-numeric:var(--numeric)}.mesh-slot-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mesh-slot-row small{flex:none;color:var(--ink-3);font-size:var(--type-micro)}.insp-section-actions:has(>.insp-stroke-switch){opacity:1}.font-field-open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:0;font:inherit;color:var(--ink-2);background:transparent;border:0;outline:none;cursor:pointer}.font-field-open:hover:not(:disabled),.font-field-open[aria-expanded=true]{color:var(--ink-1)}.font-field-open:disabled{cursor:default}.font-field-open .field-caret{color:inherit}.font-field-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:var(--type-md);line-height:var(--leading-md);color:var(--ink-1)}.font-field-name.is-mixed{color:var(--ink-3)}.font-field.is-readonly .font-field-name{color:var(--ink-2)}.font-field-apply{gap:var(--space-2)}.font-field-ring{flex:none;width:12px;height:12px}.font-field-ring circle{fill:none;stroke-width:1.5}.font-field-ring-track{stroke:var(--line-strong)}.font-field-ring-level{stroke:var(--meter-lit)}.font-field-ring.is-indeterminate .font-field-ring-level{stroke-dasharray:8 4.5}.font-field-percent{min-width:4ch;font-family:var(--font-numeric);font-variant-numeric:var(--numeric);font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-2)}.font-field-wait{flex:none;width:12px;height:12px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-full)}@media(prefers-reduced-motion:no-preference){.font-field-ring.is-indeterminate .font-field-ring-level{stroke-dasharray:25 100}.font-field-wait{border-style:solid;border-top-color:var(--meter-lit)}.font-field-ring.is-indeterminate,.font-field-wait{animation:font-field-turn .9s linear infinite}}@keyframes font-field-turn{to{transform:rotate(360deg)}}.font-field-retry{height:var(--badge-h);padding:0 var(--space-3)}.font-field:has(>.panel-crash){flex-wrap:wrap;height:auto;min-height:var(--control-h)}.font-field>.panel-crash{flex:1 0 100%;margin:0 0 var(--space-3)}.font-picker-chips .segmented-item{flex:1 1 auto;padding-inline:var(--space-2)}.insp-object.insp-mask .insp-dim.is-text{color:var(--ink-1)}.insp-mask-release{padding:var(--space-2) 0 var(--space-6)}.insp-notice-line{display:block}.insp-notice-line+.insp-notice-line{margin-top:var(--space-2)}}@layer chrome{.insp-transition-head{margin:var(--space-3) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--weight-semibold) var(--type-md)/var(--leading-xs) var(--font-sans);color:var(--ink-1)}.insp-transition-into{font-weight:var(--weight-regular);color:var(--ink-3)}.insp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);width:100%;min-width:0}.insp-tile{flex-direction:column;gap:var(--space-3);min-width:0;height:auto;min-height:var(--button-h);padding:var(--space-6);justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:var(--leading-tight);font-size:var(--type-sm);color:var(--ink-2);background:var(--surface-secondary);border:1px solid var(--line);border-radius:var(--radius-sm)}.insp-tile:hover:not(:disabled){color:var(--ink-1);background:var(--fill-hover)}.insp-tile[aria-pressed=true],.insp-tile[aria-pressed=true]:hover:not(:disabled){color:var(--accent-ink);background:var(--accent-quiet);border-color:var(--accent)}.insp-tile-glyph{flex:none;width:28px;height:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.insp-tile-glyph .is-b{fill:currentColor;fill-opacity:.55}.insp-length-secs{flex:none;white-space:nowrap;font:var(--type-sm)/var(--leading-xs) var(--font-numeric);font-variant-numeric:var(--numeric);color:var(--ink-3)}.insp-length-secs:before{content:"· "}.insp-direction{gap:var(--space-3);font-family:var(--font-mono);font-size:var(--type-sm)}.insp-direction-arrow{display:inline-block;line-height:var(--leading-none)}.insp-seam{display:flex;align-items:center;gap:var(--space-4);width:100%;min-width:0}.insp-seam-track{display:flex;flex:1 1 auto;min-width:0;height:var(--space-3);border-radius:var(--radius-2xs);overflow:hidden;background:var(--line)}.insp-seam-span{flex:none;height:100%}.insp-seam-span.is-blend{background:var(--accent)}.insp-seam>.insp-dim{flex:none}.notes-block-section{display:flex;flex-direction:column;gap:var(--space-2)}.notes-block-heading{margin:0;font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.notes-block-text{margin:0;font-size:var(--type-md);line-height:var(--leading-body);color:var(--ink-1);white-space:pre-wrap}.notes-block-beats{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.notes-block-beat{display:flex;align-items:baseline;gap:var(--space-3);min-width:0;font-size:var(--type-md);color:var(--ink-1)}.notes-block-number{flex:0 0 auto;min-width:var(--space-6);font-family:var(--font-numeric);font-size:var(--type-sm);color:var(--accent-warm)}.notes-block-beat-text{flex:1 1 auto;min-width:0}}@layer chrome{.inspector-column>.shot-brief{flex:1 1 auto;min-height:0}.shot-brief{display:flex;flex-direction:column}.shot-brief-body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-7)}.shot-brief-head{display:flex;align-items:center;gap:var(--space-4);font-size:var(--type-md);line-height:var(--leading-xs)}.shot-brief-from{flex:1;color:var(--ink-3)}.shot-brief-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:0;background:none;font:inherit;font-size:var(--type-md);line-height:var(--leading-xs);font-weight:var(--weight-medium);color:var(--accent-ink);cursor:pointer}.shot-brief-link>svg{width:12px;height:12px;flex:none}.shot-brief-link:hover{text-decoration:underline}.shot-brief-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2xs)}.shot-brief-empty{margin:0;padding:var(--space-6) var(--space-7);font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-3)}.shot-brief>.shot-brief-head{padding:var(--space-6) var(--space-7) 0}.shot-brief-origin{display:flex;flex-direction:column;gap:var(--space-3)}.shot-brief-shot{display:flex;align-items:baseline;gap:var(--space-4);min-width:0}.shot-brief-name{min-width:0;font-size:var(--type-xl);line-height:var(--leading-lg);font-weight:var(--weight-semibold);color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-brief-length{flex:none;font-family:var(--font-numeric);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-3)}.shot-brief-sketches{margin:0;padding:0;list-style:none;display:flex;gap:var(--space-4)}.shot-brief-sketch-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.shot-brief-thumb{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--sketch-paper);overflow:hidden;cursor:pointer}.shot-brief-thumb[aria-pressed=true]{border-color:var(--accent)}.shot-brief-thumb[data-guide]{border-style:dashed;border-color:var(--accent)}.shot-brief-thumb:focus-visible{outline:none;box-shadow:var(--focus-ring)}.shot-brief-sketch-label{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.shot-brief-sketch-name{min-width:0;font-size:var(--type-md);line-height:var(--leading-xs);font-weight:var(--weight-medium);color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-brief-sketch-time{flex:none;font-family:var(--font-numeric);font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-3)}.shot-brief-layout{display:flex;flex-direction:column;gap:var(--space-4)}.shot-brief-layout-run{width:100%;gap:var(--space-3)}.shot-brief-layout-run>svg{width:16px;height:16px;flex:none}.shot-brief-help{margin:0;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-3)}.shot-brief-section{display:flex;flex-direction:column;gap:var(--space-2)}.shot-brief-section.is-pinned{gap:var(--space-3)}.shot-brief-section.is-words{padding-top:var(--space-6);border-top:1px solid var(--line-soft)}.shot-brief-caps{margin:0;font-size:var(--type-sm);line-height:var(--leading-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.shot-brief-text{margin:0;font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}.shot-brief-voice{margin:0;font-size:var(--type-lg);line-height:var(--leading-xs);color:var(--ink-1);overflow-wrap:anywhere}.shot-brief-none{margin:0;font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-3)}.shot-brief-pins{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.shot-brief-pin{display:flex;align-items:center;gap:var(--space-4);height:var(--row-h-shot)}.shot-brief-pin-thumb{flex:none;display:grid;place-items:center;width:28px;height:20px;border-radius:var(--radius-xs);background:var(--surface-secondary);overflow:hidden;font-size:var(--type-micro);line-height:var(--leading-xs);color:var(--ink-2)}.shot-brief-pin-thumb>img{display:block;width:100%;height:100%;object-fit:cover}.shot-brief-pin-name{flex:1;min-width:0;font-size:var(--type-lg);line-height:var(--leading-xs);color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-brief-pin-tag{flex:none;font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-3)}.shot-brief-pin-tag.is-must{color:var(--accent-ink)}.shot-brief-pin-check:checked{background:var(--success);border-color:var(--success)}.shot-brief-style{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--line);border-radius:var(--radius-tab);background:var(--surface-app)}.shot-brief-style-name{flex:none;font-size:var(--type-md);line-height:var(--leading-xs);font-weight:var(--weight-medium);color:var(--ink-1)}.shot-brief-style-text{flex:1;min-width:0;font-size:var(--type-lg);line-height:var(--leading-xs);color:var(--ink-2)}.shot-brief-foot{flex:none;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-7);border-top:1px solid var(--line)}.shot-brief-foot-text{margin:0;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-3)}.shot-brief-mark{width:100%}.shot-brief-actions{display:flex;gap:var(--space-4)}.shot-brief-actions>.btn{flex:1}}@layer chrome{.export-dialog{display:flex;flex-direction:column;gap:var(--space-7);min-width:0;font-size:var(--type-md);line-height:var(--leading-md)}.export-row{display:flex;align-items:center;gap:var(--space-7);min-height:var(--button-h)}.export-label{flex:none;width:96px;color:var(--ink-2)}.segmented.export-switch{flex:none;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr}.segmented.export-switch .segmented-item{min-width:80px}.segmented.export-switch.is-destination .segmented-item{min-width:156px}.export-select{flex:1 1 auto;min-width:0;font-size:var(--type-md);line-height:var(--leading-md);border-radius:var(--radius-tab)}.export-audio{display:flex;align-items:center;gap:var(--space-4);min-width:0}.export-audio-hint{color:var(--ink-3)}.export-note{margin:0;color:var(--ink-3);line-height:var(--leading-body)}.export-estimate{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-4) var(--space-7);margin:0;padding-block:var(--space-7);border-block:1px solid var(--line-strong)}.export-estimate dt{color:var(--ink-2)}.export-estimate dd{margin:0;min-width:0;font-weight:var(--weight-medium);color:var(--ink-1);font-variant-numeric:var(--numeric);overflow-wrap:anywhere}.export-outcome-slot{display:flex;flex-direction:column}.export-outcome-slot:empty{margin-block-start:calc(-1 * var(--space-7))}.export-outcome{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-7);background:var(--surface-sunken);border:1px solid var(--line-strong);border-radius:var(--radius-tab)}.export-outcome-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.export-outcome-title{font-weight:var(--weight-medium);color:var(--ink-1)}.export-outcome.is-rendering .export-outcome-title{color:var(--accent-ink)}.export-outcome-cancel{flex:none;height:var(--control-h);border-radius:var(--radius-sm);font-weight:var(--weight-regular)}.export-outcome-copy{margin:0;color:var(--ink-2);overflow-wrap:anywhere}.export-log summary{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--ink-1);cursor:pointer;list-style:none;border-radius:var(--radius-xs)}.export-log summary::-webkit-details-marker{display:none}.export-log summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.export-log-chevron{flex:none;width:12px;height:12px;fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-fast) var(--ease)}.export-log[open] .export-log-chevron{transform:rotate(180deg)}.export-log pre{max-height:180px;margin:var(--space-4) 0 0;padding:var(--space-4) var(--space-5);overflow:auto;color:var(--ink-2);font:var(--type-micro)/var(--leading-none) var(--font-mono);line-height:var(--leading-body);white-space:pre-wrap;word-break:break-word;background:var(--fill-rest);border-radius:var(--radius-sm)}.dialog.shot-help-dialog{width:560px;max-height:80vh}.export-share-links{display:flex;gap:var(--space-7)}.dialog.is-wide.prefs-dialog{width:500px;max-height:80vh;gap:var(--space-4);padding:var(--space-7) var(--space-8)}.dialog.is-wide.prefs-dialog .dialog-title{font-size:var(--type-title)}.dialog.is-wide.prefs-dialog .dialog-close{top:var(--space-6);right:var(--space-7)}.prefs-title{display:inline-flex;align-items:center;gap:var(--space-4)}.prefs-kbd{font:inherit;font-size:var(--type-micro);font-weight:var(--weight-regular);color:var(--ink-3);background:var(--fill-state-soft);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-3)}.prefs-body{display:flex;flex-direction:column}.prefs-section{display:flex;flex-direction:column;padding:var(--space-4) 0 var(--space-2);border-top:1px solid var(--line)}.prefs-section-label{padding-bottom:var(--space-2);font-size:var(--type-sm);font-weight:var(--weight-semibold);color:var(--ink-2)}.prefs-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:calc(var(--control-h) + var(--space-3));padding:var(--space-2) 0}.prefs-row-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.prefs-row-label{font-size:var(--type-md);color:var(--ink-1)}.prefs-row-hint{font-size:var(--type-sm);color:var(--ink-3)}.prefs-row-control{flex:none}.prefs-row-control .segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr}.dialog.prefs-dialog .dialog-actions{justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--line)}.prefs-footnote{font-size:var(--type-sm);color:var(--ink-3)}.agent-question-summary{max-height:240px;margin:0;overflow:auto;padding:var(--space-4);font-family:var(--font-sans);font-size:var(--type-sm);color:var(--ink-1);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-secondary);border:1px solid var(--line);border-radius:var(--radius-sm)}.agent-question-who{margin:0;font-size:var(--type-sm);color:var(--ink-3)}.agent-question-stale{margin:0;font-size:var(--type-sm);color:var(--warn)}.agent-question-note{resize:none}.export-credits{display:flex;flex-direction:column;gap:var(--space-4)}.export-credits-text{margin:0;max-height:120px;overflow-y:auto;padding:var(--space-4);font-family:inherit;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-well);border:1px solid var(--line);border-radius:var(--radius-sm)}}@layer chrome{.dialog-overlay:has(>.dialog.library-browser){top:var(--topbar-h);padding:0;background:transparent}.dialog.library-browser{width:100%;height:100%;max-width:none;max-height:none;gap:0;padding:0;background:var(--surface-app);border:0;border-radius:0;box-shadow:none}.dialog.library-browser>.dialog-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dialog.library-browser>.dialog-body{flex:1 1 auto;gap:0;overflow:hidden}.library-main{flex:1 1 auto;min-height:0;display:flex}.library-rail{flex:none;width:224px;display:flex;flex-direction:column;padding:var(--space-7);overflow-y:auto;background:var(--surface-panel);border-right:1px solid var(--line)}.library-back,.library-rail-row{display:flex;align-items:center;gap:var(--space-4);height:var(--row-h-field);font:inherit;font-size:var(--type-lg);line-height:var(--leading-xs);text-align:left;background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.library-back{flex:none;padding:0;color:var(--ink-1)}.library-back>svg,.library-rail-row>svg{flex:none;width:16px;height:16px}.library-back>span,.library-rail-label{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.library-rail-title{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) var(--space-4) var(--space-7);font-size:var(--type-xl);line-height:var(--leading-md);font-weight:var(--weight-medium);color:var(--ink-1)}.library-rail-sub{font-size:var(--type-md);line-height:var(--leading-xs);font-weight:var(--weight-regular);color:var(--ink-2)}.library-rail-rows{display:flex;flex-direction:column;gap:var(--space-2)}.library-rail-row{padding:0 var(--space-4);color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.library-rail-row:hover{color:var(--ink-1);background:var(--fill-state-soft)}.library-rail-count{flex:none;font-size:var(--type-md);font-variant-numeric:tabular-nums;color:var(--ink-2)}.library-rail-row[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-quiet);border-color:var(--accent)}.library-rail-foot{display:flex;flex-direction:column;gap:var(--space-4);margin-top:auto;padding:var(--space-7) var(--space-4) var(--space-4);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-2);border-top:1px solid var(--line)}.library-rail-project{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--weight-medium);color:var(--ink-1)}.library-catalog{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);overflow-y:auto}.library-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-7)}.library-catalog-head>div{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.library-catalog-head h2{margin:0;font-size:var(--type-heading);line-height:var(--leading-xl);font-weight:var(--weight-semibold);color:var(--ink-1)}.library-catalog-head p{margin:0;font-size:var(--type-lg);line-height:var(--leading-sm);color:var(--ink-2)}.library-catalog-head>span{flex:none;font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-2)}.library-search-row{flex:none;display:flex;gap:var(--space-7)}.library-search-row>.search-field{flex:1 1 auto;min-width:0}.library-search-row>.select{flex:none;width:144px}.library-gallery{display:flex;flex-direction:column;gap:var(--space-8)}.library-section{display:flex;flex-direction:column;gap:var(--space-6)}.library-section-head{display:flex;align-items:baseline;gap:var(--space-4);margin:0;font-size:var(--type-title);line-height:var(--leading-md);font-weight:var(--weight-medium);color:var(--ink-1)}.library-section-head>span{font-size:var(--type-md);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums;color:var(--ink-2)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:var(--space-7);row-gap:var(--space-8);margin:0;padding:0;list-style:none}.library-card{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;outline:none;cursor:pointer}.library-card-art{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-well);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease)}.library-card.is-sounds .library-card-art{background:none}.library-card-art img{width:100%;height:100%;object-fit:contain}.library-card:hover .library-card-art{border-color:var(--line-strong)}.library-card[aria-selected=true] .library-card-art{border-color:var(--accent)}.library-card[aria-selected=true] .library-card-art:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--accent);pointer-events:none}.library-card:focus-visible .library-card-art{box-shadow:var(--focus-ring)}.library-card-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);font-size:var(--type-md);line-height:var(--leading-xs);text-align:center;color:var(--ink-2)}.library-card-placeholder>svg{width:24px;height:24px}.library-card-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--type-title);line-height:var(--leading-md);font-weight:var(--weight-medium);color:var(--ink-1)}.library-card[aria-selected=true] .library-card-name{color:var(--accent-ink)}.library-card-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-2)}.library-state{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-8);font-size:var(--type-lg);line-height:var(--leading-md);text-align:center;color:var(--ink-2)}.library-state>svg{width:24px;height:24px}.library-state>p{margin:0;max-width:480px}.library-state>.library-state-detail{font-size:var(--type-md);line-height:var(--leading-sm);overflow-wrap:anywhere}.library-preview{flex:none;width:320px;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);overflow-y:auto;background:var(--surface-panel);border-left:1px solid var(--line)}.library-status{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);height:var(--panel-head-h);padding-inline:var(--space-8);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-2);background:var(--surface-panel);border-top:1px solid var(--line)}.library-status-problems{display:flex;align-items:center;gap:var(--space-6)}.library-status-details{padding:0;font:inherit;color:var(--accent-ink);background:none;border:0;border-radius:var(--radius-xs);cursor:pointer}.library-status-details:focus-visible{outline:none;box-shadow:var(--focus-ring)}.popover.library-problems{position:absolute;right:var(--space-8);bottom:calc(100% + var(--space-2));z-index:1;max-width:360px;max-height:240px;padding:var(--space-6);overflow-y:auto}.library-problems ul{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.library-problems li{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--type-md);line-height:var(--leading-xs);color:var(--ink-2)}.library-problems li>span:first-child{font-family:var(--font-numeric);color:var(--ink-1);overflow-wrap:anywhere}}@layer chrome{.library-preview>*,.library-preview p,.library-preview h2,.library-preview h3{margin:0}.library-preview.is-sounds{gap:var(--space-7)}.library-preview-head{display:flex;align-items:center;justify-content:space-between;min-height:var(--button-h)}.library-preview-head h2{font-size:var(--type-title);line-height:var(--leading-md);font-weight:var(--weight-medium);color:var(--ink-1)}.library-preview-head svg,.library-expanded-head .btn svg{width:16px;height:16px}.library-preview-thumb{position:relative;flex:none;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-well);border:1px solid var(--line);border-radius:var(--radius-sm)}.library-preview-art{display:block;width:100%;height:100%;object-fit:contain}.library-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ink-3)}.library-preview-placeholder svg{width:32px;height:32px}.library-preview-play{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--ink-1);background:var(--surface-well);border:1px solid var(--line-strong);border-radius:var(--radius-full);cursor:pointer}.library-preview-thumb .library-preview-play{position:absolute;right:var(--space-4);bottom:var(--space-4)}.library-preview-play svg{width:20px;height:20px}.library-preview-play:hover{background:var(--surface-secondary)}.library-preview-play:focus-visible,.library-preview-more button:focus-visible,.library-sound-play:focus-visible,.library-sound-pick:focus-visible,.library-sound-more:focus-visible,.library-expanded-back:focus-visible{outline:none;box-shadow:var(--focus-ring)}.library-preview-purpose{display:flex;flex-direction:column;gap:var(--space-4)}.library-preview-name{font-size:var(--type-heading);line-height:var(--leading-xl);font-weight:var(--weight-semibold);color:var(--ink-1);overflow-wrap:anywhere}.library-preview-note,.library-preview-empty{font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2)}.library-preview.is-sounds .library-preview-purpose .library-preview-note{font-size:var(--type-md);line-height:var(--leading-sm)}.library-preview-add{display:flex;flex-direction:column;gap:var(--space-6)}.library-preview-destination{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-3)}.library-preview-add .btn,.library-sound-selected .btn{width:100%;gap:var(--space-4);font-size:var(--type-lg);border-radius:var(--radius-md)}.library-preview-add .btn svg,.library-sound-selected .btn svg{width:16px;height:16px}.library-preview-hint{font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-2)}.library-preview-error{padding:var(--space-3) var(--space-4);font-size:var(--type-md);line-height:var(--leading-sm);color:var(--danger-ink);background:color-mix(in srgb,var(--danger) 12%,transparent);border-radius:var(--radius-sm);overflow-wrap:anywhere}.library-preview-usage{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--line)}.library-preview-usage h3{font-size:var(--type-lg);line-height:var(--leading-md);font-weight:var(--weight-medium);color:var(--ink-1)}.library-preview-usage p,.library-preview-more p{font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2)}.library-preview-more{display:flex;flex-direction:column;gap:var(--space-4)}.library-preview-more button,.library-sound-more{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2);padding:0;font:inherit;font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2);background:none;border:0;border-radius:var(--radius-xs);cursor:pointer}.library-preview-more button:hover,.library-sound-more:hover{color:var(--ink-1)}.library-preview-more svg,.library-sound-more svg{width:16px;height:16px;color:var(--ink-3)}.library-preview-more button[aria-expanded=true] svg{transform:rotate(180deg)}.library-preview-meta{display:flex;justify-content:space-between;margin-top:auto;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-3)}.library-sound-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.library-sound-row{display:flex;align-items:center;gap:var(--space-4);height:40px;padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm)}.library-sound-row:hover{background:var(--fill-state-soft)}.library-sound-row.is-selected{background:var(--accent-quiet);border-color:var(--accent)}.library-sound-play{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);padding:0;color:var(--ink-1);background:var(--surface-well);border:1px solid var(--line-strong);border-radius:var(--radius-full);cursor:pointer}.library-sound-play svg{width:14px;height:14px}.library-sound-pick{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-4);min-width:0;height:100%;padding:0;font:inherit;text-align:left;background:none;border:0;border-radius:var(--radius-xs);cursor:pointer}.library-sound-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2)}.library-sound-row.is-selected .library-sound-name{color:var(--accent-ink)}.library-sound-length{flex:none;font-family:var(--font-numeric);font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums}.library-sound-more{align-self:stretch;justify-content:space-between;height:var(--control-h);padding-left:calc(var(--space-8) + var(--space-7));padding-right:var(--space-4);font-size:var(--type-md);line-height:var(--leading-sm)}.library-sound-more svg{width:14px;height:14px}.library-sound-selected{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-7);border-top:1px solid var(--line)}.library-sound-selected-name{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--type-lg);line-height:var(--leading-md);font-weight:var(--weight-medium);color:var(--ink-1)}.library-sound-wave{box-sizing:border-box;height:72px;padding:var(--space-6);background:var(--surface-well);border:1px solid var(--line);border-radius:var(--radius-sm)}.library-sound-wave canvas{display:block;width:100%;height:100%;color:var(--accent-ink)}.library-expanded{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);overflow-y:auto}.library-expanded-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.library-expanded-head>div{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.library-expanded-head h2{margin:0;font-size:var(--type-heading);line-height:var(--leading-xl);font-weight:var(--weight-semibold);color:var(--ink-1)}.library-expanded-back{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-4);padding:0;font:inherit;font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2);background:none;border:0;border-radius:var(--radius-xs);cursor:pointer}.library-expanded-back:hover{color:var(--ink-1)}.library-expanded-back svg{width:16px;height:16px}.library-expanded-stage{position:relative;flex:none;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-well);border:1px solid var(--line);border-radius:var(--radius-sm)}.library-expanded-stage>*{width:100%;height:100%}.library-expanded-stage iframe{display:block;width:100%;height:100%;border:0}.library-expanded-still{display:flex;flex-direction:column}.library-expanded-still>:first-child{flex:1 1 auto;min-height:0}.library-expanded-still p{margin:0;padding:var(--space-6) var(--space-7);font-size:var(--type-lg);line-height:var(--leading-md);color:var(--ink-2);border-top:1px solid var(--line)}.library-expanded-transport{display:flex;align-items:center;gap:var(--space-7)}.library-expanded-length{font-family:var(--font-numeric);font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-2)}.stock-kind{align-self:flex-start}.stock-sound-creator{color:var(--ink-3)}.stock-sound-license{flex:none;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-3)}.stock-sound-terms,.stock-sound-credit{margin:0;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--ink-2);overflow-wrap:anywhere}.stock-sound-terms strong{font-weight:var(--weight-medium);color:var(--ink-1)}.stock-sound-credit{padding:var(--space-4);background:var(--surface-well);border:1px solid var(--line);border-radius:var(--radius-sm)}.stock-sound-link{align-self:flex-start;font-size:var(--type-md);line-height:var(--leading-sm);color:var(--accent-ink)}.stock-sound-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}}@layer chrome{.assets-drop-zone{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-3) var(--space-4);padding:var(--space-4);border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--ink-3);font-size:var(--type-micro)}.assets-drop-zone.is-over{border-color:var(--accent);background:var(--surface-well)}.assets-drop-zone button,.assets-tab-head button{min-height:22px;padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--type-micro);font-weight:500;color:var(--ink-2);background:var(--fill-rest);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.assets-tab-use{height:var(--tab-h);padding:0 var(--space-3);font-size:var(--type-sm)}.assets-drop-zone button:hover:not(:disabled),.assets-tab-head button:hover{color:var(--ink-1);background:var(--fill-hover)}.assets-drop-zone button:disabled{opacity:var(--opacity-disabled);cursor:default}.assets-drop-zone button:focus-visible,.assets-tab-head button:focus-visible,.assets-tab-remove:focus-visible,.assets-tab-swatch-add:focus-visible{outline:none;box-shadow:var(--focus-ring)}.assets-drop-zone .resource-pending{flex-basis:100%}.assets-tab-head{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4) 0 var(--space-6);color:var(--ink-3);font-size:var(--type-micro);font-family:var(--font-numeric)}.assets-tab-head button{margin-left:auto;font-family:inherit}.assets-tab-head:empty{display:none}.assets-tab-images{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-6);list-style:none}.assets-tab-image{display:grid;gap:var(--space-1);width:100px;min-width:0;font-size:var(--type-micro)}.assets-tab-image .resource-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-tab-thumb{position:relative;display:block;width:100px;height:56px;overflow:hidden;background:var(--surface-well);border:1px solid var(--line-soft);border-radius:var(--radius-xs)}.assets-tab-thumb img{width:100%;height:100%;object-fit:cover}.assets-tab-chip{position:absolute;bottom:var(--space-1);left:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-xs);background:var(--scrim);color:var(--on-media);font-size:var(--type-micro);line-height:var(--leading-body);pointer-events:none}.assets-tab-chip.is-brand{top:var(--space-1);bottom:auto}.assets-tab-thumb .assets-tab-remove{position:absolute;top:var(--space-1);right:var(--space-1);background:var(--scrim);color:var(--on-media)}.assets-tab-remove{flex:none;width:18px;height:18px;padding:0;font:inherit;font-size:var(--type-sm);line-height:var(--leading-none);color:var(--ink-3);background:none;border:0;border-radius:var(--radius-xs);cursor:pointer}.assets-tab-remove:hover{color:var(--danger-ink)}.assets-tab-image .assets-tab-use{justify-self:start}.assets-tab-meta{flex:none;color:var(--ink-3);font-size:var(--type-micro);font-family:var(--font-numeric)}.assets-tab-file .resource-asset-row>.resource-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-tab .resource-asset-row{flex-wrap:wrap;row-gap:var(--space-2);padding-block:var(--space-1)}.assets-tab .resource-asset-row>.resource-label{flex:1 1 auto}.assets-tab .resource-asset-row>.assets-tab-use{margin-left:auto}.assets-tab-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-6);list-style:none}.assets-tab-swatch{display:flex;align-items:center;gap:var(--space-1);max-width:100%;font-size:var(--type-micro);color:var(--ink-2)}.assets-tab-swatch-chip,.assets-tab-swatch-add{flex:none;width:22px;height:22px;border-radius:var(--radius-xs)}.assets-tab-swatch-chip{border:1px solid var(--line-soft)}.assets-tab-swatch-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-tab-swatch-add{padding:0;font:inherit;font-size:var(--type-sm);line-height:var(--leading-none);color:var(--ink-3);background:none;border:1px dashed var(--line);cursor:pointer}.assets-tab-swatch-add:hover{color:var(--ink-1);border-color:var(--ink-3)}.board-assets{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface-panel)}.board-assets-head{flex:none;display:flex;align-items:center;gap:var(--space-4);min-height:var(--panel-head-h);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--line)}.board-assets-head>.btn{flex:none}.board-assets-title{flex:1 1 auto;min-width:0;margin:0;color:var(--ink-1);font-size:var(--type-md);font-weight:var(--weight-semibold)}.board-assets-search{flex:none;padding:var(--space-4) var(--space-4) 0}}@layer chrome{.versions-panel{flex:1;min-height:0;display:flex;flex-direction:column}.versions-head{flex:none;display:flex;align-items:center;gap:var(--space-4);height:var(--panel-head-h);padding:0 var(--space-6);background:var(--surface-sunken);border-bottom:1px solid var(--line)}.versions-title{flex:1;min-width:0;margin:0;font-size:var(--type-lg);font-weight:var(--weight-semibold);color:var(--ink-1)}.versions-head>.btn{flex:none}.versions-caps{font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.versions-save{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-6) var(--space-7);border-bottom:1px solid var(--line)}.versions-save-field{display:flex;gap:var(--space-4)}.versions-save-field>.text-input{flex:1;min-width:0}.versions-save-field>.btn{flex:none}.versions-hint{margin:0;font-size:var(--type-sm);color:var(--ink-3)}.versions-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.versions-day{display:flex;flex-direction:column;gap:var(--space-1)}.versions-day-head{margin:0;padding:var(--space-6) var(--space-4) var(--space-2);font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.versions-note{margin:0;padding:var(--space-4);font-size:var(--type-sm);color:var(--ink-3)}.version-item{position:relative}.version-row{display:flex;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-4);border:0;border-radius:var(--radius-tab);background:transparent;color:var(--ink-2);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.version-row:hover{background:var(--fill-state-soft)}.version-row[aria-pressed=true]{background:var(--accent-quiet);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-ink)}.version-faces{flex:none;display:flex;width:36px}.version-face{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--surface-panel);color:var(--on-accent);font-size:var(--type-micro);font-weight:var(--weight-semibold)}.version-face+.version-face{margin-left:calc(var(--space-4) * -1)}.version-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.version-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-md);font-weight:var(--weight-medium)}.version-row.is-named .version-name,.version-row.is-current .version-name{font-weight:var(--weight-semibold);color:var(--ink-1)}.version-row[aria-pressed=true] .version-name{color:var(--accent-ink)}.version-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-sm);color:var(--ink-3)}.version-item>.version-row{padding-right:calc(var(--space-8) + var(--space-7))}.version-badge{flex:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--type-micro);font-weight:var(--weight-semibold)}.version-more{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);opacity:0}.version-item:hover>.version-more,.version-item:focus-within>.version-more{opacity:1}.version-item:hover .version-badge,.version-item:focus-within .version-badge{visibility:hidden}.versions-preview{flex:none;display:flex;flex-direction:column;gap:var(--space-5);margin-top:auto;padding:var(--space-6) var(--space-7);border-top:1px solid var(--line);background:var(--surface-sunken)}.versions-preview-what{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-md);color:var(--ink-1)}.versions-preview-verbs{display:flex;gap:var(--space-4)}.versions-preview-verbs>.btn{flex:1}}@layer chrome{.share-component-body{display:flex;flex-direction:column;gap:var(--space-7);min-width:0;max-width:420px}.share-component-status{margin:0;color:var(--ink-2)}.share-component-section{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.share-component-section>.dialog-field{align-self:stretch}.share-component-heading{margin:0;font-size:var(--type-md);font-weight:600;color:var(--ink-1)}.share-component-check{display:flex;align-items:center;gap:var(--space-3)}.share-component-contents p,.share-component-foot,.share-component-reason{margin:0;color:var(--ink-2)}.share-component-foot{font-size:var(--type-micro)}}@layer chrome{.material-workspace{--material-preview-w: min(var(--material-col-w, 560px), 50%);--material-grid-dot: var(--line);position:relative;flex:1 1 auto;display:flex;min-width:0;min-height:0;pointer-events:none}.material-graph-region{position:relative;flex:1 1 auto;min-width:0;min-height:0;background:var(--surface-app);border-right:1px solid var(--line);pointer-events:auto}.material-graph-region>.code-studio-strip{position:absolute;inset:0 0 auto;z-index:6;overflow-wrap:anywhere}.material-preview-hole{flex:none;width:var(--material-preview-w);min-width:0}.material-workspace-resize{position:absolute;top:0;bottom:0;right:var(--material-preview-w);z-index:3;width:8px;margin-right:calc(-1 * var(--space-2));cursor:col-resize;touch-action:none;pointer-events:auto;background:transparent;transition:background var(--dur-fast) var(--ease)}.material-workspace-resize:hover{background:var(--accent-soft)}.material-bar{flex:1 1 auto;display:flex;align-items:center;gap:var(--canvas-bar-gap);min-width:0;height:100%}.back-chip.material-back{flex:none;padding:0 var(--space-2)}.material-workspace-crumbs{display:flex;align-items:center;gap:var(--space-1);min-width:0;overflow:hidden;white-space:nowrap;font-size:var(--type-sm)}.material-bar>.material-workspace-crumbs{flex:0 1 auto}.material-workspace-crumbs .crumb{flex:0 1 auto;min-width:0;max-width:180px;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.material-workspace-crumbs .crumb+.crumb:before{content:"›";margin-right:var(--space-2);color:var(--ink-3)}.material-workspace-crumbs .crumb:hover{color:var(--ink-1)}.material-workspace-crumbs .crumb.is-current{color:var(--ink-1);cursor:default}.material-slot-picker{flex:none;min-width:132px}.material-compile-status,.material-add-parameter{display:flex;align-items:center}.material-compile-status{flex:none;gap:var(--space-2);padding:0 var(--space-2);color:var(--ink-2);font-size:var(--type-micro);white-space:nowrap}.material-compile-status>span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--ink-3)}.material-compile-status.is-error{color:var(--danger-ink)}.material-compile-status.is-error>span{background:var(--danger)}.material-compile-status.is-compiling>span{background:var(--accent)}.material-bar-end{flex:none;display:flex;align-items:center;gap:var(--canvas-bar-gap);margin-left:auto}.material-zoom-slot{display:contents}.material-library{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.material-library-head{flex:none;display:flex;align-items:center;height:var(--panel-head-h);padding:0 var(--space-6);border-bottom:1px solid var(--line)}.material-library-title{flex:1;min-width:0;margin:0;font-size:var(--type-md);font-weight:var(--weight-semibold);color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-library-group{margin:0;padding:var(--space-5) var(--space-6) var(--space-2);font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);line-height:var(--leading-tight);text-transform:uppercase;color:var(--ink-3)}.material-library .insp-empty{padding:var(--space-1) var(--space-6) var(--space-3)}.material-library-list{margin:0;padding:0;list-style:none}.material-saved-row{display:flex;align-items:stretch}.material-saved-row:hover{background:var(--fill-hover)}.material-saved-row.is-current,.material-saved-row.is-current:hover{background:var(--accent-soft)}.material-saved-row.is-current strong{color:var(--accent-ink)}.material-saved-apply{flex:1 1 auto;min-width:0;min-height:var(--row-h);display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6);color:var(--ink-1);background:transparent;border:0;text-align:left;cursor:pointer}.material-saved-apply[aria-disabled=true]{cursor:default}.material-saved-apply:focus-visible,.material-saved-delete:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color)}.material-saved-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.material-saved-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-md);font-weight:var(--weight-medium)}.material-saved-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:var(--type-micro);line-height:var(--leading-tight)}.material-saved-apply>.material-model-mark,.material-saved-apply>.material-starter-orb{justify-self:center}.material-saved-apply>.material-starter-orb{width:16px;height:16px}.material-saved-delete{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);margin-right:var(--space-2);color:var(--ink-3);background:transparent;border:0;border-radius:var(--radius-xs);cursor:pointer}.material-saved-delete:hover{color:var(--danger-ink)}.material-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-width:0;margin-bottom:var(--space-4)}.material-eyebrow{color:var(--ink-3);font-size:var(--type-micro);font-weight:600;letter-spacing:var(--tracking-caps);line-height:var(--leading-tight);text-transform:uppercase}.material-empty-copy,.material-legacy-note{margin:0;color:var(--ink-2);font-size:var(--type-sm);line-height:var(--leading-body)}.material-add-parameter{flex:0 0 auto;gap:var(--space-2)}.material-add-parameter .material-parameter-type{height:var(--control-h);max-width:82px;min-width:82px;padding-left:var(--space-3)}.material-parameter-list{display:flex;flex-direction:column;gap:var(--space-3)}.material-parameter-definitions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.material-parameter-definition{overflow:hidden;background:var(--surface-secondary);border:1px solid var(--line-soft);border-radius:var(--radius-md)}.material-parameter-definition summary{min-height:var(--control-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);cursor:pointer;list-style:none}.material-parameter-definition summary::-webkit-details-marker{display:none}.material-parameter-definition summary:before{content:"›";color:var(--ink-3)}.material-parameter-definition[open] summary:before{content:"⌄"}.material-parameter-definition summary>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-sm)}.material-parameter-definition summary small{color:var(--ink-3);font-size:var(--type-micro)}.material-parameter-definition-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--line-soft)}.material-delete-parameter,.material-parameter-clamp-actions{margin-top:var(--space-2)}.material-problem-list{padding:var(--space-5);color:var(--danger-ink);font-size:var(--type-micro)}.material-problem-list p{margin:0 0 var(--space-3);line-height:var(--leading-body)}.material-problem-list code{color:inherit}.material-graph-canvas{position:absolute;inset:0;overflow:hidden;outline:none}.material-graph-canvas.is-loading{display:grid;place-items:center}.material-graph-canvas:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.material-node-palette{position:absolute;z-index:8;transform:translate(6px,6px);width:228px;max-height:min(480px,calc(100% - 54px));display:flex;flex-direction:column;overflow:hidden;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.material-node-search{flex:0 0 34px;width:100%;padding:0 var(--space-5);font:inherit;color:var(--ink-1);background:var(--fill-rest);border:0;border-bottom:1px solid var(--line);outline:0}.material-node-palette-scroll{overflow:auto;padding:var(--space-3)}.material-node-category h3{margin:var(--space-4) 0 var(--space-1);padding:0 var(--space-2);color:var(--ink-3);font-size:var(--type-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase}.material-node-category:first-child h3{margin-top:0}.material-node-category button.is-active{background:var(--fill-rest);box-shadow:inset 2px 0 0 var(--accent)}.material-node-category button{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);color:var(--ink-1);background:transparent;border:0;border-radius:var(--radius-sm);font:inherit;text-align:left;cursor:pointer}.material-node-category button:hover:not(:disabled){background:var(--fill-rest)}.material-node-category button:disabled{opacity:var(--opacity-disabled);cursor:default}.material-node-category button small{color:var(--ink-3);font-size:var(--type-micro)}.material-node{min-width:168px;overflow:hidden;color:var(--ink-1);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in srgb,var(--surface-app) 65%,transparent);font-family:var(--font-sans);font-size:var(--type-micro)}.material-node.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.material-node-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:30px;padding:0 var(--space-4);background:var(--fill-rest);border-bottom:1px solid var(--line);font-weight:600}.material-node-title small{color:var(--ink-3);font-size:var(--type-micro);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.material-node.is-problem{border-color:var(--danger)}.material-node-problem{margin:0;padding:var(--space-3) var(--space-4);color:var(--danger-ink);border-bottom:1px solid var(--line);line-height:var(--leading-tight)}.material-node-fields{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-1)}.material-node-field{display:flex;align-items:center;gap:var(--space-2);min-width:0}.material-node-field>*{min-width:0;flex:1 1 auto}.material-node-field.is-vector{gap:var(--space-1)}.material-node-preview{display:grid;place-items:center;padding:var(--space-3) var(--space-4) var(--space-1)}.material-node-preview-canvas{width:96px;height:96px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--fill-rest)}.material-node-preview-canvas.is-waiting{opacity:.4}.material-node-preview-message{max-width:150px;color:var(--danger-ink);font-size:var(--type-micro);line-height:var(--leading-tight);text-align:center}.material-node-sockets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);padding:var(--space-3) 0 var(--space-4)}.material-node-inputs:empty,.material-node-outputs:empty{display:none}.material-socket-row{position:relative;min-height:24px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);white-space:nowrap}.material-socket-row.is-output{justify-content:flex-end;text-align:right}.material-group{width:100%;height:100%;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-panel)}.material-group-title{padding:var(--space-2) var(--space-3);color:var(--ink-2);font-size:var(--type-micro)}.material-comment{width:100%;height:100%;overflow:hidden;background:var(--surface-raised);border:1px solid var(--line);border-left:2px solid var(--ink-3);border-radius:var(--radius-md)}.material-comment-body{width:100%;height:100%;padding:var(--space-3);color:var(--ink-2);font-size:var(--type-micro)}.material-comment-body textarea{width:100%;height:100%;resize:none}.material-reroute{position:relative;width:14px;height:14px;border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--line-strong)}.material-graph-canvas .material-socket{width:10px;height:10px;box-sizing:border-box;color:var(--ink-2);background:currentColor;border:0}.material-graph-canvas .material-socket.is-connected{color:var(--ink-1)}.material-graph-canvas .material-socket-circle{border-radius:var(--radius-full)}.material-graph-canvas .material-socket-circle-dotted{border-radius:var(--radius-full);background:transparent;border:1.5px dotted currentColor}.material-graph-canvas .material-socket-triangle{clip-path:polygon(0 0,100% 50%,0 100%)}.material-graph-canvas .material-socket-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.material-graph-canvas .material-socket-square,.material-graph-canvas .material-socket-square-round{border-radius:var(--radius-2xs)}.material-graph-canvas .material-socket-ring{border-radius:var(--radius-full);background:transparent;border:2px solid currentColor}.material-graph-canvas .material-socket-ring-double{border-radius:var(--radius-full);background:transparent;border:1.5px solid currentColor;outline:1.5px solid currentColor;outline-offset:1px}.material-graph-canvas .material-socket-circle-dashed{border-radius:var(--radius-full);background:transparent;border:1.5px dashed currentColor}.material-graph-canvas .material-socket.is-droppable{color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft)}.material-graph-canvas .material-socket.is-blocked{opacity:.45}.material-graph-canvas .material-socket:hover{color:var(--ink-1);box-shadow:0 0 0 3px var(--line);cursor:crosshair}.material-graph-canvas .react-flow__edge-path{stroke:var(--ink-3);stroke-width:1.5}.material-graph-canvas .react-flow__edge.material-edge:hover .react-flow__edge-path{stroke:var(--ink-2);stroke-width:2}.material-graph-canvas .react-flow__edge.material-edge:focus-visible .react-flow__edge-path{stroke:var(--ink-2);stroke-width:2}.material-graph-canvas .react-flow__edge.material-edge.is-splice-target .react-flow__edge-path{stroke:var(--ink-1);stroke-width:2.5}.material-graph-canvas .react-flow__edge.selected .react-flow__edge-path,.material-graph-canvas .react-flow__edge.material-edge.is-selected .react-flow__edge-path{stroke:var(--accent)}.material-graph-canvas .react-flow__node.is-drop-target .material-group{border-style:solid;border-color:var(--ink-2)}.material-graph-canvas .material-resize-handle{width:9px;height:9px;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-2xs)}.material-graph-canvas .react-flow__minimap{margin:var(--space-6);overflow:hidden;background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none}.material-graph-canvas .react-flow__minimap-node{fill:var(--ink-3);stroke:none}.material-graph-canvas .react-flow__minimap-node.selected{fill:var(--accent)}.material-graph-canvas .react-flow__minimap-mask{fill:var(--surface-app);fill-opacity:.55}.material-graph-canvas .react-flow__selection{background:var(--accent-quiet);border:1px solid var(--accent)}.material-source-view{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}.material-source-heading{flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-5) 0 var(--space-6);border-bottom:1px solid var(--line);background:var(--surface-panel)}.material-source-heading>div{display:flex;flex-direction:column;gap:var(--space-1)}.material-source-heading strong{font-size:var(--type-md)}.material-source-heading span{color:var(--ink-3);font-size:var(--type-micro)}.material-source-view pre{flex:1 1 auto;min-height:0;margin:0;padding:var(--space-7);overflow:auto;color:var(--ink-2);font:var(--type-micro)/var(--leading-none) var(--font-mono);line-height:var(--leading-body);tab-size:2;white-space:pre;background:var(--surface-app)}.material-source-error{margin:var(--space-6);padding:var(--space-5);color:var(--danger-ink);background:color-mix(in srgb,var(--danger) 8%,var(--surface-panel));border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:var(--radius-md)}.material-setup{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;padding:var(--space-8);background:var(--surface-app);pointer-events:auto;container-type:inline-size}.material-setup-intro{max-width:620px}.material-setup-intro h2{margin:var(--space-3) 0 var(--space-3);font-size:var(--type-xl);line-height:var(--leading-tight);font-weight:600}.material-setup-intro>p:not(.material-legacy-note){margin:0;max-width:580px;color:var(--ink-2);font-size:var(--type-md);line-height:var(--leading-body)}.material-setup-intro>.material-legacy-note{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-left:2px solid var(--warn);background:var(--surface-panel)}.material-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:760px;margin-top:var(--space-8)}.material-starter-card{min-height:136px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);color:var(--ink-1);background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;text-align:left;cursor:pointer}.material-starter-card:hover{background:var(--surface-secondary);border-color:var(--line-strong)}.material-starter-card>span:last-child{display:flex;flex-direction:column;gap:var(--space-2)}.material-starter-card strong{font-size:var(--type-md);font-weight:600}.material-starter-card small{color:var(--ink-3);font-size:var(--type-micro);line-height:var(--leading-body)}.material-starter-orb{width:30px;height:30px;border-radius:var(--radius-full);background:var(--ink-2);box-shadow:inset -7px -8px 12px color-mix(in srgb,var(--surface-app) 48%,transparent)}.material-starter-orb.is-standard{background:var(--ink-3)}.material-starter-orb.is-glass{background:var(--surface-secondary);border:1px solid var(--ink-2)}.material-model-mark{width:7px;height:7px;border-radius:var(--radius-full);background:var(--ink-3)}.material-model-mark.is-standard{background:var(--ink-2)}.material-model-mark.is-physical{border:1px solid var(--ink-2);background:var(--surface-secondary)}@container (max-width: 560px){.material-starters{grid-template-columns:1fr}}.layer-tris{flex:0 0 auto;padding:0 var(--space-2);font-size:var(--type-micro);font-variant-numeric:var(--numeric);color:var(--ink-3)}.layer-tris.is-over-budget{color:var(--warn)}.material-badge{position:absolute;top:4px;right:4px;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--warn);color:var(--surface-app);font-size:var(--type-micro);font-weight:var(--weight-semibold)}}@layer chrome{.component-library{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.component-library .insp-empty{padding:var(--space-3) var(--space-6)}.component-studio-hole{flex:1 1 auto;min-width:0;min-height:0}.component-studio-bar{flex:1 1 auto;display:flex;align-items:center;gap:var(--canvas-bar-gap);min-width:0;height:100%}.back-chip.component-studio-back{flex:none;padding:0 var(--space-2)}.component-studio-name{flex:0 1 auto;min-width:0;height:var(--control-h);overflow:hidden;padding:0 var(--space-3);border:0;border-radius:var(--control-radius);background:transparent;color:var(--ink-1);font:inherit;font-size:var(--type-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;cursor:text}.component-studio-name:hover{background:var(--fill-rest)}.component-studio-name:focus-visible{outline:none;box-shadow:var(--focus-ring)}.component-studio-tools{flex:none;display:flex;align-items:center;gap:var(--canvas-bar-gap);margin-left:auto}.components-tab-switch,.components-tab-switch .segmented-item{flex:none}.components-preview-hole{flex:1 1 auto;min-width:0;min-height:0}.component-studio-name.is-label{line-height:var(--leading-xl);cursor:default}.component-studio-name.is-label:hover{background:transparent}.components-home{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-7) var(--space-8);overflow-y:auto;background:var(--surface-app);pointer-events:auto}.components-home-section{display:flex;flex-direction:column;gap:var(--space-4)}.components-home-section>.components-section-title{margin:0}.components-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6)}.components-home-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-1);font:inherit;text-align:left;cursor:pointer}.components-home-card:hover,.components-home-card:focus-visible{border-color:var(--accent)}.components-home-card[aria-disabled=true]{cursor:default;opacity:var(--opacity-disabled)}.components-home-poster{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-secondary)}.components-home-poster>*{width:100%;height:100%}.components-home-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ink-3)}.components-home-icon>svg{flex:none;width:24px;height:24px}.components-home-foot{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding-top:var(--space-2)}.components-home-name{min-width:0;overflow:hidden;font-size:var(--type-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.components-home-where{color:var(--ink-3);font-size:var(--type-sm)}.components-home-card.is-new{justify-content:center;align-items:flex-start;min-height:140px;padding:var(--space-6);border-style:dashed;background:transparent;cursor:default}.components-home-new-title{font-size:var(--type-md);font-weight:var(--weight-semibold)}.components-home-new-verbs{display:flex;gap:var(--space-3);padding-top:var(--space-3)}.components-home-counts{flex:0 1 auto;min-width:0;overflow:hidden;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-sm);text-overflow:ellipsis;white-space:nowrap}.components-home-search{display:flex;flex:0 1 200px;min-width:96px}.components-home-search>input{width:100%;height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-md)}.components-back-to-shot{flex:none;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4) 0 var(--space-2)}.components-crumb-use{flex:none;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-sm);white-space:nowrap}.shell.is-mode.is-component-edit .left-rail:not(.is-inserting)>.file-panel{display:flex}.shell.is-mode.is-component-edit .left-rail>.rail-mode{display:none}.shell.is-components-empty>.timeline-dock{display:none}.shell.is-components-empty>.inspector-column[data-empty]{display:none}.components-search{flex:none}.components-section-head{display:flex;align-items:center;gap:var(--space-4);height:var(--panel-head-h);padding:0 var(--space-6)}.components-section-head.is-library{margin-top:var(--space-4);border-top:1px solid var(--line)}.components-section-title{flex:1 1 auto;min-width:0;margin:0;color:var(--ink-2);font-size:var(--type-sm);font-weight:var(--weight-semibold);line-height:var(--leading-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.components-section-action{flex:none;padding:0;border:0;background:transparent;color:var(--accent-ink);font-size:var(--type-md);line-height:var(--leading-xs);cursor:pointer}.components-section-action:disabled{color:var(--ink-3);cursor:default}.components-section-count{flex:none;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-sm);font-variant-numeric:var(--numeric)}.components-new-row{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-4)}.components-new-name{flex:1 1 auto;min-width:0;height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-md)}.components-new-name:focus{outline:none;border-color:var(--accent)}.components-list{margin:0;padding:0 var(--space-3);list-style:none}.components-item{display:flex;align-items:center;gap:var(--space-3);min-width:0;border-radius:var(--radius-sm)}.components-item:hover{background:var(--fill-rest)}.components-item.is-current{background:var(--accent-quiet)}.components-item-main{flex:1 1 auto;display:flex;align-items:center;gap:var(--space-4);min-width:0;height:var(--control-h);padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-1);font:inherit;font-size:var(--type-md);text-align:left;cursor:pointer}span.components-item-main{cursor:default}.components-item-main[aria-disabled=true]{color:var(--ink-3);cursor:not-allowed}.components-item-main:focus-visible{outline:none;box-shadow:var(--focus-ring)}.components-item-tile{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-xs);background:var(--surface-secondary);color:var(--ink-2)}.components-item-tile svg{width:12px;height:12px}.components-item-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.components-item-author{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:var(--type-sm)}.components-item-kind{flex:none;margin-left:auto;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:var(--tracking-caps)}.components-item.is-current .components-item-name,.components-item.is-current .components-item-kind{color:var(--accent-ink)}.components-use-here{flex:none;height:22px;margin-right:var(--space-2);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-xs);background:transparent;color:var(--ink-2);font-size:var(--type-sm);cursor:pointer}.components-use-here:hover:not(:disabled){color:var(--ink-1);border-color:var(--line-strong)}.components-rail-footer{flex:0 0 var(--tool-footer-h);display:flex;align-items:center;padding:0 var(--space-5);border-top:1px solid var(--line)}.components-browse{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;height:var(--control-h);padding:0 var(--space-5);border:0;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-md);cursor:pointer}.components-browse:disabled{color:var(--ink-3);cursor:default}.components-browse-arrow{color:var(--ink-3)}.components-crumb{flex:0 1 auto;display:flex;align-items:center;gap:var(--space-3);min-width:0}.components-crumb-root{flex:none;color:var(--ink-3);font-size:var(--type-lg);white-space:nowrap}.components-crumb-uses{flex:none;padding:0;border:0;background:none;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-sm);white-space:nowrap;cursor:pointer}.components-crumb-uses:hover,.components-crumb-uses[aria-pressed=true]{color:var(--accent-ink)}.components-transport{flex:0 0 var(--tool-footer-h);display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-6);border-top:1px solid var(--line);background:var(--surface-panel);pointer-events:auto}.components-play{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);padding:0;border:0;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);cursor:pointer}.components-play:disabled{opacity:var(--opacity-disabled);cursor:default}.components-play>svg{width:14px;height:14px}.components-play .play-ring{inset:4px}.components-play .play-ring circle{stroke-width:2.7}.components-loop{flex:none;padding-left:var(--space-4);border-color:var(--line);border-radius:var(--radius-sm);background-color:var(--surface-secondary);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--type-sm)}.components-progress{flex:1 1 auto;min-width:0}.components-backdrop{flex:none}.components-actions{flex:none;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--line)}.components-actions-row{display:flex;gap:var(--space-4)}.components-add-board{flex:1 1 auto;height:var(--control-h);border:0;border-radius:var(--radius-tab);background:var(--accent);color:var(--on-accent);font:inherit;font-size:var(--type-md);font-weight:var(--weight-semibold);cursor:pointer}.components-add-board:disabled{opacity:var(--opacity-disabled);cursor:default}.components-share-button{flex:none;height:var(--control-h);padding:0 var(--space-6);border:1px solid var(--line);border-radius:var(--radius-tab);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-md);cursor:pointer}.components-field{display:flex;align-items:center;gap:var(--space-4);min-width:0}.components-field-label{flex:0 0 84px;color:var(--ink-3);font-size:var(--type-sm)}.components-field>.select{flex:1 1 auto;min-width:0}.components-actions-note{margin:0;color:var(--success);font-size:var(--type-sm)}.components-membership{display:flex;flex-direction:column}.components-membership-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-h);color:var(--ink-1);font-size:var(--type-md);cursor:pointer}.components-membership-row>.checkbox[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.components-history{display:flex;flex-direction:column;min-height:0}.components-history-head{display:flex;align-items:center;justify-content:space-between;height:var(--panel-head-h);padding:0 var(--space-6);border-bottom:1px solid var(--line)}.components-history-title{margin:0;color:var(--ink-1);font-size:var(--type-md);font-weight:var(--weight-semibold)}.components-history-back,.components-history-done,.components-history-verb{padding:0;border:0;background:transparent;color:var(--accent-ink);font:inherit;font-size:var(--type-md);cursor:pointer}.components-history-verb{color:var(--ink-3);font-size:var(--type-sm)}.components-history-verb:hover:not(:disabled){color:var(--ink-1)}.components-history-verb:disabled{opacity:var(--opacity-disabled);cursor:default}.components-history-list{margin:0;padding:var(--space-3) 0;list-style:none}.components-history .insp-empty{padding:var(--space-5) var(--space-6)}.components-history-row{display:flex;align-items:center;gap:var(--space-5);height:var(--control-h);padding:0 var(--space-6)}.components-history-row.is-current{background:var(--accent-quiet)}.components-history-row.is-head{height:var(--panel-head-h);border-bottom:1px solid var(--line)}.components-history-version{flex:none;min-width:28px;color:var(--ink-1);font-family:var(--font-mono);font-size:var(--type-sm)}.components-history-when{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:var(--type-sm)}.components-history-file{margin:0;padding:var(--space-4) var(--space-6)}.components-history-path{margin-bottom:var(--space-3);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-sm)}.components-history-code{max-height:360px;margin:0;overflow:auto;padding:var(--space-5);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);font-family:var(--font-mono);font-size:var(--type-sm);line-height:var(--leading-xs);white-space:pre}.components-history-props{margin:0;padding:var(--space-5) var(--space-6);color:var(--ink-2);font-size:var(--type-md)}.components-footer{justify-content:flex-start}.components-footer-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--ink-2)}.components-footer-avatar{overflow:hidden;font-size:var(--type-micro);font-weight:var(--weight-semibold);line-height:var(--leading-none)}.components-footer-avatar svg{width:14px;height:14px}.components-footer-avatar img{width:100%;height:100%;object-fit:cover}.components-footer-who{flex:none;color:var(--ink-1);white-space:nowrap}.components-footer-meta{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-sm)}.components-footer-verbs{flex:none;display:inline-flex;gap:var(--space-5);margin-left:auto}.code-default.is-new .prop-row-label{color:var(--ink-1)}.code-default.is-new .prop-row-label:after{content:"New" / "";flex:none;display:inline-flex;align-items:center;height:16px;margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-xs);background:var(--accent-quiet);color:var(--accent-ink);font-size:var(--type-micro);font-weight:var(--weight-semibold);line-height:var(--leading-none)}.component-new-badge{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.props-head-reset{padding:0;border:0;background:none;color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs);cursor:pointer}.props-head-reset:hover:not(:disabled){color:var(--ink-1)}.props-head-reset:disabled{color:var(--ink-3);cursor:default}.props-apply{padding:var(--space-2) var(--space-6) var(--space-4);border-bottom:1px solid var(--line);margin-bottom:var(--space-2)}.props-apply-row{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-1);font-size:var(--type-md);line-height:var(--leading-xs);cursor:pointer}.props-apply-note{margin:var(--space-2) 0 0;color:var(--ink-3);font-size:var(--type-sm)}.code-defaults-note{margin:0;padding:var(--space-5) var(--space-6);color:var(--ink-3);font-size:var(--type-sm)}.use-chip{flex:none;display:inline-flex;align-items:center;gap:var(--space-3);height:24px;padding:0 var(--space-4);border-radius:var(--radius-xs);background:var(--accent-quiet);color:var(--accent-ink);font-size:var(--type-sm);font-weight:var(--weight-semibold);line-height:var(--leading-xs);white-space:nowrap}.use-update-button{flex:none;display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);padding:0 var(--space-6);border:0;border-radius:var(--radius-tab);background:var(--accent);color:var(--on-accent);font-size:var(--type-md);font-weight:var(--weight-semibold);line-height:var(--leading-xs);white-space:nowrap;cursor:pointer}.use-update-button:disabled{opacity:var(--opacity-disabled);cursor:default}.use-update-button.is-picture{cursor:default}.every-use{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-7) var(--space-8);overflow-y:auto;background:var(--surface-app);pointer-events:auto}.every-use-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:28px}.every-use-caps{margin:0;color:var(--ink-2);font-size:var(--type-sm);font-weight:var(--weight-semibold);line-height:var(--leading-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.every-use-note{min-width:0;color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.every-use-empty{margin:0;color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.every-use-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.every-use-row{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-panel)}.every-use-row.is-selected{border-color:var(--accent);background:var(--accent-quiet)}.every-use-pick{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-6);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.every-use-thumb{flex:none;width:96px;height:54px;border-radius:var(--radius-sm);background:var(--surface-app)}.every-use-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.every-use-line{display:flex;align-items:center;gap:var(--space-4);min-width:0}.every-use-kind{flex:none;display:inline-flex;align-items:center;height:18px;padding:0 var(--space-3);border-radius:var(--radius-xs);background:var(--surface-secondary);color:var(--ink-2);font-size:var(--type-micro);font-weight:var(--weight-semibold);line-height:var(--leading-none);letter-spacing:var(--tracking-caps)}.every-use-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font-size:var(--type-md);font-weight:var(--weight-semibold);line-height:var(--leading-xs)}.every-use-location{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.every-use-nochange{flex:none;padding-right:var(--space-4);color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs);white-space:nowrap}.every-use-go{flex:none;height:var(--control-h);padding:0 var(--space-5);border:0;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-2);font-size:var(--type-md);line-height:var(--leading-xs);cursor:pointer}.every-use-go:hover{color:var(--ink-1)}.every-use-community{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.every-use-preview{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:1px dashed var(--line-strong);border-radius:var(--radius-md)}.every-use-tile{flex:none;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-quiet)}.every-use-help{margin:0;color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.this-use{display:flex;flex-direction:column}.this-use-head{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--line)}.this-use-titles{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.this-use-caps{color:var(--ink-2);font-size:var(--type-sm);font-weight:var(--weight-semibold);line-height:var(--leading-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.this-use-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font-size:var(--type-lg);font-weight:var(--weight-semibold);line-height:var(--leading-sm)}.this-use-linked{color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.this-use-reset-all{padding:0;border:0;background:none;color:var(--accent-ink);font-size:var(--type-sm);line-height:var(--leading-xs);cursor:pointer}.this-use-reset-all.is-inline{align-self:flex-start}.this-use-reset-all:disabled{color:var(--ink-3);cursor:default}.this-use-props{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-6)}.this-use-props-head{display:flex;align-items:center;justify-content:space-between;min-height:28px}.this-use-help{margin:0;padding-top:var(--space-3);color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.origin-facts{display:grid;grid-template-columns:84px 1fr;gap:var(--space-2) var(--space-3);margin:0;font-size:var(--type-md)}.origin-facts>dt{color:var(--ink-3)}.origin-facts>dd{margin:0;color:var(--ink-1);font-family:var(--font-numeric);font-variant-numeric:var(--numeric)}.origin-uses{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.origin-use{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--type-md)}.origin-use-changes{color:var(--ink-3);font-size:var(--type-sm)}.in-the-studio{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--line)}.in-the-studio-row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.in-the-studio-icon{display:flex;flex:none;color:var(--ink-2)}.in-the-studio-name{min-width:0;overflow:hidden;color:var(--ink-1);font-size:var(--type-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.in-the-studio-open{height:var(--control-h);border:1px solid var(--accent);border-radius:var(--radius-sm);background:transparent;color:var(--accent-ink);font:inherit;font-size:var(--type-md);cursor:pointer}.in-the-studio-open:hover{background:var(--surface-secondary)}.in-the-studio>.this-use-help{padding-top:0}.this-use-update{display:flex;flex-direction:column;gap:var(--space-4)}.this-use-update-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.this-use-update-confirm{display:flex;flex-direction:column;gap:var(--space-4)}.this-use-update-confirm .btn{flex:none}.this-use-removed{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.this-use-removed li{display:flex;gap:var(--space-4);font-size:var(--type-sm);line-height:var(--leading-xs)}.this-use-removed-where{color:var(--ink-1)}.this-use-removed-keys{min-width:0;overflow-wrap:anywhere;color:var(--ink-3);font-family:var(--font-mono)}.insp-section-actions:has(>.props-head-reset){opacity:1}}@layer chrome{.code-studio{flex:1 1 0;display:flex;min-width:0;min-height:0;pointer-events:none}.code-studio-column{flex:1 1 0;min-width:360px;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface-panel);pointer-events:auto}.code-live{position:relative;flex:0 1 var(--code-live-w, 420px);min-width:240px;max-width:calc(100% - 360px);min-height:0;display:flex;flex-direction:column}.code-live-resize{position:absolute;top:0;bottom:0;left:calc(-1 * var(--space-2) - 1px);z-index:3;width:8px;cursor:col-resize;touch-action:none;pointer-events:auto;background:transparent;transition:background var(--dur-fast) var(--ease)}.code-live-resize:hover{background:var(--accent-soft)}.code-live-bar{flex:0 0 var(--panel-head-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-7);border-bottom:1px solid var(--line);background:var(--surface-panel);pointer-events:auto}.code-live-title{color:var(--ink-2);font-size:var(--type-md)}.code-live-loop{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--type-sm);font-variant-numeric:var(--numeric)}.code-studio-hole{flex:1 1 auto;min-width:0;min-height:0}.code-file-bar{flex:0 0 var(--panel-head-h);display:flex;align-items:center;gap:var(--space-4);min-width:0;padding:0 var(--space-6);border-bottom:1px solid var(--line)}.code-files-toggle{flex:none;height:var(--control-h);padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-3);font-size:var(--type-sm);cursor:pointer}.code-files-toggle:hover,.code-files-toggle.is-on{color:var(--ink-1);background:var(--surface-secondary)}.code-file-tab{flex:0 1 auto;min-width:0;padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);font-family:var(--font-mono);font-size:var(--type-sm);line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-file-spacer{flex:1 1 auto}.code-build{flex:none;display:inline-flex;align-items:center;gap:var(--space-3);color:var(--ink-3);font-size:var(--type-sm);white-space:nowrap}.code-build-dot{width:7px;height:7px;border-radius:var(--radius-xs);background:var(--success)}.code-build.is-failed{color:var(--danger)}.code-build.is-failed .code-build-dot{background:var(--danger)}.code-studio-body{flex:1 1 auto;min-height:0;display:flex}.code-studio-strip{flex:none;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface-secondary);color:var(--ink-1);font-size:var(--type-sm)}.code-studio-strip.is-error{color:var(--danger)}.code-studio-strip.is-generated,.code-studio-strip.is-follow{color:var(--ink-2)}.code-studio-strip.is-follow>.btn{margin-left:auto}.code-studio-pane{flex:1 1 auto;min-width:0;min-height:0;display:flex}.code-studio-pane .code-editor{flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.code-studio-empty{flex:1 1 auto;margin:0;padding:var(--space-7) var(--space-6);color:var(--ink-2);font-size:var(--type-md)}.code-status{flex:0 0 var(--tool-footer-h);display:flex;align-items:center;gap:var(--space-5);min-width:0;padding:0 var(--space-7);border-top:1px solid var(--line);font-size:var(--type-sm);white-space:nowrap}.code-status-ok{color:var(--success)}.code-status-errors{color:var(--danger);font-variant-numeric:var(--numeric)}.code-status-note{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink-3)}.code-status-verbs{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-3)}.code-status-verb{padding:0;border:0;background:transparent;color:var(--ink-3);font-size:var(--type-sm);cursor:pointer}.code-status-verb:hover:not(:disabled){color:var(--ink-1)}.code-status-verb:disabled{cursor:default;opacity:var(--opacity-disabled)}.code-tabs{flex:0 0 var(--panel-head-h);display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--surface-secondary)}.code-file-bar>.code-tabs{flex:0 1 auto;align-self:stretch;min-width:0;border-bottom:0;background:transparent}.code-tab{display:flex;align-items:center;flex:0 0 auto;max-width:180px;border-right:1px solid var(--line)}.code-tab[data-active]{background:var(--surface-panel)}.code-file-bar .code-tab[data-active]{background:var(--surface-secondary)}.code-tab-name{display:flex;align-items:center;gap:var(--space-2);height:100%;min-width:0;padding:0 var(--space-2) 0 var(--space-5);border:0;background:transparent;color:var(--ink-2);font-size:var(--type-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.code-tab[data-active] .code-tab-name{color:var(--ink-1)}.code-tab-dirty{flex:0 0 auto;width:5px;height:5px;border-radius:var(--radius-full);background:var(--ink-2)}.code-tab-close{flex:0 0 auto;height:100%;padding:0 var(--space-4) 0 var(--space-2);border:0;background:transparent;color:var(--ink-3);font-size:var(--type-lg);line-height:var(--leading-none);cursor:pointer}.code-tab-close:hover{color:var(--ink-1)}.code-back{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);padding:0;border:0;border-radius:var(--control-radius);background:transparent;color:var(--accent-ink);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.code-back:hover{color:var(--ink-1);background:var(--fill-rest)}.code-back:focus-visible{outline:none;box-shadow:var(--focus-ring)}.code-back svg{width:14px;height:14px}.code-studio-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font-size:var(--type-md);font-weight:var(--weight-semibold)}.code-studio-dirty{flex:none;width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent)}.code-tree{flex:0 0 200px;min-width:0;min-height:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.code-tree-head{flex:none;display:flex;align-items:center;gap:var(--space-2);height:var(--panel-head-h);padding:0 var(--space-2) 0 var(--space-6);border-bottom:1px solid var(--line)}.code-tree-title{flex:1 1 auto;color:var(--ink-2);font-size:var(--type-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.code-tree-list{margin:0;padding:0;list-style:none}.code-tree>.code-tree-list{padding:var(--space-2) 0 var(--space-4)}.code-tree-empty,.code-tree-truncated{margin:0;padding:var(--space-5) var(--space-6);color:var(--ink-2);font-size:var(--type-sm);line-height:var(--leading-body)}.code-tree-truncated{flex:0 0 auto;border-top:1px solid var(--line);color:var(--warn)}.code-tree-row{padding-left:calc(var(--space-3) + var(--depth, 0) * var(--tree-indent));display:flex;align-items:center;gap:var(--space-2);width:100%;padding-right:var(--space-4);border:0;background:transparent;color:var(--ink-2);font-size:var(--type-md);line-height:22px;text-align:left;cursor:pointer}.code-tree-row:hover{background:var(--fill-rest);color:var(--ink-1)}.code-tree-row.is-file[data-open]{color:var(--ink-1)}.code-tree-row.is-file[data-active]{background:var(--fill-rest);color:var(--ink-1)}.code-tree-caret{flex:0 0 auto;width:10px;color:var(--ink-3);font-size:var(--type-micro)}.code-tree-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-tree-mark{flex:0 0 auto;font-size:var(--type-micro)}.code-tree-mark.is-subject{color:var(--accent-ink)}.code-tree-mark.is-generated{color:var(--ink-3)}.code-tree-mark.is-dirty{width:5px;height:5px;border-radius:var(--radius-full);background:var(--ink-2)}}@layer chrome{.shell.is-storyboard>.control-strip,.shell.is-storyboard>.left-rail,.shell.is-storyboard>.tool-footer,.shell.is-storyboard>.bottom-cell,.shell.is-storyboard>.timeline-dock,.shell.is-storyboard>.inspector-column[data-empty]{display:none}.shell.is-storyboard>.canvas-cell{grid-column-start:edge-l;grid-row:main-t / edge-b}.shell.is-storyboard>.inspector-column{grid-row:main-t / edge-b}.board-bar{gap:var(--space-6);padding-right:var(--space-4)}.board-section-add{margin-block:calc(-1 * var(--space-4))}.style-drop{flex:none;width:200px;height:100%;padding:0 var(--space-6);font:inherit;font-size:var(--type-md);font-weight:var(--weight-medium);cursor:pointer}.style-drop:not(.is-over){background:transparent;color:var(--ink-2)}.style-drop>svg{flex:none;width:16px;height:16px}.style-drop:not(.is-over)>svg{color:var(--ink-3)}.style-drop:hover{border-color:var(--ink-3);color:var(--ink-1)}.style-drop:focus-visible{outline:none;box-shadow:var(--focus-ring)}.style-drop.is-link{border:1px solid var(--accent);border-radius:var(--radius-tab);background:var(--surface-secondary);color:var(--ink-1);text-align:center;cursor:text;outline:none}.mini-sketch{position:relative;width:100%;container-type:inline-size;overflow:hidden;background:var(--sketch-paper);color:var(--sketch-ink);pointer-events:none}.mini-sketch[data-ground=dark]{background:var(--surface-app);color:var(--on-media)}.mini-sketch[data-ground=brand]{background:var(--accent);color:var(--on-accent)}.mini-sketch-picture{position:absolute;inset:0;display:block;width:100%;height:100%}.mini-sketch-text,.mini-sketch-box,.mini-sketch-ref{position:absolute;overflow:hidden}.mini-sketch-text{line-height:var(--leading-tight);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.mini-sketch-text.is-title{letter-spacing:var(--tracking-display-md)}.mini-sketch-text[data-align=center]{text-align:center}.mini-sketch-text[data-align=end]{text-align:right}.mini-sketch-box{box-sizing:border-box;border:1px solid var(--sketch-line);border-radius:var(--radius-2xs);background:var(--sketch-fill)}.mini-sketch-box[data-tone=dark]{border-color:transparent;background:var(--sketch-dark);color:var(--sketch-line)}.mini-sketch-box[data-tone=accent]{border-color:transparent;background:var(--accent);color:var(--on-accent)}.mini-sketch-label{position:absolute;top:6%;left:4%;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--leading-tight);font-weight:var(--weight-medium)}.mini-sketch-label.is-arrow{top:auto;translate:-50% -50%}.mini-sketch-ref>img,.mini-sketch-media{display:block;width:100%;height:100%;object-fit:cover}.mini-sketch-ref.is-tile{box-sizing:border-box;border:1px dashed var(--sketch-line);border-radius:var(--radius-2xs);background:var(--sketch-fill)}.mini-sketch-ref.is-missing{color:var(--danger)}.mini-sketch-arrows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.board-plan-action{flex:1 1 0;min-width:0}.plan-cut-select[aria-expanded=true] .combobox-caret{transform:rotate(180deg)}.plan-beat .insp-pill input.text-input{text-align:left}.plan-field>.text-input{padding-inline:var(--space-4)}.plan-field>.select{padding-left:var(--space-4)}.dialog-overlay:has(>.dialog.board-drop){background:var(--scrim-strong)}.dialog.board-drop{width:640px;gap:0;padding:0;border:1px solid var(--line);border-radius:var(--control-radius);box-shadow:var(--shadow-popover);overflow:hidden}.dialog.board-drop>.dialog-close{display:none}.dialog.board-drop>.dialog-title{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-7) var(--space-6)}.dialog.board-drop>.dialog-body{gap:0;padding:0}.dialog.board-drop>.dialog-actions{gap:var(--space-4);padding:var(--space-7) var(--space-7) var(--space-7)}.dialog.board-drop>.dialog-actions>.btn{height:var(--control-h);padding:0 var(--space-6);border-radius:var(--radius-tab);font-weight:var(--weight-semibold)}.board-drop-cancel{background:var(--surface-secondary)}.component-sheet-bar{padding-left:var(--space-6)}.component-sheet-foot{justify-content:flex-start;padding:0 var(--space-6)}.component-sheet-body>.this-use+.insp-section,.sketch-inspector-body>.this-use+.insp-section,.sketch-inspector-body>.insp-section+.this-use{border-top:1px solid var(--line)}.insp-docs{flex:1;min-width:0;margin:0;font:inherit;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}.insp-file-row .insp-dim.is-text{color:var(--ink-2)}.insp-reference-lead{position:relative;aspect-ratio:16 / 9;margin:0 0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--fill-rest);overflow:hidden}.reference-preview{display:block;width:100%;height:100%;object-fit:cover}.reference-preview.is-note,.reference-preview.is-component,.reference-preview.is-missing,.reference-preview.is-kind{display:flex;align-items:center;justify-content:center;padding:var(--space-2);text-align:center;font-size:var(--type-micro);color:var(--ink-2);overflow:hidden}.reference-preview.is-note{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;align-items:flex-start;text-align:left;line-height:var(--leading-tight);color:var(--ink-1)}.reference-preview.is-component{flex-direction:column;gap:var(--space-1)}.reference-preview-glyph{font-family:var(--font-mono);font-size:var(--type-sm);color:var(--ink-2)}.reference-preview-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-1)}.reference-preview.is-missing{color:var(--danger)}.insp-video-still{display:block;width:100%;height:100%;object-fit:cover}.insp-reference-lead>img.reference-preview{object-fit:contain}.insp-reference-lead>.btn{position:absolute;right:var(--space-3);bottom:var(--space-3)}.component-stage{position:relative;width:100%;height:100%}.component-stage-frame,.component-stage-poster{display:block;width:100%;height:100%;border:0;pointer-events:none;background:transparent}.component-stage-poster{position:absolute;inset:0;object-fit:cover}.component-stage-status{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-4);text-align:center;font-size:var(--type-micro);color:var(--ink-3);background:var(--fill-rest)}.ledger-in{max-width:100%;overflow:hidden;text-overflow:ellipsis}.ledger-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-sm);color:var(--ink-3)}}@layer chrome{.comment-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--on-accent);font-weight:700;line-height:normal;overflow:hidden}.comment-avatar.is-tailed{border-bottom-left-radius:var(--radius-2xs)}.comment-mention{padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--accent-soft);color:var(--accent-ink);font-weight:var(--weight-medium)}.comment-guest{flex:none;padding:1px var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-xs);color:var(--ink-2);font-size:var(--type-micro);font-weight:600;letter-spacing:var(--tracking-caps)}.comment-via-agent{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);height:18px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--type-micro);font-weight:600;line-height:var(--leading-none)}.comment-thread-spacer{flex:1 1 auto}.comment-refusal{margin:0;padding:var(--space-3) var(--space-6);color:var(--danger-ink);font-size:var(--type-md);line-height:var(--leading-xs)}.comments-unread-dot{flex:none;width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent)}.comment-composer{position:relative;display:flex;flex-direction:column;min-width:0}.comment-composer-head{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-5) var(--space-6) 0;min-width:0;font-size:var(--type-md);line-height:var(--leading-xs);white-space:nowrap}.comment-composer-number{font-family:var(--font-mono);font-size:var(--type-sm);line-height:var(--leading-xs);color:var(--ink-3)}.comment-composer-shot{overflow:hidden;text-overflow:ellipsis;color:var(--ink-2);font-weight:var(--weight-medium)}.comment-composer-dim{color:var(--ink-3)}.comment-composer-field{padding:var(--space-5) var(--space-6) var(--space-6)}.comment-field{display:block;width:100%;min-height:21px;padding:0;border:0;outline:none;resize:none;background:transparent;color:var(--ink-1);font:inherit;font-size:var(--type-title);line-height:var(--leading-md);caret-color:var(--accent);field-sizing:content;max-height:168px}.comment-field::placeholder{color:var(--ink-3)}.comment-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);border-top:1px solid var(--line)}.comment-composer-hints{display:flex;align-items:center;gap:var(--space-6);min-width:0}.comment-at{flex:none;padding:0;border:0;background:none;color:var(--ink-2);font:inherit;font-size:var(--type-title);font-weight:var(--weight-medium);line-height:var(--leading-sm);cursor:pointer}.comment-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:var(--type-md);line-height:var(--leading-xs)}.comment-counter{flex:none;color:var(--ink-3);font-family:var(--font-numeric);font-size:var(--type-sm)}.comment-counter.is-over{color:var(--danger-ink)}.comment-post{flex:none;height:28px;padding:0 var(--space-6);border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font:inherit;font-size:var(--type-lg);font-weight:600;line-height:var(--leading-xs);cursor:pointer}.comment-post:disabled{background:var(--surface-secondary);color:var(--ink-3);cursor:default}.comment-reply{position:relative;background:var(--surface-sunken);border-top:1px solid var(--line)}.comment-reply-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6)}.comment-reply .comment-field{flex:1 1 auto;font-size:var(--type-lg);line-height:var(--leading-xs);min-height:16px}.comment-reply .comment-at{font-size:var(--type-lg);color:var(--ink-3)}.comment-reply .comment-post{height:26px;font-size:var(--type-md)}.mention-menu{position:absolute;z-index:1;left:8px;top:100%;margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);width:min(300px,calc(100% - 16px));padding:var(--space-3);background:var(--surface-panel);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.comment-reply>.mention-menu{top:auto;bottom:100%;margin:0 0 var(--space-2)}.mention-section{padding:var(--space-3) var(--space-4) var(--space-2);color:var(--ink-3);font-size:var(--type-sm);font-weight:var(--weight-medium);line-height:var(--leading-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.mention-row{display:flex;align-items:center;gap:var(--space-5);height:40px;padding:0 var(--space-4);border-radius:var(--radius-tab);cursor:pointer}.mention-row.is-active{background:var(--surface-secondary)}.mention-row .comment-avatar{font-weight:600}.mention-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font-size:var(--type-lg);font-weight:var(--weight-medium);line-height:var(--leading-xs)}.mention-role{flex:none;width:70px;text-align:right;color:var(--ink-3);font-size:var(--type-md);line-height:var(--leading-xs)}.mention-outside{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--line)}.mention-row.is-outside .comment-avatar{background:var(--surface-secondary)!important;border:1px dashed var(--line-strong);color:var(--ink-2)}.mention-row.is-outside .mention-name{color:var(--ink-2)}.mention-share{flex:none;color:var(--accent-ink);font-size:var(--type-md);font-weight:var(--weight-medium);line-height:var(--leading-xs)}.mention-empty,.mention-note{margin:0;padding:var(--space-3) var(--space-4) var(--space-4);color:var(--ink-3);font-size:var(--type-md);line-height:var(--leading-sm)}.comment-thread{display:flex;flex-direction:column;width:360px;max-height:100%;overflow:hidden;background:var(--surface-panel);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);font-size:var(--type-md);line-height:var(--leading-xs)}.comment-thread.is-inline{width:auto;margin:var(--space-2) 0 var(--space-4);box-shadow:none;overflow:visible}.comment-thread-head{flex:none;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);border-bottom:1px solid var(--line)}.comment-thread-where{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:var(--type-sm)}.comment-thread-resolve{flex:none;display:inline-flex;align-items:center;gap:var(--space-3);height:26px;padding:0 var(--space-5) 0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:none;color:var(--ink-1);font:inherit;font-size:var(--type-md);font-weight:var(--weight-medium);cursor:pointer}.comment-thread-resolve svg{color:var(--ink-2)}.comment-thread-more,.comment-message-more{flex:none;width:26px;height:26px;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--ink-2);font:inherit;font-size:var(--type-title);line-height:var(--leading-sm);cursor:pointer}.comment-thread-more:hover,.comment-message-more:hover,.comment-thread-resolve:hover{background:var(--fill-hover)}.comment-thread-meta{flex:none;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.comment-thread-meta-label{flex:none;width:58px;color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.comment-assignee{display:inline-flex;align-items:center;gap:var(--space-3);height:24px;padding:0 var(--space-4) 0 var(--space-1);border:0;border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-md);font-weight:var(--weight-medium);cursor:pointer}.comment-assignee:disabled{cursor:default}.comment-assignee svg{color:var(--ink-3)}.comment-assignee-none{padding-left:var(--space-2);color:var(--ink-2)}.comment-status{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--type-sm);font-weight:var(--weight-medium);line-height:var(--leading-xs)}.comment-status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--warn)}.comment-status.is-resolved .comment-status-dot{background:var(--success)}.comment-thread-snapshot{display:block;margin:0 var(--space-6) var(--space-5);max-width:calc(100% - 28px);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.comment-thread-messages{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-2) var(--space-6) var(--space-6)}.comment-message{display:flex;gap:var(--space-5)}.comment-message-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.comment-message-head{display:flex;align-items:baseline;gap:var(--space-3)}.comment-message-head .comment-message-more{margin-left:auto;height:18px;opacity:0}.comment-message:hover .comment-message-more,.comment-message-more:focus-visible{opacity:1}.comment-message-name{color:var(--ink-1);font-size:var(--type-lg);font-weight:600}.comment-message-time{color:var(--ink-3);font-size:var(--type-sm);line-height:var(--leading-xs)}.comment-message-body{margin:0;color:var(--ink-1);font-size:var(--type-lg);line-height:var(--leading-md);white-space:pre-wrap;overflow-wrap:anywhere}.comment-message-body.is-deleted{color:var(--ink-3);font-style:italic}.comment-message-edit{display:flex;flex-direction:column;gap:var(--space-3)}.comment-message-edit .comment-field{padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--type-lg);line-height:var(--leading-md)}.comment-message-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.comment-message-edit-actions .comment-post{height:26px;font-size:var(--type-md)}.comment-thread-agent{flex:none;padding:0 var(--space-6) var(--space-6)}.comment-agent-button,.comments-agent-all{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);height:28px;padding:0 var(--space-5);border:0;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-md);font-weight:var(--weight-medium);cursor:pointer}.comment-agent-button:hover,.comments-agent-all:hover{background:var(--fill-state-soft)}.frame-comment-pop{position:absolute;z-index:var(--z-float);display:flex;pointer-events:auto}.inspector-column>.comments-panel{flex:1 1 auto;min-height:0}.comments-panel{display:flex;flex-direction:column;font-size:var(--type-md);line-height:var(--leading-xs)}.comments-filters{flex:none;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-6) var(--space-6) var(--space-5)}.comments-filter{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-full);background:none;color:var(--ink-2);font:inherit;font-size:var(--type-md);font-weight:var(--weight-medium);cursor:pointer}.comments-filter.is-active{border-color:transparent;background:var(--ink-1);color:var(--surface-sunken);font-weight:600}.comments-filter-count{color:var(--ink-3);font-size:var(--type-sm);font-weight:600}.comments-filter.is-active .comments-filter-count{color:color-mix(in srgb,var(--surface-sunken) 65%,transparent)}.comments-filter .comments-unread-dot{width:6px;height:6px}.comments-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-4)}.comments-empty{margin:0;padding:var(--space-7) var(--space-4);color:var(--ink-3);font-size:var(--type-md);line-height:var(--leading-sm)}.comments-shot.is-later{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.comments-shot-head{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-3)}.comments-shot-number{font-family:var(--font-mono);font-size:var(--type-sm);color:var(--accent-ink)}.comments-shot-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-1);font-weight:600}.comments-shot-open{flex:none;color:var(--ink-3);font-size:var(--type-sm)}.comments-frame-head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-4) var(--space-2);font-size:var(--type-sm);line-height:var(--leading-xs)}.comments-frame-head.is-later{padding-top:var(--space-4)}.comments-frame-thumb{flex:none;width:32px;height:18px;border:1px solid var(--line-strong);border-radius:var(--radius-2xs);overflow:hidden}.comments-frame-thumb.is-removed{border-style:dashed}.comments-frame-label{color:var(--ink-2)}.comments-frame-removed{color:var(--warn);font-weight:var(--weight-medium)}.comments-frame-was{color:var(--ink-3)}.comments-thread{display:flex;gap:var(--space-5);width:100%;padding:var(--space-5) var(--space-4);border:0;border-radius:var(--radius-tab);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.comments-thread:hover{background:var(--fill-hover)}.comments-thread.is-active{background:var(--surface-secondary)}.comments-thread-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.comments-thread-head{display:flex;align-items:center;gap:var(--space-3)}.comments-thread-name{color:var(--ink-1);font-weight:600}.comments-thread-time,.comments-thread-meta{color:var(--ink-3);font-size:var(--type-sm)}.comments-thread-body{color:var(--ink-1);line-height:var(--leading-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.comments-thread-meta{display:flex;align-items:center;gap:var(--space-4)}.comments-thread-assignee{display:inline-flex;align-items:center;gap:var(--space-2)}.comments-thread-orphan{color:var(--ink-3);font-size:var(--type-sm)}.comments-today{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-6) var(--space-4);border-top:1px solid var(--line)}.comments-today-label{color:var(--ink-3);font-size:var(--type-sm);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.comments-today-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-1) 0;border:0;background:none;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer}.comments-today-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-foot{flex:none;display:flex;padding:var(--space-6);border-top:1px solid var(--line)}.comments-agent-all{flex:1 1 auto;height:32px;border-radius:var(--radius-tab);font-weight:600}.column-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:var(--space-3);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font-size:var(--type-micro);font-weight:600;line-height:var(--leading-none)}.inbox-button{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:var(--space-2);padding:0;border:0;border-radius:var(--radius-tab);background:none;color:var(--ink-1);cursor:pointer}.inbox-button:hover,.inbox-button[aria-expanded=true]{background:var(--fill-hover)}.inbox-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 var(--space-2);border:2px solid var(--surface-sunken);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font-size:var(--type-micro);font-weight:700;line-height:var(--leading-none);box-sizing:border-box}.inbox{display:flex;flex-direction:column;width:380px;max-height:min(560px,calc(100vh - 80px));overflow:hidden;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);font-size:var(--type-md);line-height:var(--leading-sm)}.inbox-head{flex:none;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--line)}.inbox-title{color:var(--ink-1);font-size:var(--type-lg);font-weight:600}.inbox-toggle{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-sunken)}.inbox-toggle>button{padding:var(--space-1) var(--space-4);border:0;border-radius:var(--radius-xs);background:none;color:var(--ink-3);font:inherit;font-size:var(--type-sm);font-weight:var(--weight-medium);line-height:var(--leading-xs);cursor:pointer}.inbox-toggle>button[aria-checked=true]{background:var(--fill-state-soft);color:var(--ink-1);font-weight:600}.inbox-mark-all{padding:0;border:0;background:none;color:var(--accent-ink);font:inherit;font-size:var(--type-sm);font-weight:var(--weight-medium);cursor:pointer}.inbox-mark-all:disabled{color:var(--ink-3);cursor:default}.inbox-list{flex:1 1 auto;min-height:0;overflow-y:auto}.inbox-empty{margin:0;padding:var(--space-7) var(--space-6);color:var(--ink-3)}.inbox-item{display:flex;gap:var(--space-5);width:100%;padding:var(--space-6) var(--space-6);border:0;border-top:1px solid var(--line);background:none;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer}.inbox-item:first-child{border-top:0}.inbox-item.is-unread{background:var(--fill-rest)}.inbox-item:hover{background:var(--fill-hover)}.inbox-item .comment-avatar.is-tailed{border-bottom-left-radius:var(--radius-xs)}.inbox-agent{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);background:var(--accent-soft)}.inbox-item-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.inbox-item-title{color:var(--ink-2)}.inbox-item.is-unread .inbox-item-title{color:var(--ink-1)}.inbox-item-quote{color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-item-where,.inbox-item-time{color:var(--ink-3);font-size:var(--type-sm)}.inbox-item-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.inbox-foot{flex:none;padding:var(--space-5) var(--space-6);border-top:1px solid var(--line);color:var(--ink-3);font-size:var(--type-sm)}.story-comment-count{flex:none;display:inline-flex;align-items:center;gap:var(--space-1);height:14px;margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--type-micro);font-weight:700;line-height:var(--leading-none)}.story-still-comments{position:absolute;top:36px;right:3px;display:inline-flex;align-items:center;gap:var(--space-1);height:13px;padding:0 var(--space-2);border:0;border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--ink-1);font:inherit;font-size:var(--type-micro);font-weight:700;line-height:var(--leading-none);cursor:pointer}.story-still-comments.is-unread{background:var(--accent);color:var(--on-accent)}.frame-scrubber-comments{position:absolute;left:50%;bottom:calc(100% + 3px);width:6px;height:6px;translate:-50% 0;border-radius:var(--radius-full);background:var(--ink-3);pointer-events:none}.frame-scrubber-comments.is-unread{background:var(--accent)}.view-only-pill{flex:none;display:inline-flex;align-items:center;gap:var(--space-3);margin-left:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-panel);color:var(--ink-2);font-size:var(--type-md);font-weight:var(--weight-medium);line-height:var(--leading-xs);white-space:nowrap}.view-only-pill svg{color:var(--ink-3)}.comments-place-bar{flex:none;display:flex;align-items:center;gap:var(--space-3);height:var(--panel-head-h);padding-inline:var(--space-6);background:var(--surface-panel);border-bottom:1px solid var(--line)}.comments-place-title{flex:none;color:var(--ink-1);font-size:var(--type-lg);line-height:var(--leading-xs);font-weight:600}.comments-place-sub{flex:0 10 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font:11px/14px var(--font-mono)}.comments-place-chip{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:var(--space-2);height:24px;padding-inline:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--ink-2);font-size:var(--type-md);line-height:var(--leading-xs);white-space:nowrap}.comments-place-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.comments-place-chip-count{flex:none}.card-comment-counts{display:inline-flex;align-items:center;gap:var(--space-3)}.card-comment-chip{padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);font-size:var(--type-sm);line-height:var(--leading-xs);white-space:nowrap}.card-comment-chip.is-board{background:var(--surface-secondary);color:var(--ink-2)}.card-comment-chip.is-studio{background:var(--accent-quiet);color:var(--accent-ink)}.comments-card-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-md);font-weight:500}.comments-thread-where{display:flex;align-items:center;gap:var(--space-3);min-width:0;margin-bottom:var(--space-1)}.comments-studio-pin{flex:none;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-tab) var(--radius-tab) var(--radius-tab) var(--radius-2xs);background:var(--accent);color:var(--on-accent);font-size:var(--type-micro);line-height:var(--leading-none);font-weight:600}.comments-studio-time,.comment-thread-time,.comment-note-time{flex:none;color:var(--accent-ink);font:11px/16px Consolas,var(--font-mono)}.comments-thread-where-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:var(--type-md);font-weight:500}.comment-thread[data-kind=card] .comment-thread-where,.comment-thread[data-kind=studio] .comment-thread-where{color:var(--ink-1);font-size:var(--type-md);line-height:var(--leading-xs);font-weight:500}.comment-thread-dot{flex:none;color:var(--ink-3)}.comment-thread[data-kind=card] .comment-thread-resolve,.comment-thread[data-kind=studio] .comment-thread-resolve{color:var(--ink-3);font-size:var(--type-md);line-height:var(--leading-xs)}.comment-note{display:flex;align-items:center;gap:var(--space-5);margin:var(--space-3) var(--space-5) 0;padding:var(--space-5) var(--space-6);border:1px solid var(--accent-soft);border-radius:var(--radius-md);background:var(--accent-quiet)}.comment-note-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:var(--type-md);line-height:var(--leading-xs)}.comment-note-open{flex:none;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:var(--type-md);line-height:var(--leading-xs);font-weight:500;cursor:pointer}.comment-note-open:hover{text-decoration:underline}.comment-note-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-2xs)}.comments-draft{margin:0 var(--space-5) var(--space-5)}}@layer chrome{.sync-chip{font:inherit;font-size:var(--type-micro);cursor:pointer}.sync-chip svg{width:14px;height:14px;flex:none;display:block}.sync-chip .sync-chevron{width:10px;height:10px}.status-chip-offline{gap:var(--space-3);height:28px;padding:0 var(--space-5) 0 var(--space-4);border-color:transparent;border-radius:var(--radius-tab);background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--warn);font-size:var(--type-md);font-weight:500}.sync-ring{stroke:var(--line)}.sync-arc{stroke:var(--accent)}.sync-panel{display:flex;flex-direction:column;gap:var(--space-1);width:340px;padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000080}.sync-head{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-4) var(--space-5) var(--space-3)}.sync-title{font-size:var(--type-sm);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.sync-device{font-family:var(--font-mono);font-size:var(--type-sm);color:var(--ink-3)}.sync-row{display:flex;gap:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid transparent;border-radius:var(--radius-tab)}.sync-icon{flex:none;width:16px;height:16px;display:grid;place-items:center;color:var(--ink-3)}.sync-icon svg{width:14px;height:14px}.sync-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-1)}.sync-row-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-size:var(--type-lg);font-weight:500;color:var(--ink-1)}.sync-row-text{font-size:var(--type-md);color:var(--ink-3)}.sync-row.is-current{background:color-mix(in srgb,var(--warn) 8%,transparent);border-color:color-mix(in srgb,var(--warn) 20%,transparent)}.sync-row.is-current .sync-row-text{color:var(--ink-2)}.sync-row.is-current[data-row=offline] .sync-row-title,.sync-row.is-current[data-row=offline] .sync-icon{color:var(--warn)}.sync-row.is-current[data-row=saved],.sync-row.is-current[data-row=syncing]{background:color-mix(in srgb,var(--ink-1) 5%,transparent);border-color:transparent}.sync-row.is-held{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.sync-row.is-held .sync-row-title,.sync-row.is-held .sync-icon{color:var(--danger-ink)}.sync-try{flex:none;padding:0;font:inherit;font-size:var(--type-md);font-weight:500;color:var(--accent);background:none;border:0;cursor:pointer}.sync-banner{grid-column:rail-r / insp-l;grid-row:stage-t / foot-t;align-self:start;justify-self:center;position:relative;z-index:var(--z-overlay);margin-top:var(--space-6);max-width:min(640px,calc(100% - 32px));display:flex;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);background:color-mix(in srgb,var(--danger) 12%,var(--surface-raised));border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000073}.sync-banner-icon{flex:none;width:16px;height:16px;color:var(--danger-ink)}.sync-banner-icon svg{display:block;width:16px;height:16px}.sync-banner-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-1)}.sync-banner-title{font-size:var(--type-lg);font-weight:600;color:var(--danger-ink)}.sync-banner-text{font-size:var(--type-md);color:var(--ink-2)}.sync-banner button{flex:none;height:28px;padding-inline:var(--space-6);border-radius:var(--radius-tab);font:inherit;font-size:var(--type-md);cursor:pointer}.sync-banner-free{font-weight:500;color:var(--ink-1);background:transparent;border:1px solid var(--line-strong)}.sync-banner-retry{font-weight:600;color:var(--surface-raised);background:var(--ink-1);border:0}.sync-banner button:disabled{opacity:var(--opacity-disabled);cursor:default}.sync-face{display:inline-grid;flex:none;place-items:center;width:18px;height:18px;border-radius:var(--radius-full);color:#0b0b0b;font-size:var(--type-micro);font-weight:600;line-height:var(--leading-none)}.sync-face.is-lg{width:28px;height:28px;font-size:var(--type-sm)}.sync-renamed{display:inline-flex;align-items:center;gap:var(--space-3);height:24px;padding:0 var(--space-5) 0 var(--space-1);border:1px solid #8a6cff4d;border-radius:var(--radius-pill);background:#8a6cff1f;color:var(--ink-2);font-size:var(--type-md);line-height:16px;white-space:nowrap}.sync-renamed:not(:has(.sync-face)){padding-left:var(--space-5)}.dialog-overlay:has(>.sync-deleted){top:56px;background:#0009}.dialog.sync-deleted{width:460px;gap:var(--space-7);padding:calc(var(--space-7) + var(--space-2));border-color:#3d3d3d;border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009}.sync-deleted .dialog-title{display:flex;align-items:center;gap:var(--space-5);font-size:var(--type-xl);line-height:22px;font-weight:600}.sync-deleted-text{margin:0;font-size:var(--type-lg);line-height:19px;color:var(--ink-2)}.sync-deleted-pending{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6);border:1px solid #2a2a2a;border-radius:var(--radius-md);background:#111}.sync-deleted-label{font-size:var(--type-sm);line-height:14px;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3)}.sync-deleted-pending pre{margin:0;font-family:Consolas,var(--font-mono);font-size:var(--type-sm);line-height:17px;color:var(--ink-2);white-space:pre;overflow-x:auto}.dialog.sync-deleted .dialog-actions{gap:var(--space-4)}.sync-deleted-btn{height:32px;padding:0 calc(var(--space-6) + var(--space-1));border:1px solid #3d3d3d;border-radius:var(--radius-tab);background:transparent;color:var(--ink-1);font:inherit;font-size:var(--type-lg);font-weight:500;cursor:pointer}.sync-deleted-btn.is-primary{border-color:#f5f5f5;background:#f5f5f5;color:#0a0a0a;font-weight:600}.sync-deleted-btn:disabled{opacity:var(--opacity-disabled);cursor:default}.sync-deleted-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}}@layer overrides{.shot-bar.is-current,.lifespan-row .lifespan-bar.is-live,.block-bar.is-live{background:var(--bar-live);border-color:var(--bar-live);color:var(--on-accent)}.shot-bar.is-current .shot-bar-name,.lifespan-row .lifespan-bar.is-live .lifespan-bar-name,.block-bar.is-live .block-label{font-weight:var(--weight-semibold)}.lifespan-row.is-live .lifespan-name{font-weight:var(--weight-semibold);color:var(--ink-1)}.lifespan-row .lifespan-bar.is-live.is-mask{border-color:var(--on-accent)}.lifespan-row .lifespan-bar.is-live.is-video{background:var(--bar-ground);color:var(--ink-1)}.block-row.is-camera .block-bar.is-live{background:transparent;border-color:transparent;color:inherit}.block-row.is-camera .block-bar.is-live.is-selected{border-color:var(--accent)}.shot-bar.is-current:hover,.lifespan-row:hover .lifespan-bar.is-live:not(.is-video){background:color-mix(in oklab,var(--bar-live) 88%,var(--on-accent))}}@layer component-sheets{.tl-playhead-chip{position:absolute;top:0;left:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:37px;height:18px;padding-inline:var(--space-3);border-radius:var(--radius-full);background:var(--playhead, var(--accent));color:var(--on-accent);font:var(--weight-bold) var(--type-micro) / var(--leading-none) var(--font-mono);font-variant-numeric:var(--numeric);white-space:nowrap;translate:max(-50%,calc(-1 * var(--playhead-x, 100vw)));pointer-events:none}}@layer component-sheets{.insp-pad{display:block;overflow:visible;margin:var(--space-1) 0}.insp-pad-box{fill:var(--fill-rest);stroke:var(--line);rx:var(--radius-sm)}.insp-pad-curve{fill:none;stroke:var(--accent);stroke-width:1.5}.insp-pad-arm{stroke:var(--line-strong);stroke-width:1}.insp-pad-handle{fill:var(--surface-panel);stroke:var(--accent);stroke-width:1.5;cursor:grab}.insp-pad-handle:hover{stroke:var(--ink-1)}.insp-preview{position:relative}.insp-preview svg{display:block;background:var(--fill-rest);border:1px solid var(--line);border-radius:var(--radius-md)}.insp-preview polyline{fill:none;stroke:var(--accent);stroke-width:1.5}.insp-preview polyline.is-spring{stroke:var(--spring)}.insp-preview-max,.insp-preview-min{position:absolute;right:4px;font:var(--type-micro)/var(--leading-none) var(--font-sans);font-variant-numeric:var(--numeric);color:var(--ink-3);pointer-events:none}.insp-preview-max{top:1px}.insp-preview-min{bottom:1px}}