.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-cyrillic-ext-wght-normal-RO72NYA2.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-cyrillic-wght-normal-CK2XY27K.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-vietnamese-wght-normal-Y2R7JZKV.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-latin-ext-wght-normal-XEQ56JUF.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-latin-wght-normal-T72VVCUW.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}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-mono-cyrillic-ext-wght-normal-QXKVIKFD.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-mono-cyrillic-wght-normal-GOIAQAGU.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-mono-symbols2-wght-normal-WZJJVLQO.woff2") format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-mono-vietnamese-wght-normal-KW5NM6YV.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-mono-latin-ext-wght-normal-HU3ZAWN6.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./geist-mono-latin-wght-normal-CJNQKXUG.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}:root{--ui: "Geist Variable", "Geist", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "Geist Mono Variable", "Geist Mono", "Cascadia Mono", "SF Mono", ui-monospace, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 24px;--fs-hero: clamp(32px, 4.6vw, 48px);--lh-ui: 1.45;--lh-text: 1.6;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--gutter: 8px;--h-xs: 22px;--h-sm: 26px;--h-md: 30px;--h-lg: 36px;--row: 28px;--ease: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-med: .18s;--t-slow: .26s;--on-media: #ffffff;--media-scrim: rgba(0, 0, 0, .6);--close-red: #c42b1c;--close-red-ink: #ffffff;--focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent-line)}:root,:root[data-theme=studio]{color-scheme:dark;--bg: #090f13;--surface: #12181c;--surface-2: #181e22;--raised: #1c2327;--field: #21272c;--field-hover: #282f33;--field-active: #30363b;--stage: #060b0e;--text: #e8eef1;--text-2: #b1b7ba;--text-3: #858a8d;--text-4: #575c5f;--line: rgba(232, 238, 241, .07);--line-strong: rgba(232, 238, 241, .13);--line-soft: rgba(232, 238, 241, .045);--hover: rgba(232, 238, 241, .05);--press: rgba(232, 238, 241, .09);--accent: #2ec4b6;--accent-hover: #4fd3c6;--accent-soft: rgba(46, 196, 182, .14);--accent-line: rgba(46, 196, 182, .5);--accent-text: #2ec4b6;--on-accent: #03211e;--ok: #46c28a;--danger: #f2665c;--key: #f4b860;--expr: #7cb7ff;--link: #9bd770;--on-danger: #2a0b09;--ok-soft: rgba(70, 194, 138, .14);--danger-soft: rgba(242, 102, 92, .14);--key-soft: rgba(244, 184, 96, .14);--expr-soft: rgba(124, 183, 255, .12);--link-soft: rgba(155, 215, 112, .12);--t-shape: #5b9bf0;--t-text: #e8a55a;--t-image: #6cc08b;--t-group: #8a949c;--t-code: #7cb7ff;--t-audio: #e07a8e;--float: rgba(28, 35, 39, .86);--scrim: rgba(3, 6, 8, .62);--shadow-1: 0 1px 2px rgba(0, 0, 0, .28), 0 0 0 1px var(--line);--shadow-2: 0 12px 32px rgba(0, 0, 0, .42), 0 0 0 1px var(--line-strong);--shadow-3: 0 28px 80px rgba(0, 0, 0, .55), 0 0 0 1px var(--line-strong);--picture-shadow: 0 0 0 1px var(--line), 0 24px 70px rgba(0, 0, 0, .5);--checker-a: #151b1f;--checker-b: #11171b;--scroll: rgba(232, 238, 241, .12);--scroll-hover: rgba(232, 238, 241, .2);--code: #bfe3ff;--grid: rgba(255, 255, 255, .12);--handle: #ffffff;--handle-line: rgba(255, 255, 255, .35);--mark: #ffffff;--mark-ring: rgba(0, 0, 0, .6);--out-range: rgba(0, 0, 0, .35);--error-bg: rgba(60, 20, 22, .92);--error-text: #ffd0d0;--tour-overlay: #000000;--tour-overlay-opacity: .62}:root[data-theme=obsidian]{--bg: #050708;--surface: #0c0f10;--surface-2: #111416;--raised: #15191a;--field: #1a1e1f;--field-hover: #212526;--field-active: #282c2e;--stage: #030405;--text: #e9eef0;--text-2: #b2b7b9;--text-3: #858a8c;--text-4: #575c5d;--line: rgba(233, 238, 240, .07);--line-strong: rgba(233, 238, 240, .12);--line-soft: rgba(233, 238, 240, .04);--hover: rgba(233, 238, 240, .045);--press: rgba(233, 238, 240, .08);--float: rgba(21, 25, 26, .86);--scrim: rgba(0, 0, 0, .68);--shadow-1: 0 1px 2px rgba(0, 0, 0, .45), 0 0 0 1px var(--line);--shadow-2: 0 12px 32px rgba(0, 0, 0, .6), 0 0 0 1px var(--line-strong);--shadow-3: 0 28px 80px rgba(0, 0, 0, .7), 0 0 0 1px var(--line-strong);--picture-shadow: 0 0 0 1px var(--line), 0 24px 70px rgba(0, 0, 0, .7);--checker-a: #0f1314;--checker-b: #0b0e0f;--scroll: rgba(233, 238, 240, .1);--scroll-hover: rgba(233, 238, 240, .18)}:root[data-theme=carbon]{--bg: #101010;--surface: #191919;--surface-2: #1f1f1f;--raised: #242424;--field: #292929;--field-hover: #303030;--field-active: #383838;--stage: #0c0c0c;--text: #ededed;--text-2: #b6b6b6;--text-3: #898989;--text-4: #5b5b5b;--line: rgba(237, 237, 237, .07);--line-strong: rgba(237, 237, 237, .13);--line-soft: rgba(237, 237, 237, .045);--hover: rgba(237, 237, 237, .05);--press: rgba(237, 237, 237, .09);--float: rgba(36, 36, 36, .86);--scrim: rgba(5, 5, 5, .62);--checker-a: #1c1c1c;--checker-b: #171717;--scroll: rgba(237, 237, 237, .12);--scroll-hover: rgba(237, 237, 237, .2)}:root[data-theme=dusk]{--bg: #150f0a;--surface: #1e1812;--surface-2: #241e18;--raised: #29231d;--field: #2d2821;--field-hover: #352f29;--field-active: #3d3730;--stage: #100b06;--text: #f4ebe2;--text-2: #bdb4ab;--text-3: #90887f;--text-4: #615951;--line: rgba(244, 235, 226, .07);--line-strong: rgba(244, 235, 226, .13);--line-soft: rgba(244, 235, 226, .045);--hover: rgba(244, 235, 226, .05);--press: rgba(244, 235, 226, .09);--float: rgba(41, 35, 29, .86);--scrim: rgba(8, 6, 3, .62);--checker-a: #221c16;--checker-b: #1c1711;--scroll: rgba(244, 235, 226, .12);--scroll-hover: rgba(244, 235, 226, .2)}:root[data-theme=paper]{color-scheme:light;--bg: #f0f4f7;--surface: #ffffff;--surface-2: #f3f7fa;--raised: #ffffff;--field: #ebeff2;--field-hover: #e3e7ea;--field-active: #dadfe1;--stage: #e7ecef;--text: #181f24;--text-2: #495156;--text-3: #59616a;--text-4: #909aa0;--line: rgba(24, 31, 36, .08);--line-strong: rgba(24, 31, 36, .14);--line-soft: rgba(24, 31, 36, .05);--hover: rgba(24, 31, 36, .045);--press: rgba(24, 31, 36, .08);--accent: #0b8075;--accent-hover: #096b62;--accent-soft: rgba(11, 128, 117, .12);--accent-line: rgba(11, 128, 117, .45);--accent-text: #08746a;--on-accent: #ffffff;--ok: #187548;--danger: #c23535;--key: #8f5d10;--expr: #2a64b8;--link: #337320;--on-danger: #ffffff;--ok-soft: rgba(24, 117, 72, .12);--danger-soft: rgba(194, 53, 53, .1);--key-soft: rgba(143, 93, 16, .12);--expr-soft: rgba(42, 100, 184, .1);--link-soft: rgba(51, 115, 32, .1);--t-shape: #3f7fd8;--t-text: #b8772c;--t-image: #3a9a5c;--t-group: #6f7a82;--t-code: #3d7fd6;--t-audio: #c0506a;--float: rgba(255, 255, 255, .88);--scrim: rgba(24, 31, 36, .28);--shadow-1: 0 1px 2px rgba(16, 24, 32, .06), 0 0 0 1px var(--line);--shadow-2: 0 12px 32px rgba(16, 24, 32, .12), 0 0 0 1px var(--line);--shadow-3: 0 28px 80px rgba(16, 24, 32, .18), 0 0 0 1px var(--line);--picture-shadow: 0 0 0 1px var(--line), 0 24px 60px rgba(16, 24, 32, .18);--checker-a: #e6ebee;--checker-b: #dde3e7;--scroll: rgba(24, 31, 36, .16);--scroll-hover: rgba(24, 31, 36, .26);--code: #1f5fa8;--grid: rgba(255, 255, 255, .35);--handle: #3a3f48;--handle-line: rgba(0, 0, 0, .35);--mark: #ffffff;--mark-ring: rgba(0, 0, 0, .45);--out-range: rgba(0, 0, 0, .08);--error-bg: rgba(250, 226, 226, .96);--error-text: #9b2424;--tour-overlay: #1c2328;--tour-overlay-opacity: .34}:root[data-theme=linen]{color-scheme:light;--bg: #f7f3ec;--surface: #fffdf8;--surface-2: #f5f0e7;--raised: #fffdf8;--field: #efe9de;--field-hover: #e7e0d3;--field-active: #ded6c7;--stage: #eee8dd;--text: #221d14;--text-2: #57503f;--text-3: #615a49;--text-4: #999189;--line: rgba(34, 29, 20, .08);--line-strong: rgba(34, 29, 20, .14);--line-soft: rgba(34, 29, 20, .05);--hover: rgba(34, 29, 20, .045);--press: rgba(34, 29, 20, .08);--accent: #0c7f6b;--accent-hover: #0a6a5a;--accent-soft: rgba(12, 127, 107, .12);--accent-line: rgba(12, 127, 107, .45);--accent-text: #086f5d;--on-accent: #ffffff;--ok: #187548;--danger: #c23535;--key: #8f5d10;--expr: #2a64b8;--link: #337320;--on-danger: #ffffff;--ok-soft: rgba(24, 117, 72, .12);--danger-soft: rgba(194, 53, 53, .1);--key-soft: rgba(143, 93, 16, .12);--expr-soft: rgba(42, 100, 184, .1);--link-soft: rgba(51, 115, 32, .1);--t-shape: #3f7fd8;--t-text: #b8772c;--t-image: #3a9a5c;--t-group: #6f7a82;--t-code: #3d7fd6;--t-audio: #c0506a;--float: rgba(255, 253, 248, .9);--scrim: rgba(34, 29, 20, .28);--shadow-1: 0 1px 2px rgba(72, 58, 32, .07), 0 0 0 1px var(--line);--shadow-2: 0 12px 32px rgba(72, 58, 32, .13), 0 0 0 1px var(--line);--shadow-3: 0 28px 80px rgba(72, 58, 32, .19), 0 0 0 1px var(--line);--picture-shadow: 0 0 0 1px var(--line), 0 24px 60px rgba(72, 58, 32, .2);--checker-a: #ebe5d8;--checker-b: #e2dbcc;--scroll: rgba(34, 29, 20, .16);--scroll-hover: rgba(34, 29, 20, .26);--code: #1f5fa8;--grid: rgba(255, 255, 255, .35);--handle: #453e30;--handle-line: rgba(0, 0, 0, .35);--mark: #ffffff;--mark-ring: rgba(0, 0, 0, .45);--out-range: rgba(0, 0, 0, .08);--error-bg: rgba(250, 234, 226, .96);--error-text: #9b2424;--tour-overlay: #2a241a;--tour-overlay-opacity: .34}:root[data-theme=porcelain]{color-scheme:light;--bg: #eef2f6;--surface: #ffffff;--surface-2: #f0f5f9;--raised: #ffffff;--field: #e5ebf1;--field-hover: #dce3eb;--field-active: #d2dae3;--stage: #e3eaf0;--text: #151a21;--text-2: #454e59;--text-3: #555e68;--text-4: #8d97a2;--line: rgba(21, 26, 33, .08);--line-strong: rgba(21, 26, 33, .15);--line-soft: rgba(21, 26, 33, .05);--hover: rgba(21, 26, 33, .045);--press: rgba(21, 26, 33, .08);--accent: #0b7f95;--accent-hover: #096a7d;--accent-soft: rgba(11, 127, 149, .12);--accent-line: rgba(11, 127, 149, .45);--accent-text: #087083;--on-accent: #ffffff;--ok: #187548;--danger: #c23535;--key: #8f5d10;--expr: #2a64b8;--link: #337320;--on-danger: #ffffff;--ok-soft: rgba(24, 117, 72, .12);--danger-soft: rgba(194, 53, 53, .1);--key-soft: rgba(143, 93, 16, .12);--expr-soft: rgba(42, 100, 184, .1);--link-soft: rgba(51, 115, 32, .1);--t-shape: #3f7fd8;--t-text: #b8772c;--t-image: #3a9a5c;--t-group: #6f7a82;--t-code: #3d7fd6;--t-audio: #c0506a;--float: rgba(255, 255, 255, .9);--scrim: rgba(21, 26, 33, .28);--shadow-1: 0 1px 2px rgba(16, 24, 32, .07), 0 0 0 1px var(--line);--shadow-2: 0 12px 32px rgba(16, 24, 32, .13), 0 0 0 1px var(--line);--shadow-3: 0 28px 80px rgba(16, 24, 32, .19), 0 0 0 1px var(--line);--picture-shadow: 0 0 0 1px var(--line), 0 24px 60px rgba(16, 24, 32, .2);--checker-a: #e1e8ee;--checker-b: #d7dfe7;--scroll: rgba(21, 26, 33, .16);--scroll-hover: rgba(21, 26, 33, .26);--code: #1f5fa8;--grid: rgba(255, 255, 255, .35);--handle: #343b44;--handle-line: rgba(0, 0, 0, .35);--mark: #ffffff;--mark-ring: rgba(0, 0, 0, .45);--out-range: rgba(0, 0, 0, .08);--error-bg: rgba(226, 236, 250, .96);--error-text: #9b2424;--tour-overlay: #1a2128;--tour-overlay-opacity: .34}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font:400 var(--fs-md)/var(--lh-ui) var(--ui);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:600}:focus-visible{outline:none;box-shadow:var(--focus)}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:none}input[type=range]:focus-visible,input[type=color]:focus-visible{box-shadow:0 0 0 2px var(--accent-line)}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);border:3px solid transparent;background-clip:padding-box;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover)}::-webkit-scrollbar-corner{background:transparent}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.t2,.muted{color:var(--text-2)}.t3,.faint{color:var(--text-3)}svg.i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:5px;background:var(--field);box-shadow:inset 0 -1px 0 var(--line-strong);color:var(--text-2);font:500 10.5px var(--mono)}@keyframes pop{0%{opacity:0;transform:translateY(-3px) scale(.98)}}@keyframes fade{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}svg.i.spin{animation:spin 1s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--h-md);padding:0 14px;border:0;border-radius:var(--r-pill);background:var(--field);color:var(--text);font:500 var(--fs-md)/1 var(--ui);letter-spacing:-.005em;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn:hover{background:var(--field-hover)}.btn:active{transform:scale(.98);background:var(--field-active)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{background:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-hover)}.btn.outline{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}.btn.outline:hover{background:var(--hover)}.btn.ghost{background:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--hover);color:var(--text)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.danger.solid,.btn.danger-solid{background:var(--danger);color:var(--on-danger);font-weight:600}.btn.danger.solid:hover,.btn.danger-solid:hover{background:var(--danger);filter:brightness(1.08)}.btn.sm{height:var(--h-sm);padding:0 11px;font-size:var(--fs-sm);gap:6px}.btn.lg{height:var(--h-lg);padding:0 18px}.btn.sm svg.i{width:14px;height:14px}a.btn{text-decoration:none}.icon-btn{display:inline-grid;place-items:center;width:var(--h-md);height:var(--h-md);flex:none;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn:active:not(:disabled){background:var(--press)}.icon-btn:disabled{color:var(--text-4);cursor:default}.icon-btn.on{background:var(--accent-soft);color:var(--accent-text)}.icon-btn.sm{width:var(--h-sm);height:var(--h-sm)}.icon-btn.xs{width:18px;height:18px}.icon-btn.round{border-radius:var(--r-pill)}.icon-btn.sm svg.i,.icon-btn.xs svg.i{width:14px;height:14px}.field{display:flex;align-items:center;gap:6px;height:var(--h-md);min-width:0;padding:0 10px;border-radius:var(--r-sm);background:var(--field);border:0;transition:background-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.field:hover{background:var(--field-hover)}.field:focus-within{background:var(--field);box-shadow:0 0 0 2px var(--accent-line)}.field input,.field select,.field textarea{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;outline:none;color:var(--text)}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field select{appearance:none;padding-right:22px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.5 4l2.5 2.5L7.5 4' fill='none' stroke='%23858a8d' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") right 7px center no-repeat}.field select option{background:var(--raised)}.field .unit{color:var(--text-3);font-size:var(--fs-xs)}.field .axis{color:var(--text-3);font-size:var(--fs-xs);cursor:ew-resize;min-width:14px}.field.num input{font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;cursor:ew-resize}.field.num input:focus{cursor:text}.field.area{height:auto;align-items:stretch;padding:8px 10px}.field.area textarea{resize:vertical;min-height:44px;line-height:var(--lh-text)}.field.code textarea{font-family:var(--mono);font-size:11px;color:var(--code);min-height:60px;tab-size:2;white-space:pre}.field.invalid{box-shadow:0 0 0 2px var(--danger)}input[type=text].plain,input.plain{background:transparent;border:0;outline:none}.select{justify-content:space-between;cursor:pointer}.select svg.i{width:14px;height:14px;color:var(--text-3)}.select .sel-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.popover.as-menu{padding:6px;border-radius:var(--r-md)}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--field);flex:none}.seg button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:24px;padding:0 12px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-3);font:500 12.5px/1 var(--ui);white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.seg button:hover{color:var(--text-2)}.seg button.on{background:var(--raised);color:var(--text);box-shadow:var(--shadow-1)}:root[data-theme=paper] .seg button.on,:root[data-theme=linen] .seg button.on,:root[data-theme=porcelain] .seg button.on{background:var(--surface)}.seg button.on svg.i{color:var(--accent-text)}.seg button svg.i{width:14px;height:14px}.seg .seg-label{display:inline-flex;align-items:center;gap:6px}.seg.lg button{height:28px;padding:0 14px;font-size:var(--fs-md)}.seg button i.fmt{display:block;border:1.5px solid currentColor;border-radius:2px;flex:none}.seg .count{min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--text);font:600 10px/16px var(--mono);text-align:center}.toggle{position:relative;width:34px;height:20px;flex:none;border:0;border-radius:var(--r-pill);background:var(--field-active);padding:0;transition:background-color var(--t-med) var(--ease)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-2);transition:transform var(--t-med) var(--ease),background-color var(--t-med) var(--ease)}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(14px);background:var(--on-accent)}.swatch{width:18px;height:18px;border-radius:var(--r-xs);flex:none;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;border:0;padding:0;background-image:linear-gradient(45deg,var(--scroll) 25%,transparent 25%,transparent 75%,var(--scroll) 75%),linear-gradient(45deg,var(--scroll) 25%,transparent 25%,transparent 75%,var(--scroll) 75%);background-size:8px 8px;background-position:0 0,4px 4px;position:relative;overflow:hidden}.swatch>i{position:absolute;inset:0}.tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:6px;background:var(--field);color:var(--text-2);font:500 var(--fs-xs)/1 var(--ui);white-space:nowrap}.tag svg.i{width:11px;height:11px}.tag.accent{background:var(--accent-soft);color:var(--accent-text)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.tag.key{background:var(--key-soft);color:var(--key)}.tag i{width:6px;height:6px;border-radius:50%;background:var(--text-4)}.tag.accent i{background:var(--accent)}.tag.ok i{background:var(--ok)}.tag-btn{border:0;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.tag-btn:hover{background:var(--accent-soft);color:var(--accent-text);box-shadow:none}.chip{display:inline-flex;align-items:center;gap:6px;height:var(--h-md);padding:0 13px;border:0;border-radius:var(--r-pill);background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-2);font:500 var(--fs-md)/1 var(--ui);white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.chip:hover{background:var(--hover);color:var(--text)}.chip.on{background:var(--accent-soft);box-shadow:none;color:var(--text)}.chip svg.i{width:14px;height:14px;color:var(--text-3)}.chip.on svg.i{color:var(--accent-text)}.chip.label{height:20px;padding:0 7px;border-radius:6px;background:var(--field);box-shadow:none;color:var(--text-2);font:500 var(--fs-xs)/1 var(--ui);max-width:220px;overflow:hidden;text-overflow:ellipsis}.chip.label svg.i{width:11px;height:11px}.menu{position:fixed;z-index:65;min-width:220px;max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:var(--r-md);background:var(--raised);box-shadow:var(--shadow-2);animation:pop var(--t-fast) var(--ease)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:6px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;font:400 var(--fs-md)/1.3 var(--ui);cursor:pointer}.menu-item:hover,.menu-item.active{background:var(--hover)}.menu-item:disabled{color:var(--text-4);background:transparent;cursor:default}.menu-item svg.i{color:var(--text-2);flex:none}.menu-item .menu-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.menu-item .menu-detail{color:var(--text-3);font-size:var(--fs-sm)}.menu-item .menu-hint,.menu-item .hint{margin-left:auto;color:var(--text-3);font:400 var(--fs-xs) var(--mono)}.menu-item.danger,.menu-item.danger svg.i{color:var(--danger)}.menu-item .check{color:var(--accent-text);margin-left:auto}.menu-label{padding:8px 10px 4px;color:var(--text-3);font:500 var(--fs-xs)/1 var(--ui)}.menu hr{height:1px;margin:6px 4px;border:0;background:var(--line)}.menu button:not(.menu-item){display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:6px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;font:400 var(--fs-md)/1.3 var(--ui);cursor:pointer}.menu button:not(.menu-item):hover{background:var(--hover)}.menu button:not(.menu-item):disabled{color:var(--text-4);background:transparent;cursor:default}.menu .menu-icon-space{width:14px;flex:none}.popover{position:fixed;z-index:65;overflow:auto;padding:var(--sp-4);border-radius:var(--r-lg);background:var(--raised);box-shadow:var(--shadow-2);animation:pop var(--t-fast) var(--ease)}.modal-back{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:var(--scrim);backdrop-filter:blur(4px);animation:fade var(--t-fast) ease}.modal{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:var(--r-xl);background:var(--raised);box-shadow:var(--shadow-3);animation:pop var(--t-med) var(--ease)}.modal.wide{width:min(560px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 6px 22px;font:600 var(--fs-lg)/1.3 var(--ui);letter-spacing:-.01em}.modal-body{display:flex;flex-direction:column;gap:14px;padding:8px 22px 22px;color:var(--text-2);line-height:var(--lh-text);user-select:text}.modal-body p{margin:0}.modal-body .field{height:var(--h-md)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal-foot .grow{flex:1}.lbl{font:500 var(--fs-sm)/1 var(--ui);color:var(--text-2);margin-bottom:-6px}.source-monitor{position:fixed;left:16px;bottom:16px;z-index:55;width:360px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r-lg);background:var(--raised);box-shadow:var(--shadow-2);outline:none}.source-monitor video{width:100%;max-height:200px;border-radius:var(--r-sm);background:var(--media, var(--surface))}.source-monitor audio{width:100%}.filler-cuts{position:fixed;left:16px;bottom:16px;z-index:55;width:340px;max-width:calc(100vw - 32px);max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r-lg);background:var(--raised);box-shadow:var(--shadow-2)}.filler-cuts ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.filler-cuts li{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--text-2)}.filler-cuts li .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multicam-panel{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:55;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r-lg);background:var(--raised);box-shadow:var(--shadow-2)}.source-head{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--fs-sm)}.source-head .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-marks,.source-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.source-actions .name-input{flex:1;min-width:0;height:26px;padding:0 8px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-xs)}.toasts{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:8px;align-items:center;max-width:calc(100vw - 32px)}.toast{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:var(--raised);box-shadow:var(--shadow-2);max-width:380px;font-size:var(--fs-md);animation:pop var(--t-fast) var(--ease);user-select:text}.toast svg.i{color:var(--ok);flex:none}.toast.error{box-shadow:var(--shadow-2),inset 0 0 0 1px var(--danger)}.toast.error svg.i{color:var(--danger)}.toast.upload{flex-direction:column;align-items:stretch;gap:6px;min-width:260px}.progress{height:4px;border-radius:var(--r-pill);background:var(--field-active);overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s}.panel{display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.panel-head{display:flex;align-items:center;gap:6px;height:44px;flex:none;padding:0 8px 0 12px}.panel-head .title{font:600 var(--fs-md)/1 var(--ui)}.panel-head .grow{flex:1}.panel-body{flex:1;min-height:0;overflow:auto}.empty{display:grid;place-items:center;text-align:center;gap:8px;padding:28px 18px;color:var(--text-3);font-size:var(--fs-sm);line-height:1.5}.empty svg.i{width:22px;height:22px;color:var(--text-4)}.card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);transition:box-shadow var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.card.interactive:hover,.card.interactive:focus-visible{box-shadow:var(--shadow-2);transform:translateY(-2px);outline:none}.well{border-radius:var(--r-md);background:var(--surface-2)}.row-item{display:flex;align-items:center;gap:8px;height:var(--row);margin:0 6px;padding:0 8px;border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-md);white-space:nowrap}button.row-item{border:0;background:transparent;font:inherit;text-align:left;justify-content:flex-start;cursor:pointer}.row-item:hover{background:var(--hover);color:var(--text)}.row-item.on{background:var(--accent-soft);color:var(--text)}.row-item .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.row-item svg.i{width:14px;height:14px}.row-item .meta{font-size:var(--fs-xs);color:var(--text-3)}.mark{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-text)}.mark svg{width:14px;height:14px;fill:currentColor}.mark.working svg{animation:work 1.4s var(--ease) infinite}@keyframes work{50%{opacity:.35}}.lightbox{position:fixed;inset:0;z-index:60;background:var(--scrim);display:grid;place-items:center;cursor:zoom-out;padding:24px}.lightbox img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:var(--shadow-2)}.driver-popover.tramme-tour{font-family:var(--ui);color:var(--text);background:var(--raised);border-radius:var(--r-lg);padding:14px 16px 12px;min-width:260px;max-width:340px;box-shadow:var(--shadow-2)}.driver-popover.tramme-tour .driver-popover-title{font:600 14px/1.4 var(--ui);color:var(--text);padding-right:22px}.driver-popover.tramme-tour .driver-popover-description{font:400 var(--fs-md)/1.55 var(--ui);color:var(--text-2)}.driver-popover.tramme-tour .driver-popover-description b{color:var(--text);font-weight:600}.driver-popover.tramme-tour .driver-popover-close-btn{color:var(--text-3);width:30px;height:30px;font-size:17px}.driver-popover.tramme-tour .driver-popover-close-btn:hover,.driver-popover.tramme-tour .driver-popover-close-btn:focus{color:var(--text)}.driver-popover.tramme-tour .driver-popover-close-btn:focus{outline:none}.driver-popover.tramme-tour .driver-popover-close-btn:focus-visible{box-shadow:var(--focus);border-radius:var(--r-sm)}.driver-popover.tramme-tour .driver-popover-footer{margin-top:14px;gap:10px}.driver-popover.tramme-tour .driver-popover-progress-text{font:400 var(--fs-xs) var(--mono);color:var(--text-3)}.driver-popover.tramme-tour .driver-popover-footer-btn{font:500 var(--fs-sm)/1 var(--ui);height:var(--h-sm);padding:0 11px;display:inline-flex;align-items:center;text-shadow:none;border:0;border-radius:var(--r-pill);background:var(--field);color:var(--text)}.driver-popover.tramme-tour .driver-popover-footer-btn:hover,.driver-popover.tramme-tour .driver-popover-footer-btn:focus{background:var(--field-hover)}.driver-popover.tramme-tour .driver-popover-next-btn{background:var(--accent);color:var(--on-accent);font-weight:600}.driver-popover.tramme-tour .driver-popover-next-btn:hover,.driver-popover.tramme-tour .driver-popover-next-btn:focus{background:var(--accent-hover)}.driver-popover.tramme-tour .driver-popover-navigation-btns button+button{margin-left:6px}.driver-popover.tramme-tour .driver-popover-arrow-side-left{border-left-color:var(--raised)}.driver-popover.tramme-tour .driver-popover-arrow-side-right{border-right-color:var(--raised)}.driver-popover.tramme-tour .driver-popover-arrow-side-top{border-top-color:var(--raised)}.driver-popover.tramme-tour .driver-popover-arrow-side-bottom{border-bottom-color:var(--raised)}.driver-active-element{border-radius:var(--r-sm)}a.brand{text-decoration:none;border-radius:var(--r-sm);padding:2px 4px;margin:-2px -4px}a.brand:hover{background:var(--hover)}.home{position:relative;height:100vh;height:100dvh;overflow:auto;background:var(--bg)}.home-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;height:56px;padding:0 24px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-top .brand{font-size:var(--fs-lg)}.home-top .grow{flex:1}.home-main{max-width:1280px;margin:0 auto;padding:28px 24px 64px;display:flex;flex-direction:column;gap:36px}.home-h{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.home-h h2{margin:0;font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em}.home-h .faint{font-size:var(--fs-sm)}.home-search{display:flex;align-items:center;gap:6px;margin-left:auto;padding:0 10px;height:30px;border-radius:var(--r-md);background:var(--field);box-shadow:inset 0 0 0 1px var(--line)}.home-search svg.i{width:14px;height:14px;color:var(--text-3);flex:none}.home-search input{width:150px;border:0;background:none;color:var(--text);font:var(--fs-sm) var(--ui);outline:none}.home-search input::placeholder{color:var(--text-3)}.home-search:focus-within{box-shadow:inset 0 0 0 1px var(--accent-line)}.home-note{display:flex;gap:8px;align-items:center;padding:10px 12px;margin-bottom:14px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);color:var(--text-2)}.home-note.err{color:var(--error-text);background:var(--error-bg)}.home-note svg.i{flex:none}.hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:44px 24px 8px;text-align:center}.hero h1{margin:0;font:650 var(--fs-hero)/1.04 var(--ui);letter-spacing:-.035em}.hero-sub{margin:0 0 10px;color:var(--text-2);font-size:15.5px}.brief-box{position:relative;width:min(760px,100%);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-2);text-align:left;transition:box-shadow var(--t-fast) var(--ease)}.brief-box:focus-within{box-shadow:var(--shadow-2),0 0 0 2px var(--accent-line)}.brief-box textarea{display:block;width:100%;min-height:92px;padding:18px 20px 26px;border:0;outline:none;resize:none;background:transparent;color:var(--text);font:400 15.5px/1.55 var(--ui);user-select:text}.brief-box textarea::placeholder{color:var(--text-3)}.brief-box .command-menu{top:calc(100% + 6px);bottom:auto;left:0;right:0}.brief-files{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 6px}.brief-bar{display:flex;align-items:center;gap:6px;padding:8px 10px 10px 12px}.brief-bar .grow{flex:1}.brief-formats button i{display:block;border:1.5px solid currentColor;border-radius:2px}.hero-ideas{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;outline:none}.card-thumb{flex:none;aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;background:var(--stage)}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.frame{display:grid;place-items:center;max-width:62%;max-height:62%;width:62%;border-radius:var(--r-xs);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-4)}.frame svg.i{width:20px;height:20px}.card-meta{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding:12px 40px 12px 14px;min-width:0}.card-name{font:600 var(--fs-md)/1.3 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{color:var(--text-3);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-more{position:absolute;right:8px;bottom:12px;opacity:0;transition:opacity var(--t-fast) var(--ease)}.card:hover .card-more,.card-more.on{opacity:1}@media(pointer:coarse){.card-more{opacity:1}}.ghost-card{pointer-events:none}.ghost-card .card-meta i{display:block;height:9px;border-radius:var(--r-xs);background:var(--raised);width:70%}.ghost-card .card-meta i+i{width:45%}.ghost-card .card-thumb{animation:pulse 1.4s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.home-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 20px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);color:var(--text-2)}.home-empty>svg.i{width:26px;height:26px;color:var(--text-4)}.home-empty .faint{max-width:420px;line-height:1.5}.home-empty .btn{margin-top:6px}.examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.example{display:flex;flex-direction:row;align-items:center;gap:14px;padding:12px;text-align:left;border:0;cursor:pointer}.example-thumb{flex:none;width:112px;aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-sm);background:var(--stage)}.example-thumb img{width:100%;height:100%;object-fit:cover;display:block}.example .frame{width:58%;max-width:58%;max-height:70%;color:var(--text-3)}.example-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;font-size:var(--fs-sm)}.example-text b{font-size:var(--fs-md);font-weight:600}.example-about{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.drop-hint{position:fixed;inset:12px;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-xl);border:2px dashed var(--accent-line);background:var(--scrim);color:var(--text);font-size:var(--fs-md);pointer-events:none}.drop-hint svg.i{width:24px;height:24px;color:var(--accent)}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.presets button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 8px;border:0;border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm)}.presets button:hover{background:var(--field-hover)}.presets button.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.presets .shape{width:40px;height:40px;display:grid;place-items:center;color:var(--text-3)}.presets .shape i{display:block;max-width:100%;max-height:100%;border-radius:3px;border:1.5px solid currentColor}.presets button.on .shape{color:var(--accent-text)}.presets .mono{font-size:10px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.inline-fields>div{display:flex;flex-direction:column;gap:8px}.issues{margin:0;padding:8px 10px 8px 26px;max-height:260px;overflow:auto;border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-sm);line-height:1.6;color:var(--text-2)}.issues b{color:var(--text);font-weight:500;margin-right:6px}@media(max-width:760px){.home-top{padding:0 16px}.home-top .btn .label{display:none}.home-top .btn{width:34px;padding:0;justify-content:center}.home-main{padding:20px 16px 48px;gap:28px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.examples{grid-template-columns:1fr}.presets{grid-template-columns:repeat(2,1fr)}.hero{padding:18px 0 8px}.brief-bar{flex-wrap:wrap;row-gap:8px}.brief-bar .seg{order:3;flex:1 0 100%}.brief-bar .seg button{flex:1 1 0;min-width:0;padding:0 6px}}.home-version{margin-top:8px;text-align:center;font-size:var(--fs-xs)}.home-version a{color:var(--accent)}.modal-body.settings{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;padding:0;height:min(640px,calc(100dvh - 80px))}.set-nav{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--line);overflow:auto}.set-search{height:var(--h-md);gap:6px;padding-left:8px;margin-bottom:4px}.set-search svg.i{width:14px;height:14px;color:var(--text-3);flex:none}.set-group{display:flex;flex-direction:column;gap:2px}.set-group-title{padding:14px 10px 6px;color:var(--text-3);font:500 var(--fs-xs)/1 var(--ui)}.set-nav-item{display:flex;align-items:center;gap:9px;width:100%;height:34px;margin:0;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--text-2);font-size:var(--fs-md);text-align:left;cursor:pointer}.set-nav-item svg.i{width:15px;height:15px;flex:none}.set-nav-item:hover{background:var(--hover);color:var(--text)}.set-nav-item.on{background:var(--hover);color:var(--text);font-weight:600}.set-nav-item.on svg.i{color:var(--accent-text)}.set-nav .grow{flex:1}.set-nav>.btn{justify-content:flex-start}.set-pane{display:flex;flex-direction:column;gap:22px;padding:22px 26px;overflow:auto;user-select:text}.set-results:not(:has(.set-row)):after{content:attr(data-empty);color:var(--text-3);font-size:var(--fs-md)}.set-results .set-section:not(:has(.set-row)){display:none}.set-section{display:flex;flex-direction:column;gap:12px}.set-section h3{margin:0;font:600 var(--fs-xl)/1.2 var(--ui);letter-spacing:-.02em;color:var(--text)}.set-section>p{margin:-4px 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--text-3)}.set-group-card{border-radius:var(--r-lg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.set-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:center;padding:14px 16px}.set-row+.set-row{box-shadow:0 -1px 0 var(--line)}.set-label{display:flex;flex-direction:column;gap:3px;min-width:0}.set-label>span:first-child{font:500 var(--fs-md)/1.3 var(--ui);color:var(--text)}.set-label .faint{font-size:var(--fs-sm);line-height:1.45;color:var(--text-3)}.set-control{display:flex;justify-content:flex-end}.set-note{margin:0;padding:14px 16px;font-size:var(--fs-sm);line-height:1.45;color:var(--text-3)}.set-row+.set-note{box-shadow:0 -1px 0 var(--line)}.set-confirm{display:flex;flex-direction:column;gap:8px;margin:0 16px 14px;padding:10px 12px;border-radius:var(--r-md);background:var(--field);font-size:var(--fs-sm);line-height:1.5}.set-confirm-actions{display:flex;justify-content:flex-end;gap:6px}.set-actions{display:flex;gap:2px}.set-form{gap:10px}.set-form-field{display:flex;flex-direction:column;gap:4px;color:var(--text-2)}.set-form-field .field{height:var(--h-md)}.set-form-error{color:var(--danger)}.set-form-link{margin-right:auto}.set-number{width:112px}.set-pair{display:flex;gap:6px}.set-pair>.field{width:150px}.set-pair>.btn{flex:none}.set-control .seg button{flex:none;padding:0 10px;white-space:nowrap}.set-info{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.set-info svg.i{width:13px;height:13px;flex:none;margin-top:2px;color:var(--text-3)}.set-list{display:flex;flex-direction:column;gap:2px;margin:0 16px 14px;padding:4px;list-style:none;border-radius:var(--r-sm);background:var(--surface);max-height:220px;overflow:auto}.set-list li{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 4px;font-size:var(--fs-md)}.set-list li:hover{background:var(--hover);border-radius:var(--r-sm)}.set-list-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-list .faint{font-size:var(--fs-sm);white-space:nowrap}.set-list li.on{background:var(--accent-soft);border-radius:var(--r-sm)}.models-actions{align-items:center;gap:4px}.set-row+.models-note{box-shadow:none;display:flex;gap:6px;align-items:flex-start;margin-top:-10px;padding-top:0}.models-note+.set-row{box-shadow:0 -1px 0 var(--line)}.models-note svg.i{width:13px;height:13px;flex:none;margin-top:2px}.models-hub{flex:1;align-items:center}.models-hub>.field{flex:1;width:auto;min-width:0}.set-row.stack{grid-template-columns:1fr}.set-row.stack .set-control{justify-content:flex-start}.theme-cards{flex:1;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;margin-top:6px}.theme-card{display:flex;flex-direction:column;gap:7px;padding:0;border:0;background:none;color:var(--text-2);font-size:var(--fs-sm);text-align:left;cursor:pointer}.theme-card .prev{position:relative;aspect-ratio:16 / 10;border-radius:var(--r-md);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-strong)}.theme-card .prev .s{position:absolute;inset:18% 12% 0;border-radius:6px 6px 0 0}.theme-card .prev .l{position:absolute;left:22%;top:34%;width:40%;height:7%;border-radius:2px}.theme-card .prev .a{position:absolute;left:22%;top:54%;width:22%;height:12%;border-radius:9px}.theme-card.on{color:var(--text);font-weight:600}.theme-card.on .prev{box-shadow:0 0 0 2px var(--accent)}.vault-frame{display:block;width:calc(100% + 4px);margin:-1px -2px;border:0;background:transparent}html.vault,html.vault body{height:auto;overflow:visible;background:var(--raised)}html.vault:not(.compact) .set-row:not(.stack){grid-template-columns:minmax(0,1fr) auto}html.vault:not(.compact) .set-row:not(.stack) .set-control{justify-content:flex-end;overflow-x:visible}.vault-page{display:flex;flex-direction:column;gap:22px;padding:1px 2px 2px;user-select:text}.modal.wide:has(.settings){width:min(920px,100%)}.provider-row .set-actions{flex:none}@media(max-width:760px){.set-row{grid-template-columns:1fr}.set-control{justify-content:flex-start;overflow-x:auto}.modal-body.settings{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 90px)}.set-nav{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);max-height:38dvh}.set-search{flex:1 0 100%;margin-bottom:0}.set-nav>.btn{order:1;flex:none}.set-nav>.btn span{display:none}.set-group{order:2;flex:1 1 100%;min-width:0;flex-direction:row;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.set-group-title,.set-nav .grow{display:none}.set-nav-item{width:auto;flex:none;height:32px;padding:0 11px;margin:0;white-space:nowrap;border-radius:var(--r-pill)}.set-pane{padding:12px}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.chat-scroll{flex:1;min-height:0;overflow:auto}.chat{display:flex;flex-direction:column;gap:14px;padding:14px 12px}.msg{display:flex;flex-direction:column;gap:6px;line-height:var(--lh-ui);font-size:var(--fs-md);user-select:text}.msg.user{align-self:flex-end;max-width:88%}.msg.user .bubble{padding:8px 11px;border-radius:var(--r-md);background:var(--field-active);color:var(--text);white-space:pre-wrap;word-break:break-word}.msg.user .ctx{align-self:flex-end;font-size:var(--fs-xs);color:var(--text-3)}.msg.assistant .text{color:var(--text);word-break:break-word}.msg.assistant .text p{margin:0 0 8px}.msg.assistant .text p:last-child{margin-bottom:0}.msg.assistant .text code{font-family:var(--mono);font-size:11px;background:var(--field);padding:1px 4px;border-radius:3px}.msg.assistant .text pre{margin:6px 0;padding:8px 10px;border-radius:6px;background:var(--bg);overflow:auto;font-family:var(--mono);font-size:11px}.msg.assistant .text ul{margin:0 0 8px;padding-left:18px}.activity{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:var(--fs-sm);color:var(--text-3)}.activity svg.i{width:12px;height:12px}.activity.running svg.i{animation:spin 1s linear infinite}.activity .tool-progress{display:flex;align-items:center;gap:7px}.activity .tool-progress .progress{width:64px}.activity .tool-progress .mono{font-variant-numeric:tabular-nums}.activity.usage{margin-top:2px;font-variant-numeric:tabular-nums}.activity .mono{font-size:var(--fs-xs);margin-left:2px}.activity .tool-took{margin-left:auto;color:var(--text-4);font-variant-numeric:tabular-nums}.activity .tool-detail{flex-basis:100%;padding-left:19px;font-size:var(--fs-xs);word-break:break-word}.activity .tool-detail.error{color:var(--error-text)}.shot{border-radius:6px;overflow:hidden;box-shadow:var(--shadow-1);max-width:160px;cursor:zoom-in;background:var(--stage)}.shot img{display:block;width:100%}.shot-cap{font-size:var(--fs-xs);color:var(--text-3);margin-top:-2px}.proposal{border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.proposal.working{box-shadow:inset 0 0 0 1px var(--accent-line)}.proposal.done{opacity:.85}.proposal-head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px}.proposal-head .ptitle{flex:1;min-width:0;font:600 var(--fs-md)/1.2 var(--ui)}.proposal-head .ptag{height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;background:var(--expr-soft);color:var(--expr);font:500 var(--fs-xs)/1 var(--ui);white-space:nowrap}.proposal-head .ptag.ok{background:var(--ok-soft);color:var(--ok)}.proposal-head .ptag.no{background:var(--danger-soft);color:var(--danger)}.op-lines{list-style:none;margin:0;padding:0 12px 8px;display:flex;flex-direction:column;gap:3px;max-height:180px;overflow:auto}.op-lines li{font-size:var(--fs-sm);color:var(--text-2);display:flex;gap:6px;min-width:0}.op-lines li .op{font-family:var(--mono);font-size:10px;color:var(--text-3);width:14px;flex:none;text-align:center}.op-lines li .op.add{color:var(--ok)}.op-lines li .op.remove{color:var(--danger)}.op-lines li .op.replace{color:var(--key)}.op-lines li .what{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposal-actions{display:flex;gap:6px;padding:8px 10px 10px;align-items:center}.proposal-actions .grow{flex:1}.proposal.question{box-shadow:inset 0 0 0 1px var(--key)}.proposal.question .proposal-head svg.i{color:var(--key)}.question-text{margin:0;padding:0 12px 10px;font-size:var(--fs-md);color:var(--text-2)}.question-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:0 12px 10px}.question-choice{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none;color:var(--text-2);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-align:left}.question-choice img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-fast) var(--ease)}.question-choice:hover img,.question-choice:focus-visible img{box-shadow:0 0 0 2px var(--accent)}.question-choice:focus-visible{outline:none}.thread{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px 14px 24px}.thread>.access,.thread>.proposal{flex:none}.turn{display:flex;flex-direction:column;gap:10px}.note{padding:11px 13px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-slow) var(--ease)}.note.flash{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px var(--accent-soft)}.note-head{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:5px;color:var(--text-3);font-size:var(--fs-sm)}.note-n{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px 9px 9px 2px;background:var(--accent-soft);color:var(--accent-text);font:700 10px/18px var(--mono);text-align:center}.note-who{color:var(--text);font-weight:600}.note-tc{padding:0;border:0;background:none;color:var(--accent-text);font:500 var(--fs-xs) var(--mono);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.note-tc:hover{color:var(--accent)}.note-scene{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:150px;height:20px;padding:0 7px;border-radius:6px;background:var(--field);color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-scene svg.i{width:10px;height:10px;flex:none;color:var(--text-3)}.note-pin{display:grid}.note-pin svg.i{width:12px;height:12px;color:var(--accent-text)}.note-text{color:var(--text);font-size:var(--fs-md);line-height:var(--lh-ui);white-space:pre-wrap;word-break:break-word;user-select:text}.note .msg-files{margin-bottom:6px}.work{position:relative;display:flex;flex-direction:column;gap:9px;margin-left:9px;padding-left:14px;box-shadow:-2px 0 0 var(--line-strong)}.work.live{box-shadow:-2px 0 0 var(--accent)}.work-head{display:flex;align-items:center;gap:8px;font:600 var(--fs-sm)/1 var(--ui)}.work-head .mono{margin-left:auto;font-size:var(--fs-xs);font-weight:400}.work.scene{padding-left:10px;border-left:2px solid var(--line-strong)}.scene-name{font:600 var(--fs-sm)/1.3 var(--ui);color:var(--text)}.pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0;border:0;background:none;text-align:left;cursor:pointer}.pipeline .steps{display:inline-flex;align-items:center;gap:2px;margin-left:4px;color:var(--text-4);font-size:var(--fs-sm)}.pipeline:hover .steps{color:var(--text-2)}.pipeline .steps svg.i{width:11px;height:11px}.run{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-lg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.run-head{display:flex;align-items:center;gap:9px;min-width:0}.run-now{flex:1;min-width:0;overflow:hidden;color:var(--text-2);font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis}.run-head .mono{color:var(--text-3);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.run-meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-3);font-size:var(--fs-sm)}.run-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.run-bar i{height:3px;border-radius:2px;background:var(--line-strong)}.run-bar i.done{background:var(--accent)}.run-bar i.now{background:var(--accent-line)}.run.paused .run-bar i.now{background:var(--text-4)}.run-steps{display:flex;flex-direction:column;gap:7px}.run-actions{display:flex;align-items:center;gap:6px}.run-actions .grow{flex:1}.work-steps{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--r-sm);background:var(--surface-2)}.work-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.work-shot{padding:0;border:0;overflow:hidden;border-radius:6px;background:var(--stage);cursor:zoom-in;box-shadow:inset 0 0 0 1px var(--line)}.work-shot img{display:block;width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover}.work-text{color:var(--text);font-size:var(--fs-md);line-height:var(--lh-text);word-break:break-word;user-select:text}.work-text p{margin:0 0 8px}.work-text p:last-child{margin-bottom:0}.work-text ul{margin:0 0 8px;padding-left:18px}.work-text code{padding:1px 4px;border-radius:3px;background:var(--field);font-family:var(--mono);font-size:11px}.work-text pre{margin:6px 0;padding:8px 10px;overflow:auto;border-radius:6px;background:var(--bg);font-family:var(--mono);font-size:11px}.work-text.folded>.text{max-height:9.6em;overflow:hidden;-webkit-mask-image:linear-gradient(currentColor 60%,transparent);mask-image:linear-gradient(currentColor 60%,transparent)}.work-more{margin-top:4px;padding:0;border:0;background:none;color:var(--accent-text);font-size:var(--fs-sm)}.work-more:hover{text-decoration:underline}.take{overflow:hidden;border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--accent-line)}.take.pending{box-shadow:inset 0 0 0 1px var(--accent)}.take.accepted{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 45%,transparent)}.take.rejected{opacity:.72;box-shadow:inset 0 0 0 1px var(--line)}.take-head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px}.take-head .take-label{flex:1}.take-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 var(--fs-md)/1.2 var(--ui)}.take-n{display:inline-flex;align-items:center;gap:5px;flex:none;font-weight:600;font-size:var(--fs-sm);white-space:nowrap;color:var(--accent-text)}.take-n svg.i{width:12px;height:12px}.take-state{flex:none;height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;background:var(--field);color:var(--text-3);font:500 var(--fs-xs)/1 var(--ui)}.take-state.accepted{background:var(--ok-soft);color:var(--ok)}.take-foot{display:flex;align-items:flex-start;gap:8px;padding:0 12px 10px}.take-again{display:inline-flex;align-items:center;gap:5px;flex:none;margin-left:auto;padding:0;border:0;background:none;color:var(--text-2);font-size:var(--fs-sm)}.take-again:hover{color:var(--accent-text)}.take-again svg.i{width:12px;height:12px}.take-ops{flex:1;min-width:0;color:var(--text-3);font-size:var(--fs-sm)}.take-ops summary{cursor:pointer}.take-ops summary:hover{color:var(--text-2)}.take-ops .op-lines{margin-top:6px;padding:0;max-height:160px}.notes-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin:auto 0;padding:18px 8px;text-align:center;color:var(--text-2)}.notes-empty-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-text)}.notes-empty-mark svg.i{width:18px;height:18px}.notes-empty b{color:var(--text);font-size:var(--fs-md)}.notes-empty p{max-width:300px;margin:0;font-size:var(--fs-sm);line-height:var(--lh-ui)}.notes-empty ul{display:flex;flex-direction:column;gap:8px;margin:6px 0 0;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);list-style:none;text-align:left;font-size:var(--fs-md)}.notes-empty li{display:flex;align-items:center;gap:9px}.notes-empty li svg.i{width:13px;height:13px;flex:none;color:var(--accent-text)}.notes-empty .recent-chats{margin-top:10px}.composer-wrap{position:relative;padding:8px 10px 10px;flex:none}.composer{display:flex;flex-direction:column;border-radius:var(--r-md);background:var(--field);transition:box-shadow var(--t-fast) var(--ease)}.composer:focus-within{box-shadow:0 0 0 2px var(--accent-line)}.composer textarea{display:block;width:100%;min-height:40px;max-height:180px;padding:11px 12px 6px;border:0;background:transparent;outline:none;resize:none;line-height:1.5;font-size:var(--fs-md);user-select:text;color:var(--text)}.composer textarea::placeholder{color:var(--text-3)}.composer .bar{display:flex;align-items:center;gap:4px;padding:4px 6px 6px 8px}.composer .grow{flex:1;min-width:0;display:flex;gap:4px;overflow:hidden}.send{display:grid;place-items:center;width:var(--h-md);height:var(--h-md);border:0;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);flex:none}.send svg.i{width:15px;height:15px}.send:disabled{background:var(--field-active);color:var(--text-3);cursor:default}.send.stop{background:var(--text);color:var(--bg)}.suggest{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pending-files,.msg-files{display:flex;flex-wrap:wrap;gap:6px}.pending-files{padding:8px 8px 0}.msg.user .msg-files{justify-content:flex-end;margin-bottom:4px}.file-chip{display:inline-flex;align-items:center;gap:6px;max-width:220px;height:var(--h-md);padding:0 6px 0 4px;border-radius:var(--r-sm);background:var(--field);box-shadow:inset 0 0 0 1px var(--line-strong);font-size:var(--fs-sm);color:var(--text-2)}.file-chip img{width:24px;height:24px;object-fit:cover;border-radius:var(--r-xs);cursor:zoom-in;background:var(--stage)}.file-chip svg.i{width:14px;height:14px;color:var(--accent-text);flex:none;margin-left:4px}.file-chip .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-chip:has(.tag){max-width:320px}.file-chip .tag svg.i{width:11px;height:11px;margin:0;color:inherit}.msg.user .file-chip.image{height:auto;padding:4px}.msg.user .file-chip.image img{width:120px;height:auto;max-height:120px;object-fit:contain}.msg.user .file-chip.image .file-name{display:none}.command-menu{position:absolute;left:10px;right:10px;bottom:calc(100% - 2px);z-index:20;display:flex;flex-direction:column;max-height:min(340px,55vh);border-radius:var(--r-md);background:var(--raised);box-shadow:var(--shadow-2);overflow:hidden;animation:pop var(--t-fast) var(--ease)}.command-list{flex:1;min-height:0;overflow:auto;padding:4px;display:flex;flex-direction:column;gap:1px}.command-section{padding:8px 8px 4px;color:var(--text-3);font:500 var(--fs-xs)/1 var(--ui)}.command-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer}.command-row.on{background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}.command-icon{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-sm);background:var(--field);color:var(--text-2)}.command-row.on .command-icon{background:var(--accent-soft);color:var(--accent-text)}.command-icon svg.i{width:13px;height:13px}.command-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.command-line{display:flex;align-items:baseline;gap:8px;min-width:0}.command-title{font-size:var(--fs-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-name{flex:none;font-family:var(--mono);font-size:10.5px;color:var(--text-3)}.command-row.on .command-name{color:var(--accent-text)}.command-desc{font-size:var(--fs-sm);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-from{flex:none;max-width:90px;height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;background:var(--field);color:var(--text-2);font:500 var(--fs-xs)/1 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-keys{flex:none;display:flex;gap:14px;padding:6px 12px;border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs)}.command-keys kbd{margin-right:2px}@media(pointer:coarse){.command-keys{display:none}.command-row{padding:9px 8px}}.command-card{margin:6px 6px 0;padding:8px 9px;border-radius:var(--r-sm);background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.command-head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:var(--fs-md)}.command-head svg.i{width:12px;height:12px;color:var(--accent-text);align-self:center}.command-head .faint{font-size:var(--fs-xs)}.command-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.command-field{display:flex;flex-direction:column;gap:6px;min-width:0}.command-actions{display:flex;align-items:center;gap:8px}.command-actions .faint{flex:1;font-size:var(--fs-xs);line-height:1.4}.route{height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;font:500 var(--fs-xs)/1 var(--ui);background:var(--field);color:var(--text-2)}.route.companion,.route.local{background:var(--ok-soft);color:var(--ok)}.model-pick{display:inline-flex;align-items:center;gap:2px;height:var(--h-sm);max-width:132px;min-width:0;padding:0 3px 0 10px;border:0;border-radius:var(--r-sm);background:var(--field);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;flex:0 1 auto;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.model-pick>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-pick svg.i{width:12px;height:12px;flex:none}.model-pick:hover{color:var(--text);background:var(--field-hover)}.model-pick.wide{height:var(--h-md);max-width:240px;min-width:180px;justify-content:space-between;padding:0 6px 0 9px;font-size:var(--fs-md)}.models-pop{width:300px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;gap:6px;padding:8px;overflow:hidden}.models-pop>:not(.models-list){flex:none}.model-effort{padding-bottom:4px;border-bottom:1px solid var(--line)}.model-effort .seg{margin:2px 4px 0}.model-effort .seg button{padding-inline:4px;white-space:nowrap}.models-pop>.field{height:var(--h-md);gap:6px;padding-left:8px}.models-pop>.field svg.i{width:14px;height:14px;color:var(--text-3)}.models-list{flex:1 1 auto;min-height:0;max-height:min(420px,60vh);overflow:auto;display:flex;flex-direction:column;gap:6px}.model-group{display:flex;flex-direction:column;gap:1px}.model-group-title{padding:4px 6px 2px;font:500 var(--fs-xs)/1 var(--ui);color:var(--text-3)}.model-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px;margin:0 6px;padding:3px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:var(--fs-md);text-align:left;cursor:pointer}.model-opt>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-opt:hover,.model-opt:focus-visible{background:var(--hover);color:var(--text);outline:none}.model-opt.on{color:var(--text)}.model-opt.on svg.i{color:var(--accent-text);width:14px;height:14px}.model-note{display:flex;flex-direction:column;gap:4px;padding:2px 8px 4px;font-size:var(--fs-sm);line-height:1.45;color:var(--text-3)}.model-note .btn{align-self:flex-start}.model-note svg.i{width:14px;height:14px}.ai-settings{width:300px;max-height:calc(100vh - 16px);overflow:auto;display:flex;flex-direction:column;gap:8px;font-size:var(--fs-md)}.ai-settings .field{height:var(--h-md)}.ai-settings details summary{cursor:pointer;font-size:var(--fs-sm)}.ai-line{display:flex;align-items:center;gap:7px;margin-top:4px}.ai-line .faint{margin-left:auto}.ai-line .dot{width:7px;height:7px;border-radius:50%;background:var(--text-4)}.ai-line .dot.ok{background:var(--ok)}.ai-line .dot.off{background:var(--danger)}.assistant .access{display:flex;flex-direction:column;gap:8px;align-self:stretch;text-align:left;padding:12px;border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-sm);line-height:1.45;color:var(--text-2)}.assistant .access b{color:var(--text);font-weight:600}.assistant .access code.cmd{margin-top:0}.assistant .access .btn{align-self:flex-start}.ai-more{display:flex;flex-direction:column;gap:8px;margin-top:8px;line-height:1.45}.assistant .access-more summary{cursor:pointer;color:var(--text-3)}.assistant .access-more[open]{display:flex;flex-direction:column;gap:8px}.access-row{display:flex;gap:6px}.access-row .field{flex:1;min-width:0;height:var(--h-sm)}code.cmd{display:block;margin-top:4px;padding:6px 8px;border-radius:var(--r-xs);background:var(--surface);font-family:var(--mono);font-size:10.5px;color:var(--text);word-break:break-all;cursor:copy;user-select:text}.thinking{display:flex;flex-direction:column;gap:6px}.thinking-head{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:var(--text-3);font-size:var(--fs-sm);text-align:left}.thinking-head:disabled{cursor:default}.thinking-head:not(:disabled):hover{color:var(--text-2)}.thinking-head svg.i{width:12px;height:12px}.thinking.live .thinking-head{color:var(--expr)}.thinking.live .thinking-head svg.i:first-child{animation:spin 1s linear infinite}.thinking-head .mono{font-size:var(--fs-xs)}.thinking-body{max-height:180px;overflow:auto;padding:7px 10px;border-left:2px solid var(--expr-soft);border-radius:0 6px 6px 0;background:var(--expr-soft);color:var(--text-3);font-size:var(--fs-sm);line-height:1.5;white-space:pre-wrap;user-select:text}.thinking.live .thinking-body{max-height:96px;mask-image:linear-gradient(to bottom,transparent,currentColor 28px)}.chat-history{width:320px;display:flex;flex-direction:column;gap:8px}.history-head{display:flex;align-items:center;justify-content:space-between}.history-list{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow:auto;margin:0 -4px}.history-item{display:flex;align-items:center;gap:8px;min-height:28px;margin:0 6px;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer}.history-item:hover{background:var(--hover)}.history-item.on{background:var(--accent-soft)}.history-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.history-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-md)}.history-text .faint{font-size:var(--fs-xs)}.recent-chats{display:flex;flex-direction:column;gap:4px;width:100%;max-width:320px;margin-top:6px;text-align:left}.recent-chats>.faint{font-size:var(--fs-xs);padding-left:2px}.recent-chats button{display:flex;align-items:center;gap:8px;width:100%;min-height:28px;margin:0 6px;padding:7px 9px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:var(--fs-sm);text-align:left}.recent-chats button:hover{background:var(--hover);color:var(--text)}.recent-chats button svg.i{width:12px;height:12px;flex:none;color:var(--text-3)}.recent-chats button span:nth-of-type(1){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-chats button .faint{flex:none;font-size:var(--fs-xs)}.queue{display:flex;flex-direction:column;gap:4px;padding:0 2px 6px}.queue-row{display:flex;align-items:center;gap:6px;padding:5px 4px 5px 10px;border-radius:var(--r-sm);background:var(--field);color:var(--text-2);font-size:var(--fs-sm)}.queue-text{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.queue-files{display:flex;gap:4px;flex:none}.queue-note{display:flex;align-items:center;gap:8px;padding:0 4px;color:var(--text-3);font-size:var(--fs-sm)}.mic{position:relative;overflow:hidden}.mic svg.i{position:relative}.mic-level{position:absolute;inset:0;background:var(--accent-soft);transform-origin:bottom;transition:transform 80ms linear}.mic-time{color:var(--accent-text);font-size:var(--fs-sm)}.studio{display:grid;grid-template-rows:52px minmax(0,1fr);height:100vh;height:100dvh;background:var(--bg)}.studio-body{display:grid;grid-template-columns:minmax(0,1fr) var(--gutter) var(--side-w, 384px);gap:0;padding:0 var(--gutter) var(--gutter);min-height:0}.studio-main{display:flex;flex-direction:column;gap:var(--gutter);min-width:0;min-height:0}.studio .toasts{bottom:auto;top:64px}.studio-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--stage);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.studio-stage .viewport{position:absolute;inset:0;background:transparent}.studio-stage .viewport .stage{cursor:crosshair}.studio-stage.working .viewport canvas.picture{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px;animation:ring 1.6s var(--ease) infinite}@keyframes ring{50%{outline-color:var(--accent-soft)}}.studio-stage.has-take .viewport canvas.picture{outline:2px solid var(--accent-line);outline-offset:4px;border-radius:6px}.stage-top{position:absolute;top:14px;left:0;right:0;z-index:6;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.stage-top>*{pointer-events:auto}.pill{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;height:40px;padding:0 6px 0 8px;border-radius:var(--r-pill);background:var(--float);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:var(--shadow-2);white-space:nowrap;animation:pop var(--t-fast) var(--ease)}.pill .stage-name{font:600 var(--fs-md)/1 var(--ui)}.pill-detail{min-width:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;color:var(--text-3);font-size:var(--fs-sm)}.pill .progress{width:64px;flex:none}.pill .mono{font-size:var(--fs-xs)}.pill-stop{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:0;flex:none;background:var(--field-active);color:var(--text)}.pill-stop:hover{background:var(--danger);color:var(--on-danger)}.pill-stop.pause:hover{background:var(--field-hover);color:var(--text)}.pill-stop svg.i{width:11px;height:11px;fill:currentColor;stroke:none}.take-pill{padding-left:14px}.take-pill .take-label{max-width:260px}.take-actions{display:flex;align-items:center;gap:6px;min-width:0}.take-actions .grow{flex:1}.take-actions .btn{border-radius:var(--r-pill)}.invite{position:absolute;inset:60px 32px 150px;z-index:3;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;pointer-events:none}.invite-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text)}.invite-mark svg{width:28px;height:28px;fill:currentColor}.invite.making .invite-mark svg{animation:work 1.4s var(--ease) infinite}.invite h2{margin:0;font-size:clamp(22px,3vw,32px);font-weight:650;letter-spacing:-.02em}.invite p{margin:0;max-width:400px;color:var(--text-2);font-size:var(--fs-md);line-height:var(--lh-text)}.pins{position:absolute;inset:0;z-index:2;pointer-events:none}.pin{position:absolute;padding:0;border:0;background:none;transform:translate(-3px,-100%);pointer-events:auto;cursor:pointer}.pin span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:12px 12px 12px 3px;background:var(--accent);color:var(--on-accent);font:700 11px var(--mono);box-shadow:0 0 0 2px var(--on-media),0 6px 16px var(--media-scrim)}.pin:hover span{transform:scale(1.08)}.pin.new{pointer-events:none}.pin.new span{animation:drop .32s var(--ease)}@keyframes drop{0%{transform:translateY(-14px) scale(.6);opacity:0}}.stage-foot{position:absolute;left:50%;bottom:14px;z-index:6;width:min(780px,calc(100% - 40px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.chip.fill{border-style:dashed}.direct{position:relative}.direct .composer-wrap{padding:0}.direct .command-menu{left:0;right:0}.direct .composer{position:relative;border-radius:var(--r-xl);background:var(--float);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:var(--shadow-2)}.direct .composer:focus-within{box-shadow:var(--shadow-2),0 0 0 2px var(--accent-line)}.direct .composer textarea{min-height:50px;max-height:116px;box-sizing:border-box;padding:14px 16px 6px;font-size:var(--fs-md);line-height:1.5}.direct .composer .bar{padding:4px 8px 8px 10px}.direct-context{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.ctx-chip{display:inline-flex;align-items:center;gap:5px;flex:none;max-width:220px;height:22px;padding:0 8px;border:0;border-radius:var(--r-pill);background:var(--field);color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap}.ctx-chip>span{overflow:hidden;text-overflow:ellipsis}.ctx-chip.mono{font-family:var(--mono);font-size:10.5px}.ctx-chip svg.i{width:11px;height:11px;flex:none}.ctx-chip.on{background:var(--accent-soft);color:var(--text);flex-shrink:1;min-width:0}button.ctx-chip:hover{background:var(--field-hover);color:var(--text)}.direct-hint{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;box-shadow:var(--shadow-2);animation:pop var(--t-fast) var(--ease)}.direct-hint svg.i{width:13px;height:13px}.storyboard{flex:none;display:flex;flex-direction:column;gap:6px;padding:8px 14px 10px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);contain:layout paint}.sb-head{display:flex;align-items:center;gap:10px;height:30px;min-width:0}.sb-play{display:grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:50%;background:var(--text);color:var(--bg)}.sb-play svg.i{width:14px;height:14px;fill:currentColor;stroke:none}.sb-where{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:var(--fs-sm);white-space:nowrap}.sb-time{font:600 var(--fs-md) var(--mono);font-variant-numeric:tabular-nums}.sb-where .faint{font-size:var(--fs-xs)}.sb-now{min-width:0;overflow:hidden;text-overflow:ellipsis;margin-left:8px;color:var(--text-2);font-size:var(--fs-md)}.sb-head .grow{flex:1}.sb-track{position:relative;touch-action:none;user-select:none}.sb-scenes{position:relative}.sb-scene{position:absolute;top:0;bottom:0;overflow:hidden;border-radius:var(--r-sm);cursor:pointer;background:var(--stage);transition:box-shadow var(--t-fast) var(--ease)}.sb-scene.on{box-shadow:0 0 0 2px var(--accent);z-index:1}.sb-frames{display:flex;height:100%}.sb-frames img,.sb-frames i{display:block;flex:1 1 0;min-width:0;height:100%;object-fit:cover}.sb-frames i{background:linear-gradient(90deg,var(--field) 0%,var(--field-hover) 50%,var(--field) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.sb-label{position:absolute;left:5px;bottom:5px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 10px);height:20px;padding:0 7px 0 5px;border-radius:6px;background:var(--media-scrim);color:var(--on-media);font-size:var(--fs-xs)}.sb-label b{font:600 10px var(--mono);color:var(--on-media);opacity:.65}.sb-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-scene.live .sb-label b{opacity:1}.sb-dur{position:absolute;top:5px;right:5px;padding:1px 6px;border-radius:5px;background:var(--media-scrim);color:var(--on-media);font:10px var(--mono)}.sb-sound{position:relative;height:24px;margin-top:6px;border-radius:var(--r-sm);background:var(--surface-2)}.sb-clip{position:absolute;top:3px;bottom:3px;overflow:hidden;border-radius:5px;--c: var(--text-3);background:color-mix(in srgb,var(--c) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 26%,transparent)}.sb-clip.voice{--c: var(--accent)}.sb-clip.ambience{--c: var(--t-shape)}.sb-clip svg{display:block;width:100%;height:100%}.sb-clip path{fill:var(--c);opacity:.5}.sb-tick{position:absolute;z-index:1;top:8px;bottom:8px;width:2px;margin-left:-1px;border-radius:1px;background:var(--text-4);opacity:.7}.sb-tick.hero{top:4px;bottom:4px;background:var(--key);opacity:1}.sb-notes{position:relative;height:22px;margin-top:3px}.sb-note{position:absolute;top:2px;min-width:18px;height:18px;padding:0 5px;transform:translate(-3px);border:0;border-radius:9px 9px 9px 2px;background:var(--accent);color:var(--on-accent);font:700 10px var(--mono);cursor:pointer}.sb-note:not(.pinned){background:var(--field-active);color:var(--text)}.sb-playhead{position:absolute;top:-3px;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--text);border-radius:1px;pointer-events:none;z-index:4;will-change:transform}.sb-playhead:before{content:"";position:absolute;top:2px;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--text);box-shadow:0 0 0 2px var(--surface)}.studio-side{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.side-head{display:flex;align-items:center;gap:4px;height:44px;flex:none;padding:0 8px 0 10px}.side-head .grow{flex:1}.side-head>.seg{flex:none}.side-head .route,.side-head .icon-btn{flex:none}.studio-side{container-type:inline-size}@container (max-width: 460px){.side-head .route{display:none}}.side-head .model-pick{flex:0 1 auto;min-width:72px}.side-body{flex:1;min-height:0;overflow:auto}.studio .thread{padding:4px 10px 24px}.direction{display:flex;flex-direction:column;gap:24px;padding:16px 16px 28px}.dir-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.dir-section{display:flex;flex-direction:column;gap:10px}.dir-head{display:flex;align-items:baseline;gap:8px}.dir-head h4{margin:0;font-size:var(--fs-md)}.dir-hint{margin:-4px 0 0;color:var(--text-3);font-size:var(--fs-sm);line-height:1.5}.dir-saved{display:inline-flex;align-items:center;gap:4px;color:var(--ok);font-size:var(--fs-sm)}.dir-saved svg.i{width:12px;height:12px}.dir-field{display:flex;flex-direction:column;gap:5px}.dir-target{width:100%;max-height:220px;object-fit:cover;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line-strong)}.dir-idea{margin:0;color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.dir-scenes{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.dir-scenes li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-sm)}.dir-scenes li>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-kind{flex:none;color:var(--text-3)}.dir-label{color:var(--text-2);font:500 var(--fs-sm)/1 var(--ui)}.dir-field textarea{width:100%;padding:8px 10px;resize:vertical;border:0;border-radius:var(--r-sm);outline:none;background:var(--field);color:var(--text);font:400 var(--fs-md)/1.5 var(--ui);user-select:text}.dir-field textarea:focus{box-shadow:0 0 0 2px var(--accent-line)}.dir-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.dir-swatch{display:flex;align-items:center;gap:7px;min-width:0;padding:5px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm)}.dir-swatch i{flex:none;width:22px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-strong)}.dir-swatch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-fonts{display:flex;flex-wrap:wrap;gap:8px}.dir-fonts span{padding:6px 10px;border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--fs-lg)}.dir-sources{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.dir-source{display:flex;flex-direction:column;gap:4px;min-width:0;padding:4px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs)}.dir-source img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:5px}.dir-source svg.i{width:100%;height:44px;padding:12px 0;color:var(--text-3)}.dir-source>span:not(.tag){padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-source .tag{align-self:flex-start;max-width:100%}.dir-source .tag svg.i{width:11px;height:11px;padding:0;color:inherit}@media(max-width:1180px){.studio-body{grid-template-columns:minmax(0,1fr) var(--gutter) min(var(--side-w, 330px),420px)}}@media(max-width:1020px){.topbar .seg .seg-label{display:none}.topbar .seg button{padding:0 9px}}@media(max-width:900px){.topbar .format-pill{display:none}}@media(max-width:760px){.studio{grid-template-rows:52px minmax(0,1fr)}.studio-body{display:flex;flex-direction:column;overflow:auto;gap:var(--gutter);padding:var(--gutter)}.studio-main{flex:none}.studio-stage{flex:none;height:44vh;height:44dvh;min-height:220px}.stage-foot{position:fixed;left:0;right:0;bottom:0;width:auto;transform:none;padding:18px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 22px)}.chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.storyboard{padding:6px 10px 8px}.sb-now{display:none}.studio-side{flex:none;min-height:60vh;padding-bottom:150px}.studio-body>.resizer{display:none}.thread{overflow:visible}.invite{bottom:20px}.invite p{display:none}}.pin-tools{display:inline-flex;gap:2px}.flip{transform:rotate(180deg)}.strokes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stroke{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px var(--media-scrim))}.stroke.area{fill:var(--accent-soft);stroke-dasharray:7 5}.stroke.area.hint{stroke-dasharray:2 6}.stroke.review,.stroke.drawing{stroke-dasharray:7 5}.cand{position:absolute;border:2px dashed var(--line-strong);border-radius:4px;background:transparent;pointer-events:none}.cand.on{border:2px solid var(--accent);background:var(--accent-soft)}.area-review,.retouch-list{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--r-lg);background:var(--float);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--line)}.area-head{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.area-review p{margin:0;font-size:var(--fs-xs)}.area-layers,.area-actions{display:flex;flex-wrap:wrap;gap:6px}.area-layers .chip.on{background:var(--accent-soft);color:var(--text)}.retouch-head{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm)}.retouch-head .grow{flex:1}.retouch-list ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;max-height:160px;overflow:auto}.retouch-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--r-md);background:var(--field)}.retouch-n{color:var(--accent-text);font-size:var(--fs-xs);text-align:center}.retouch-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;font-size:var(--fs-sm)}.retouch-text>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.retouch-text svg.i{width:12px;height:12px;align-self:center}.retouch-actions{display:inline-flex;gap:0}.send-all{flex:none}.studio-stage .viewport{touch-action:none}@media(max-width:760px){.send-all{display:none}.retouch-list li{grid-template-columns:28px minmax(0,1fr)}.retouch-actions{grid-column:1 / -1;justify-content:flex-end}}.side-retouch{display:flex;flex-direction:column;gap:8px;flex:none;max-height:45%;overflow:auto;padding:0 12px 8px}.side-retouch:empty{display:none}.side-retouch .area-review,.side-retouch .retouch-list{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface-2)}.side-retouch .retouch-list ol{max-height:none}.app{display:grid;grid-template-rows:52px minmax(0,1fr);height:100vh;height:100dvh}.workspace{display:grid;min-height:0;gap:0 var(--gutter);padding:0 var(--gutter) var(--gutter);background:var(--bg)}.col{display:flex;flex-direction:column;min-width:0;min-height:0}.col.right{gap:var(--gutter)}.transport,.bottom,.viewport,.timecode,.transport .total{contain:layout paint}.center{display:flex;flex-direction:column;min-width:0;min-height:0;gap:0}.resizer{position:relative;z-index:5;background:transparent}.resizer.v{width:var(--gutter);cursor:col-resize}.resizer.h{height:var(--gutter);cursor:row-resize}.resizer:after{content:"";position:absolute;inset:-3px}.resizer.v:after{inset:0 -3px}.resizer.h:after{inset:-3px 0}.resizer:before{content:"";position:absolute;z-index:1;border-radius:var(--r-pill);background:transparent;transition:background-color var(--t-fast) var(--ease)}.resizer.v:before{left:50%;top:0;bottom:0;width:2px;margin-left:-1px}.resizer.h:before{top:50%;left:0;right:0;height:2px;margin-top:-1px}.resizer:hover:before,.resizer.dragging:before{background:var(--accent-line)}.resizer:before{background:var(--line-soft)}.topbar{display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;min-width:0;background:transparent}.brand{display:flex;align-items:center;gap:8px;font:600 14px/1 var(--ui);letter-spacing:-.02em;color:var(--text)}.brand-mark{flex:none;color:var(--accent)}.topbar .sep{width:1px;height:18px;background:var(--line-strong);flex:none}.project{display:flex;align-items:center;gap:8px;min-width:0}.project input.title{background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:4px 6px;min-width:60px;max-width:280px;font:600 13.5px/1.3 var(--ui);letter-spacing:-.01em;color:var(--text)}.project input.title:hover{background:var(--field)}.project input.title:focus{background:var(--field);border-color:var(--accent-line);outline:none}@supports (field-sizing: content){.project input.title{field-sizing:content;width:auto!important}}.save-state{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 7px;border-radius:6px;color:var(--text-3);font:500 var(--fs-xs)/1 var(--ui);white-space:nowrap}.save-state .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.save-state.dirty .dot{background:var(--key)}.save-state.error{color:var(--danger)}.save-state.error .dot{background:var(--danger)}.topbar .grow{flex:1}.topbar .group{display:flex;align-items:center;gap:2px}.topbar .settings{display:flex;align-items:center;gap:6px}.topbar .more-btn{display:none}.export-dot{width:7px;height:7px;border-radius:50%;background:var(--on-accent);opacity:.85;flex:none}.versions-pop{display:flex;flex-direction:column;gap:8px;min-width:280px;max-width:340px}.versions-row{display:flex;align-items:center;gap:6px}.versions-row+.versions-row{box-shadow:0 -1px 0 var(--line);padding-top:6px}:root[data-frame] .home-top{height:52px}:root[data-frame=own] .topbar,:root[data-frame=own] .home-top{padding-right:0}:root[data-frame=mac]:not([data-fullscreen]) .topbar,:root[data-frame=mac]:not([data-fullscreen]) .home-top{padding-left:80px}.window-controls{display:flex;align-self:stretch;flex:none;margin-left:4px}.window-controls button{display:grid;place-items:center;width:46px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-2);cursor:default}.window-controls button:hover{background:var(--hover);color:var(--text)}.window-controls button.close:hover{background:var(--close-red);color:var(--close-red-ink)}.tree{padding:4px 0}.tree-filter{position:sticky;top:-4px;z-index:2;display:flex;align-items:center;gap:6px;height:28px;margin:-4px 0 2px;padding:0 6px 0 10px;background:var(--surface);border-bottom:1px solid var(--line-soft);color:var(--text-3)}.comp-trail{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 8px 6px;margin-bottom:4px;border-bottom:1px solid var(--line-soft);font-size:var(--fs-sm);color:var(--text-3)}.comp-trail button{border:0;background:none;padding:2px 4px;border-radius:var(--r-xs);color:var(--accent-text);cursor:pointer;font:inherit}.comp-trail button:hover{background:var(--field-hover)}.comp-trail .here{padding:2px 4px;color:var(--text);font-weight:600}.tree-filter input{flex:1;min-width:0;height:22px;border:0;background:none;color:var(--text);outline:none;font-size:var(--fs-md)}.tree-none{padding:8px 12px;font-size:var(--fs-md)}.tree-row{position:relative;display:flex;align-items:center;gap:4px;height:var(--row);margin:1px 6px;padding-right:6px;color:var(--text-2);cursor:default;border-radius:var(--r-sm)}.tree-row:hover{background:var(--hover);color:var(--text)}.tree-row.selected{background:var(--accent-soft);color:var(--text)}.tree-row.inactive .name{color:var(--text-3)}.tree-row.hidden .name{color:var(--text-4);text-decoration:line-through;text-decoration-color:var(--text-4)}.tree-row .depth{width:14px;flex:none}.tree-row .twist{width:16px;height:16px;display:grid;place-items:center;color:var(--text-3);border:0;background:none;padding:0;flex:none;border-radius:var(--r-xs)}.tree-row .twist svg.i{width:12px;height:12px;transition:transform var(--t-fast) var(--ease)}.tree-row .twist.open svg.i{transform:rotate(90deg)}.tree-row .kind{width:16px;height:16px;display:grid;place-items:center;flex:none}.tree-row .kind svg.i{width:13px;height:13px}.tree-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row .name input{width:100%;height:20px;padding:0 4px;background:var(--field);border:1px solid var(--accent-line);border-radius:var(--r-xs);outline:none}.tree-row .row-actions{display:flex;gap:1px;opacity:0;transition:opacity var(--t-fast) var(--ease)}.tree-row:hover .row-actions,.tree-row .row-actions .on,.tree-row .row-actions.always{opacity:1}.tree-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.tree-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.tree-row.drop-inside{background:var(--accent-soft)}.tree-row .badge{width:16px;height:16px;display:grid;place-items:center;flex:none;color:var(--text-3)}.tree-row .row-actions .icon-btn{width:20px;height:20px}.list-row{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 10px;color:var(--text-2)}.list-row:hover{background:var(--hover);color:var(--text)}.list-row.on{background:var(--accent-soft);color:var(--text)}.list-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .meta{font-size:var(--fs-xs);color:var(--text-3)}.thumb{width:34px;height:26px;border-radius:var(--r-sm);background:var(--field) center/cover no-repeat;flex:none;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;color:var(--text-3)}.thumb svg.i{width:14px;height:14px}.section-label{padding:12px 10px 6px;font-size:var(--fs-xs);font-weight:500;color:var(--text-3)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;padding:2px 10px 10px}.token{display:flex;align-items:center;gap:8px;padding:6px;border-radius:var(--r-sm);background:var(--surface-2);min-width:0}.token .swatch{width:26px;height:26px;border-radius:var(--r-xs)}.token .tname{font-size:var(--fs-sm);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token .tval{font-size:10px;color:var(--text-3);font-family:var(--mono)}.ease-thumb{width:26px;height:26px;border-radius:var(--r-xs);background:var(--field);flex:none}.ease-thumb path{stroke:var(--key);stroke-width:1.6;fill:none}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}.assets-grid button{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:var(--r-sm);background:var(--stage);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-strong)}.assets-grid button img{width:100%;height:100%;object-fit:contain;display:block}.assets-grid button.on{box-shadow:0 0 0 2px var(--accent)}.viewport{position:relative;flex:1;min-height:120px;overflow:hidden;background:var(--stage);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.viewport .stage{position:absolute;transform-origin:0 0}.viewport canvas.picture{display:block;width:100%;height:100%;border-radius:6px;box-shadow:var(--picture-shadow);image-rendering:auto}.viewport svg.overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.viewport.bare canvas.picture{border-radius:6px}.viewport .toolbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill);background:var(--float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-2);z-index:3}.viewport .toolbar .sep{width:1px;height:16px;background:var(--line-strong);margin:0 4px}.viewport .toolbar .zoom{min-width:52px;text-align:center;font:500 var(--fs-sm) var(--mono);color:var(--text-2);border:0;background:transparent;height:26px;padding:0 10px;border-radius:var(--r-pill)}.viewport .toolbar .zoom:hover{background:var(--hover);color:var(--text)}.viewport .toolbar .quality{color:var(--text-2)}.viewport .toolbar .quality:hover{background:var(--hover);color:var(--text)}.viewport .toolbar .quality svg.i{width:13px;height:13px}.viewport .toolbar .quality.reduced{color:var(--key)}.viewport .banner{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 12px;border-radius:var(--r-pill);background:var(--float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-2);white-space:nowrap;max-width:calc(100% - 24px)}.viewport .banner .label{overflow:hidden;text-overflow:ellipsis}.viewport .error{position:absolute;left:12px;right:12px;top:52px;z-index:4;padding:10px 12px;border-radius:var(--r-md);background:var(--error-bg);color:var(--error-text);box-shadow:var(--shadow-2);font-family:var(--mono);font-size:11px;white-space:pre-wrap;max-height:40%;overflow:auto;user-select:text}.viewport .loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-3)}.gizmo-box{fill:none;stroke:var(--accent);stroke-width:1.25;vector-effect:non-scaling-stroke}.gizmo-hover{fill:none;stroke:var(--accent-line);stroke-width:1;vector-effect:non-scaling-stroke}.gizmo-handle{fill:var(--handle);stroke:var(--accent);stroke-width:1.25;vector-effect:non-scaling-stroke}.gizmo-handle.node-handle{fill:var(--accent);stroke:var(--handle)}.gizmo-handle.path-handle{fill:var(--handle);stroke:var(--accent)}.gizmo-handle.path-handle.on,.gizmo-handle.tangent-handle{fill:var(--accent);stroke:var(--handle)}.gizmo-outline{fill:none;stroke:var(--accent-line);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.gizmo-tangent{stroke:var(--accent-line);stroke-width:1;vector-effect:non-scaling-stroke}.gizmo-anchor{fill:none;stroke:var(--handle);stroke-width:1.25;vector-effect:non-scaling-stroke}.safe-line{fill:none;stroke:color-mix(in srgb,var(--key) 55%,transparent);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.safe-label{fill:color-mix(in srgb,var(--key) 80%,transparent);font:600 10px var(--ui)}.grid-line{stroke:var(--grid);stroke-width:1;vector-effect:non-scaling-stroke}.transport{display:flex;align-items:center;gap:10px;height:48px;padding:0 10px 0 12px;flex:none}.transport .controls{display:flex;align-items:center;gap:1px}.transport .play{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--text);color:var(--bg)}.transport .play:hover:not(:disabled){background:var(--text-2)}.transport .play svg.i{width:14px;height:14px;fill:currentColor;stroke:none}.timecode{display:flex;align-items:baseline;gap:8px}.timecode input{width:104px;height:26px;padding:0 6px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;font:600 var(--fs-lg)/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.01em}.timecode input:hover{background:var(--field)}.timecode input:focus{background:var(--field);border-color:var(--accent-line);outline:none}.timecode .total{color:var(--text-3);font:var(--fs-xs) var(--mono)}.transport{white-space:nowrap}.transport>:not(.grow){flex:none}.transport .grow{flex:1}@container (max-width: 880px){.transport .render-ms{display:none}}@container (max-width: 800px){.transport .total .fps{display:none}.transport .tl-zoom input[type=range]{width:60px}}@container (max-width: 720px){.transport .tl-zoom{display:none}}@container (max-width: 640px){.transport{gap:4px;padding:0 6px}.transport .total{display:none}.transport .controls .icon-btn:not(.play){width:26px}.timecode input{width:92px;font-size:var(--fs-md)}.transport .seg button{padding:0 6px}.transport .seg button svg.i{display:none}}@container (max-width: 480px){.transport .controls .icon-btn:is([data-step=start],[data-step=end]){display:none}.transport .seg button svg.i{display:block}.transport .seg .seg-label{display:none}.transport .seg button{padding:0 9px}}.tl-zoom{display:flex;align-items:center;gap:4px}.tl-zoom input[type=range]{width:90px;height:4px;border-radius:var(--r-pill);background:var(--field-active);accent-color:var(--accent)}.bottom{display:flex;flex-direction:column;min-height:0;container-type:inline-size}.timeline{flex:1;min-height:0;display:grid;grid-template-columns:var(--names, 150px) minmax(0,1fr);grid-template-rows:26px 1fr;position:relative}.tl-corner{display:flex;align-items:center;padding:0 4px 0 12px;gap:6px;color:var(--text-3);font-size:var(--fs-xs)}.tl-corner .grow{flex:1}.tl-corner>svg.i,.tl-corner>:not(.grow):not(.tl-count){flex:none}.tl-count{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-ruler{position:relative;overflow:hidden;cursor:ew-resize}.tl-ruler .tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--line-strong)}.tl-ruler .tick.minor{top:20px;border-color:var(--line)}.tl-ruler .tick span{position:absolute;top:4px;left:4px;font:10.5px var(--mono);color:var(--text-3);white-space:nowrap}.tl-marker{position:absolute;top:0;bottom:0;width:0}.tl-marker:before{content:"";position:absolute;top:18px;left:-4px;width:8px;height:8px;background:var(--link);transform:rotate(45deg);border-radius:1px}.tl-marker span{position:absolute;top:14px;left:8px;font-size:9.5px;color:var(--link);white-space:nowrap}.tl-marker.scene:before{background:var(--text-3)}.tl-marker.scene span{color:var(--text-3)}.tl-marker.chapter:before{background:var(--accent);border-radius:50%;transform:none}.tl-marker.chapter span{color:var(--accent)}.tl-marker.range:before{background:var(--ok)}.tl-marker.range span{color:var(--ok)}.tl-names{overflow:hidden}.tl-tracks{position:relative;overflow:auto}.tl-row{position:relative;height:var(--row);border-bottom:1px solid var(--line-soft)}.tl-row.sub{height:22px;background:var(--surface-2)}.tl-name{display:flex;align-items:center;gap:4px;height:26px;margin:0 6px 2px;padding:0 8px;border-radius:var(--r-sm);color:var(--text-2);white-space:nowrap;font-size:var(--fs-sm)}.tl-name.sub{height:22px;color:var(--text-3);font-size:var(--fs-xs)}.tl-name:hover{background:var(--hover);color:var(--text)}.tl-name.selected{background:var(--accent-soft);color:var(--text)}.tl-name .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tl-name .twist{width:16px;height:16px;display:grid;place-items:center;color:var(--text-3);border:0;background:none;padding:0;flex:none}.tl-name .twist svg.i{width:12px;height:12px;transition:transform var(--t-fast) var(--ease)}.tl-name .twist.open svg.i{transform:rotate(90deg)}.tl-name .dot-key{width:8px;height:8px;transform:rotate(45deg);border-radius:1px;background:var(--key);flex:none;margin:0 3px}.tl-name .kbtn{opacity:.7}.clip{position:absolute;top:3px;bottom:3px;border-radius:6px;min-width:2px;background:color-mix(in srgb,var(--c, var(--t-shape)) 20%,var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c, var(--t-shape)) 45%,transparent);cursor:grab;overflow:hidden}.clip.selected{background:color-mix(in srgb,var(--c, var(--t-shape)) 34%,var(--surface-2));box-shadow:inset 0 0 0 1px var(--c, var(--t-shape)),0 0 0 1.5px var(--accent)}.clip .label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:var(--fs-xs);color:var(--text);white-space:nowrap;pointer-events:none;opacity:.9}.clip .edge{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize}.clip .edge.l{left:0}.clip .edge.r{right:0}.clip .edge:hover{background:var(--hover)}.clip .wave{position:absolute;left:0;top:2px;width:100%;height:calc(100% - 4px);pointer-events:none}.clip .wave path{fill:var(--c, var(--t-audio));opacity:.55}.clip canvas.film{position:absolute;inset:0;width:100%;height:100%;opacity:.8;pointer-events:none}.stage.picking,.stage.picking *{cursor:crosshair!important}.fade-h{position:absolute;top:0;height:7px;cursor:ew-resize;z-index:2}.tr-band{position:absolute;left:0;bottom:0;height:9px;background:repeating-linear-gradient(135deg,var(--c) 0 4px,transparent 4px 8px);opacity:.8;border-radius:0 0 0 var(--r-xs);pointer-events:none;z-index:2}.tr-band .tr-edge{position:absolute;right:-4px;top:-2px;bottom:-2px;width:8px;cursor:ew-resize;pointer-events:auto;border-radius:2px;background:var(--c)}.fade-h.l{left:0;border-radius:var(--r-xs) 0 0 0}.fade-h.r{right:0;border-radius:0 var(--r-xs) 0 0}.fade-h.set{background:linear-gradient(to right,var(--c, var(--t-audio)),transparent);opacity:.5}.fade-h.r.set{background:linear-gradient(to left,var(--c, var(--t-audio)),transparent)}.fade-h:hover{background:var(--c, var(--t-audio));opacity:.65}.tl-name .solo{flex:none;width:18px;height:16px;margin-left:auto;padding:0;border:1px solid var(--line);border-radius:var(--r-xs);background:none;color:var(--text-3);font:600 9.5px var(--mono)}.tl-name .solo:hover{color:var(--text);border-color:var(--line-strong)}.tl-name .solo.on{background:var(--key);border-color:var(--key);color:var(--on-accent)}.tl-name.track{gap:3px;padding:0 4px 0 6px;align-items:center}.tl-name.track.locked{opacity:.7}.tl-name.track .kind{display:grid;flex:none}.tl-name.track .name-input{flex:1;min-width:0;height:18px;padding:0 4px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-xs)}.tl-name .tbtn{flex:none;width:18px;height:18px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r-xs);background:none;color:var(--text-3)}.tl-name .tbtn:hover{color:var(--text);background:var(--hover)}.tl-name .tbtn.on{color:var(--on-accent);background:var(--key)}.tl-row.track{background:color-mix(in srgb,var(--surface-2) 40%,transparent)}.tl-row.track.locked .clip{cursor:not-allowed;opacity:.75}.tl-row.track.off{opacity:.55}.tl-row.track.drop{box-shadow:inset 0 0 0 1.5px var(--accent)}.tl-tabs{display:flex;gap:2px;min-width:0;overflow:hidden}.tl-tab{display:flex;align-items:center;gap:4px;max-width:140px;height:22px;padding:0 4px 0 8px;border-radius:var(--r-sm);color:var(--text-3);font-size:var(--fs-xs);cursor:default}.tl-tab:hover{background:var(--hover);color:var(--text)}.tl-tab.on{background:var(--accent-soft);color:var(--text)}.tl-tab .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-tab .tbtn{flex:none;width:16px;height:16px;padding:0;display:grid;place-items:center;border:0;border-radius:var(--r-xs);background:none;color:inherit}.tl-tab .tbtn:hover{background:var(--hover)}.missing-note{display:flex;align-items:center;gap:8px;margin:6px 10px;padding:6px 8px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs)}.missing-note span{flex:1;min-width:0}.offline-badge{display:grid;flex:none;color:var(--danger, var(--text-3))}.mixer{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:8px 12px;min-height:0;height:100%}.strip{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;width:84px;padding:8px 6px;border-radius:var(--r-md);background:var(--surface-2)}.strip.muted{opacity:.6}.strip-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:var(--text-2)}.strip .fader{flex:1;min-height:60px;writing-mode:vertical-lr;direction:rtl;width:22px;accent-color:var(--accent)}.strip-db{font-size:var(--fs-xs);color:var(--text-2)}.strip .pan{width:64px;accent-color:var(--accent)}.strip-keys{display:flex;gap:3px}.strip-keys .tbtn{width:20px;height:20px;font:600 9.5px var(--mono);border:1px solid var(--line);border-radius:var(--r-xs);background:none;color:var(--text-3)}.strip-keys .tbtn.on{background:var(--key);border-color:var(--key);color:var(--on-accent)}.strip-bus{width:100%;font-size:var(--fs-xs);background:var(--surface);color:var(--text-2);border:1px solid var(--line);border-radius:var(--r-xs)}.mixer .add-bus{align-self:center;flex:none}.strip.master{width:190px;margin-left:auto;align-items:stretch}.strip.master .loudness{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-xs);color:var(--text-2)}.strip.master input[type=number]{width:64px;margin-left:6px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-xs)}.meter{position:relative;height:8px;border-radius:4px;background:var(--surface);overflow:hidden}.meter .level{position:absolute;left:0;top:0;bottom:0;background:var(--ok)}.meter .target{position:absolute;top:0;bottom:0;width:2px;background:var(--key)}.icon-btn.rec.on{background:var(--danger);color:var(--on-danger)}.rec-state{align-self:center;padding:0 8px;font-size:var(--fs-xs);color:var(--danger);white-space:nowrap}.publish{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.publish-head{font-size:var(--fs-xs);color:var(--text-3)}.publish-presets{display:flex;flex-wrap:wrap;gap:4px}.publish-presets .chip{height:24px;padding:0 8px;font-size:var(--fs-xs)}.publish-issues{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--text-2)}.publish-issues li{display:flex;align-items:center;gap:8px}.publish-issues li span{flex:1;min-width:0}.publish-ok{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--ok)}.publish-chapters{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs)}.publish-chapters .faint{flex:1}.export-go{display:flex;gap:6px;justify-content:flex-end}.export-queue{display:flex;flex-direction:column;gap:4px;padding-top:6px;border-top:1px solid var(--line-soft);font-size:var(--fs-xs)}.export-queue-head{display:flex;align-items:center;justify-content:space-between;color:var(--text-3)}.export-job{display:flex;align-items:center;gap:8px;color:var(--text-2)}.export-job .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-job .progress{width:80px}.export-job .err{color:var(--danger)}.media-chips{display:flex;flex-wrap:wrap;gap:4px;padding:2px 10px 6px}.media-chips .chip{height:22px;padding:0 8px;font-size:var(--fs-xs)}.tl-snap{position:absolute;top:0;bottom:0;width:1px;background:var(--key);pointer-events:none;z-index:3}.tl-band{position:absolute;border:1px solid var(--accent);background:var(--accent-soft);pointer-events:none;z-index:3}.graph .lasso{fill:var(--accent-soft);stroke:var(--accent);pointer-events:none}.kf{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transform:rotate(45deg);border-radius:2px;background:var(--key);box-shadow:0 0 0 1.5px var(--surface);cursor:pointer;z-index:1}.kf.hold{border-radius:0;background:color-mix(in srgb,var(--key) 72%,var(--bg))}.kf.summary{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:color-mix(in srgb,var(--key) 80%,var(--bg));pointer-events:none}.kf.selected{background:var(--mark);box-shadow:0 0 0 1.5px var(--key),0 0 0 3px var(--mark-ring)}.kf-span{position:absolute;top:50%;height:2px;margin-top:-1px;background:color-mix(in srgb,var(--key) 30%,transparent);pointer-events:none}.playhead{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--text);border-radius:1px;pointer-events:none;z-index:4;will-change:transform}.playhead:before{content:"";position:absolute;top:2px;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--text);box-shadow:0 0 0 2px var(--surface)}.graph{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--surface-2)}.graph svg{width:100%;height:100%;display:block}.graph .grid,.graph .glabel,.graph .curve,.graph .handle-line,.graph .playhead{pointer-events:none}.graph .curve{fill:none;stroke-width:1.75}.graph .grid{stroke:var(--line);stroke-width:1}.graph .grid.zero{stroke:var(--line-strong)}.graph .glabel{fill:var(--text-3);font:10px var(--mono)}.graph .key{fill:var(--key);stroke:var(--mark-ring);stroke-width:1;cursor:pointer}.graph .key.selected{fill:var(--mark);stroke:var(--key);stroke-width:1.5}.graph .handle-line{stroke:var(--handle-line);stroke-width:1}.graph .handle{fill:var(--surface);stroke:var(--handle);stroke-width:1.25;cursor:grab}.graph-side{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:2px;z-index:2;max-height:calc(100% - 16px);overflow:auto;padding:6px;border-radius:var(--r-md);background:var(--float);backdrop-filter:blur(10px);box-shadow:var(--shadow-2)}.graph-side button{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:var(--fs-sm);text-align:left;white-space:nowrap}.graph-side button:hover{background:var(--hover);color:var(--text)}.graph-side button.on{background:var(--field-active);color:var(--text)}.graph-side button i{width:8px;height:8px;border-radius:2px;flex:none}.graph-presets{position:absolute;right:60px;top:8px;display:flex;gap:2px;padding:4px;border-radius:var(--r-pill);background:var(--float);backdrop-filter:blur(10px);box-shadow:var(--shadow-2);z-index:2}.graph-presets.speed{top:48px}.graph-presets.speed.alone{top:8px}.inspector{padding-bottom:16px}.insp-head{display:flex;align-items:center;gap:10px;padding:14px 14px 10px}.insp-head .kind{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--surface-2);flex:none}.insp-head .kind svg.i{width:15px;height:15px}.insp-head .names{min-width:0;flex:1}.insp-head input.lname{width:100%;height:24px;padding:0 4px;margin-left:-4px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);font:600 var(--fs-lg)/1.2 var(--ui);letter-spacing:-.01em;color:var(--text)}.insp-head input.lname:hover{background:var(--field)}.insp-head input.lname:focus{background:var(--field);border-color:var(--accent-line);outline:none}.insp-head .type{font-size:var(--fs-sm);color:var(--text-3)}.section+.section:before{content:"";display:block;height:1px;background:var(--line);margin:0 14px}.section-head{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 14px;color:var(--text);font:600 var(--fs-md)/1 var(--ui);cursor:pointer}.section-head svg.i.chev{width:12px;height:12px;color:var(--text-3);transition:transform var(--t-fast) var(--ease)}.section-head.open svg.i.chev{transform:rotate(90deg)}.section-head .grow{flex:1}.section-body{padding:0 14px 12px;display:flex;flex-direction:column;gap:4px}.prop{display:grid;grid-template-columns:18px minmax(64px,92px) minmax(0,1fr) 22px;align-items:center;gap:8px;min-height:32px}.prop .plabel{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);cursor:ew-resize}.prop .plabel.static{cursor:default}.prop.keyed .plabel{color:var(--key)}.prop.expr .plabel{color:var(--expr)}.prop.linked .plabel{color:var(--link)}.prop .pvalue{min-width:0;display:flex;gap:6px;align-items:center}.prop .pvalue>*{flex:1;min-width:0}.prop .pvalue>.swatch,.prop .pvalue>.toggle{flex:none}.prop .pvalue>.curve-field{flex:none;background:var(--field);border-radius:var(--r-sm);cursor:crosshair;touch-action:none}.curve-field .grid{stroke:var(--border);stroke-width:.5}.curve-field .diag{stroke:var(--border);stroke-width:.5;stroke-dasharray:2 2}.curve-field .curve{fill:none;stroke:var(--text);stroke-width:1.5}.curve-field .pt{fill:var(--accent);stroke:var(--bg);stroke-width:1;cursor:move}.prop .pvalue>.wheel-field{flex:none;cursor:crosshair;touch-action:none}.wheel-field .cross{stroke:#00000040;stroke-width:.5}.wheel-field .pt{fill:#fff;stroke:#000;stroke-width:1.2}.wheel-field{border-radius:50%;background:radial-gradient(circle closest-side,#fffffff2,#fff0),conic-gradient(from 90deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red)}.kbtn{width:18px;height:18px;border:0;padding:0;background:transparent;display:grid;place-items:center;color:var(--text-4);border-radius:var(--r-xs)}.kbtn:hover{color:var(--text-2);background:var(--field)}.kbtn svg{width:10px;height:10px}.kbtn.has{color:var(--key)}.kbtn.here svg path{fill:var(--key)}.prop .more{opacity:0}.prop:hover .more,.prop .more.on{opacity:1}.prop-extra{grid-column:2 / 5;display:flex;flex-direction:column;gap:4px;padding:2px 0 6px}.prop-note{font-size:var(--fs-xs);color:var(--text-3);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-note.err{color:var(--danger);white-space:normal}.keynav{display:flex;gap:2px}.trim-bar{position:relative;height:20px;margin:4px 0 0;border-radius:var(--r-md);background:var(--field);box-shadow:inset 0 0 0 1px var(--line);touch-action:none}.trim-bar .used{position:absolute;top:0;bottom:0;border-radius:var(--r-md);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);pointer-events:none}.trim-bar .handle{position:absolute;top:-3px;bottom:-3px;width:9px;margin-left:-5px;border-radius:5px;background:var(--accent);cursor:ew-resize}.trim-bar .handle:hover{background:var(--accent-hover)}.speech-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:2px}.speech-row .faint{font-size:var(--fs-sm);line-height:var(--lh-text)}.trim-read{display:flex;align-items:baseline;gap:8px;margin-top:5px;font-size:11px}.trim-read .grow{flex:1}.fx{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--r-md);background:var(--surface-2)}.fx-head{display:flex;align-items:center;gap:6px}.fx-title{flex:1;font-weight:500}svg.i.flip{transform:rotate(180deg)}.mod{border-radius:var(--r-md);background:var(--surface-2);padding:6px 8px 8px;display:flex;flex-direction:column;gap:4px}.mod-head{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;color:var(--expr)}.mod-head .grow{flex:1}.mod-param{display:grid;grid-template-columns:92px minmax(0,1fr);gap:6px;align-items:center;font-size:var(--fs-sm)}.color-pop{width:236px;display:flex;flex-direction:column;gap:8px}.color-pop .row{display:flex;gap:6px;align-items:center}.color-pop input[type=color]{width:34px;height:26px;padding:0;border:0;border-radius:var(--r-sm);background:none;cursor:pointer}.color-pop .tokens{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.color-pop .tokens button{aspect-ratio:1;border-radius:var(--r-xs);border:0;box-shadow:inset 0 0 0 1px var(--line-strong)}.color-pop .tokens button.on{box-shadow:0 0 0 2px var(--raised),0 0 0 3.5px var(--accent)}.assets-field{display:flex;flex-direction:column;gap:6px;min-width:0}.assets-field>.btn{align-self:flex-start}.assets-strip{display:flex;gap:3px;align-items:center;overflow:hidden}.assets-strip img{width:26px;height:26px;object-fit:contain;border-radius:3px;background:var(--stage);box-shadow:inset 0 0 0 1px var(--line-strong);flex:none}.assets-strip .mono{font-size:var(--fs-xs);margin-left:2px}.assets-pick{width:320px;max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:10px}.assets-folder{display:flex;flex-direction:column;gap:6px}.assets-folder-head{display:flex;align-items:center;gap:6px;font-size:var(--fs-md)}.assets-folder-head svg.i{width:13px;height:13px;color:var(--text-3)}.assets-folder-head .grow{flex:1}.assets-grid .num{position:absolute;right:2px;bottom:2px;min-width:15px;padding:0 3px;border-radius:7px;background:var(--accent);color:var(--on-accent);font:600 9.5px/15px var(--mono)}.assistant{display:flex;flex-direction:column;min-height:0;flex:1;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.assistant.full{position:fixed;inset:52px 0 0;z-index:30}.assistant.full .chat,.assistant.full .composer-wrap{max-width:820px;margin:0 auto;width:100%}.assistant.dropping{box-shadow:inset 0 0 0 2px var(--accent-line)}.export-formats{display:flex;flex-direction:column;gap:2px;margin:0 -4px}.export-formats button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);text-align:left}.export-formats button span:last-child{font-size:var(--fs-xs);color:var(--text-3)}.export-formats button:hover:not(:disabled){background:var(--hover)}.export-formats button.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.export-warn{margin:0;padding-left:16px;color:var(--key);font-size:var(--fs-sm);display:flex;flex-direction:column;gap:2px;max-height:120px;overflow:auto}.export-trim{display:flex;flex-direction:column;gap:6px;color:var(--key);font-size:var(--fs-sm)}.export-trim .btn{height:auto;min-height:var(--h-md);padding:5px 10px;white-space:normal;text-align:center}.export-pop{width:320px;display:flex;flex-direction:column;gap:10px}.export-pop .row{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center}.mobile-tabs{display:none}@media(max-width:900px){.topbar .hide-sm,.topbar .project .save-state span,.topbar .brand>span:not(.brand-mark){display:none}.topbar .more-btn{display:grid;place-items:center}.topbar{gap:8px}}@media(max-width:760px){.topbar{gap:4px;padding:0 6px 0 10px}.topbar>.sep,.topbar>.grow,.topbar .settings,.topbar [data-tour=help],.topbar [data-tour=settings],.topbar [data-tour=versions]{display:none}.topbar .project{flex:1 1 0;min-width:0;gap:2px}.project input.title{flex:1 1 0;min-width:0;max-width:none;width:0!important;field-sizing:fixed;text-overflow:ellipsis}.topbar .btn.primary{width:36px;padding:0;justify-content:center}.topbar .btn.primary .label{display:none}}@media(max-width:760px){html,body,.app{max-width:100vw;overflow:hidden}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:52px auto auto minmax(0,1fr);height:100dvh;padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom));--tabs-h: 58px}.workspace{display:contents}.workspace>.resizer,.center>.resizer,.col.right>.resizer{display:none}.col.left,.col.right{display:none}.center{display:contents}.app .viewport{height:40vh;height:40dvh;min-height:200px;flex:none;grid-row:2;border-radius:0}.app .viewport .toolbar{top:8px}.bottom{grid-row:3 / 5;height:auto!important;min-height:0;border-radius:0}.app:not([data-tab=viewport]):not([data-tab=timeline]) .bottom{display:none}.app[data-tab=timeline] .viewport{display:none}.app[data-tab=timeline] .bottom{grid-row:2 / 5}.app[data-tab=layers] .col.left,.app[data-tab=inspector] .col.right,.app[data-tab=ai] .col.right{display:flex;grid-row:3 / 5;min-height:0;border-radius:0}.app[data-tab=inspector] .col.right .assistant,.app[data-tab=ai] .col.right .inspector-wrap{display:none}.app[data-tab=ai] .col.right .assistant{height:auto!important;flex:1 1 0!important}.app[data-tab=inspector] .col.right .inspector-wrap{flex:1}.timeline{grid-template-columns:min(132px,36%) minmax(0,1fr)}.mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));display:flex;align-items:stretch;padding:4px 6px env(safe-area-inset-bottom);background:var(--float);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--line)}.mobile-tabs button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 2px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-3);font:500 var(--fs-xs)/1.1 var(--ui)}.mobile-tabs button svg.i{width:18px;height:18px;flex:none}.mobile-tabs button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tabs button.on{color:var(--text)}.mobile-tabs button.on svg.i{color:var(--accent-text)}.app .toasts{bottom:calc(var(--tabs-h) + 8px + env(safe-area-inset-bottom))}.assistant.full{inset:52px 0 0}}.viewport,.viewport .stage,.viewport svg.overlay,.tl-ruler,.clip,.kf,.graph,.resizer{touch-action:none}.field.num input,.field .axis{touch-action:pan-y}@media(pointer:coarse){body{-webkit-touch-callout:none}.icon-btn{width:36px;height:36px}.icon-btn.sm{width:32px;height:32px}.icon-btn.xs{width:28px;height:28px}.btn{height:var(--h-lg)}.btn.sm{height:32px}.menu .menu-item,.menu button:not(.menu-item){min-height:40px;font-size:var(--fs-md)}.field,.seg{min-height:34px}.clip .edge{width:16px}.kf:not(.summary):after{content:"";position:absolute;inset:-10px}.viewport .toolbar .zoom,.viewport .toolbar .quality{height:32px}.toggle{width:38px;height:22px}.toggle:after{width:18px;height:18px}.toggle.on:after{transform:translate(16px)}.field input,.field select,.field textarea,.project input.title{font-size:16px}}@media(max-height:520px)and (orientation:landscape){.menu{max-height:calc(100dvh - 16px);overflow-y:auto}}.scopes{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;gap:8px;padding:8px;border-radius:var(--r-md);background:#0a0b0dd1;backdrop-filter:blur(10px);box-shadow:var(--shadow-2);pointer-events:auto}.scopes figure{margin:0;display:flex;flex-direction:column;gap:4px}.scopes canvas{display:block;width:192px;height:96px;image-rendering:pixelated;background:#000;border-radius:var(--r-xs)}.scopes .vector canvas{width:96px;height:96px;border-radius:50%}.scopes figcaption{font-size:10px;color:#fff9;text-align:center}@media(max-width:760px){.scopes canvas{width:128px;height:64px}.scopes .vector canvas{width:64px;height:64px}}
/*# sourceMappingURL=main-I347TPWR.css.map */
