.recorder-dialog{border:1px solid var(--border-strong);background:var(--bg-panel,#1a1a1a);width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--fg);border-radius:12px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 24px 90px #0009}.recorder-dialog::backdrop{background:#000b}.recorder-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.recorder-heading h2{margin:5px 0 0;font-size:21px;font-weight:600;line-height:1.25}.recorder-eyebrow{letter-spacing:.14em;color:var(--accent);font-size:10px}.recorder-dialog button{border:1px solid var(--border-strong);background:var(--bg-input);min-height:36px;color:var(--fg);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.recorder-dialog button:disabled{opacity:.45;cursor:default}.recorder-dialog button:hover:not(:disabled){filter:brightness(1.15)}.recorder-dialog :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.recorder-body{gap:14px;padding:18px 24px;display:grid}.recorder-muted{color:var(--fg-muted,#aaa);margin:0;font-size:13px;line-height:1.5}.recorder-small{font-size:11px}.recorder-sources{border:0;grid-template-columns:1fr 1fr;gap:10px;min-width:0;padding:0;display:grid}.recorder-sources legend{margin-bottom:9px;font-size:12px}.recorder-sources label{border:1px solid var(--border-strong);border-radius:7px;align-items:center;gap:10px;padding:15px 12px;display:flex}.recorder-sources label.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.recorder-sources label span{flex:1;min-width:0}.recorder-sources strong,.recorder-sources small{display:block}.recorder-sources strong{font-size:14px}.recorder-sources small{color:var(--fg-muted,#aaa);margin-top:4px;font-size:10px}.recorder-check{align-items:center;gap:9px;font-size:12px;display:flex}.recorder-dialog input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.recorder-preview{border:1px solid var(--border);background:#101314;border-radius:8px;place-items:center;min-height:150px;display:grid;overflow:hidden}.recorder-preview.is-recording{border-color:#e17676}.recorder-preview video{object-fit:contain;background:#000;width:100%;max-height:260px}.recorder-preview audio{width:90%;max-width:100%}.recorder-placeholder{color:#a7b4b0;text-align:center;justify-items:center;gap:15px;padding:24px;font-size:12px;display:grid}.recorder-readout{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.recorder-readout output{font-variant-numeric:tabular-nums;font-size:20px;font-family:var(--font-mono)}.recorder-notice,.recorder-error,.recorder-success{background:#ffffff08;border-radius:5px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.recorder-notice{color:#e8c987}.recorder-error{color:#ffabab}.recorder-success{color:#9cddbd}.recorder-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:16px 24px;display:flex}.recorder-dialog .recorder-primary{color:#102c23;background:var(--accent);border-color:var(--accent);font-weight:600}.recorder-dialog .recorder-stop{color:#fff;background:#813e42;border-color:#b76267}@media (width<=520px){.recorder-heading,.recorder-body,.recorder-actions{padding:16px}.recorder-heading h2{font-size:18px}.recorder-sources{grid-template-columns:1fr}.recorder-actions button{flex:auto}}.versions-modal{width:min(680px,100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.versions-modal p{color:var(--muted,#aab7c5);line-height:1.5}.versions-modal form,.versions-actions{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.versions-modal label{flex:1;gap:6px;min-width:180px;display:grid}.versions-modal input{width:100%}.versions-modal .versions-check{align-items:center;display:flex}.versions-check input{width:auto}.versions-list{gap:12px;display:grid}.versions-list article{border:1px solid #3a4651;border-radius:6px;gap:8px;padding:12px;display:grid}.versions-list time,.versions-list small{color:var(--muted,#aab7c5)}.brand-modal{width:min(620px,100vw - 24px);max-width:620px;max-height:calc(100dvh - 32px);color:var(--fg);margin:auto;position:fixed;inset:0}.brand-modal:not([open]){display:none}.brand-modal::backdrop{background:#0008}.brand-modal p,.brand-modal small{color:var(--fg-muted);line-height:1.5}.brand-row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.brand-fields{border:0;gap:10px;padding:0;display:grid}.brand-modal label{flex:1;gap:5px;min-width:100px;display:grid}.brand-modal input:not([type=checkbox]),.brand-modal select{width:100%}.brand-modal .brand-check{align-items:center;display:flex}.brand-sample{text-align:center;border:2px solid;padding:20px;font-size:28px}.brand-artwork{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.brand-artwork article{border:1px solid var(--border-strong);gap:8px;padding:8px;display:grid}.brand-artwork img{object-fit:contain;width:100%;height:100px}.production-dialog{box-sizing:border-box;color:#e9edf3;background:#151c24;border:1px solid #465565;border-radius:10px;width:min(920px,94vw);max-height:90vh;margin:auto;padding:20px;font:13px IBM Plex Sans,sans-serif;position:fixed;inset:0;overflow:auto}.production-dialog::backdrop{background:#000a}.production-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.production-dialog h2{font-size:19px}.production-dialog h3{margin-top:22px}.production-dialog p,.production-dialog small{color:#b8c4d2;line-height:1.5}.production-dialog nav,.production-row{flex-wrap:wrap;align-items:end;gap:10px;margin:10px 0;display:flex}.production-dialog nav button[aria-pressed=true]{background:#3b3525;border-color:#d1ad69}.production-dialog label,.caption-designer label{flex-direction:column;gap:5px;margin:9px 0;display:flex}.production-dialog input,.production-dialog select,.caption-designer input,.caption-designer select{color:#edf1f7;background:#0d141c;border:1px solid #4b5c6d;border-radius:4px;min-width:0;max-width:100%;padding:7px}.production-dialog input[type=checkbox],.caption-designer input[type=checkbox]{align-self:start;width:auto}.production-dialog button,.caption-designer button{color:#fff;cursor:pointer;background:#273340;border:1px solid #536374;border-radius:4px;margin:3px;padding:8px 11px}.production-dialog button:disabled{opacity:.5;cursor:default}.production-row label{flex:1;min-width:100px}.production-row input{width:100%}.production-dialog fieldset,.caption-designer fieldset{border:1px solid #3b4a59;margin:12px 0;padding:10px}.production-dialog .production-check{flex-direction:row;align-items:center;margin:5px 14px 5px 0;display:inline-flex}.production-output{border-bottom:1px solid #394756}.production-section-track{background:#0e161f;height:44px;margin:12px 0;position:relative}.production-section-track button{color:#10151c;white-space:nowrap;height:40px;margin:0;padding:2px;position:absolute;top:0;overflow:hidden}.lyric-timing-wave{touch-action:none;width:100%;height:180px;margin:12px 0;display:block}.lyric-timing-wave rect{cursor:ew-resize}.production-word-list{max-height:240px;overflow:auto}.production-preview{object-fit:contain;max-width:100%;max-height:340px;margin-top:12px;display:block}.caption-designer{border:1px solid #405062;padding:8px}.caption-designer summary{cursor:pointer}@media (width<=600px){.production-dialog{padding:12px}.production-dialog header{align-items:start}.production-dialog h2{font-size:16px}.production-row label{min-width:90px}.production-dialog nav{gap:2px}.production-dialog nav button{padding:7px}.production-dialog .production-check{display:flex}}.production-word-list .production-row input{flex:1;width:100px}.production-word-list .production-row span{min-width:80px}@layer theme{:root,:host{--font-sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--radius-xs:.125rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}html{background:var(--bg);color:var(--fg)}}@layer components;@layer utilities{.grid{display:grid}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-greek-400-normal-_efipK4i.woff2)format("woff2"),url(./ibm-plex-sans-greek-400-normal-D9ESIMu3.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2)format("woff2"),url(./ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-greek-500-normal-JMMifIXV.woff2)format("woff2"),url(./ibm-plex-sans-greek-500-normal-CuWXN6rf.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2)format("woff2"),url(./ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2)format("woff2"),url(./ibm-plex-sans-greek-600-normal-D-CqTdkO.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2)format("woff2"),url(./ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(./ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:400;src:url(./quicksand-vietnamese-400-normal-CYVZRxRj.woff2)format("woff2"),url(./quicksand-vietnamese-400-normal-D4WCpyCa.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:400;src:url(./quicksand-latin-ext-400-normal-BdPaGDPN.woff2)format("woff2"),url(./quicksand-latin-ext-400-normal-BzqwlOho.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Quicksand;font-style:normal;font-display:swap;font-weight:400;src:url(./quicksand-latin-400-normal-BSDtH9U0.woff2)format("woff2"),url(./quicksand-latin-400-normal-BqXBKzPR.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:600;src:url(./quicksand-vietnamese-600-normal-dD2kotB2.woff2)format("woff2"),url(./quicksand-vietnamese-600-normal-JmvBH-hY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:600;src:url(./quicksand-latin-ext-600-normal-fxOF3zcr.woff2)format("woff2"),url(./quicksand-latin-ext-600-normal-BDPVAPCS.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Quicksand;font-style:normal;font-display:swap;font-weight:600;src:url(./quicksand-latin-600-normal-DTBPeRoM.woff2)format("woff2"),url(./quicksand-latin-600-normal-CkxN0sDw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:700;src:url(./quicksand-vietnamese-700-normal-5oDqeHTF.woff2)format("woff2"),url(./quicksand-vietnamese-700-normal-BsIWXrxI.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:700;src:url(./quicksand-latin-ext-700-normal-8b1JBoEj.woff2)format("woff2"),url(./quicksand-latin-ext-700-normal-DbLsDSEV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Quicksand;font-style:normal;font-display:swap;font-weight:700;src:url(./quicksand-latin-700-normal-Dpk7G9Y6.woff2)format("woff2"),url(./quicksand-latin-700-normal-HjJN-aaT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(./ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(./ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(./ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(./ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(./playfair-display-latin-400-normal-CFtfchNt.woff2)format("woff2"),url(./playfair-display-latin-400-normal-DHYHbkg3.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(./playfair-display-latin-ext-400-normal-BxlSGspa.woff2)format("woff2"),url(./playfair-display-latin-ext-400-normal-qdZwdvNS.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(./playfair-display-latin-700-normal-CuDiGg7c.woff2)format("woff2"),url(./playfair-display-latin-700-normal-Bc_1Q1cG.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(./playfair-display-latin-ext-700-normal-C58ejOkc.woff2)format("woff2"),url(./playfair-display-latin-ext-700-normal-D5HUU8GT.woff)format("woff")}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(./great-vibes-latin-400-normal-q5-78SH_.woff2)format("woff2"),url(./great-vibes-latin-400-normal-BAZ173uY.woff)format("woff")}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(./great-vibes-latin-ext-400-normal-CsjMq8GN.woff2)format("woff2"),url(./great-vibes-latin-ext-400-normal-wh4xxCIu.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(./caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-latin-ext-600-normal-DDJRD6ps.woff2)format("woff2"),url(./caveat-latin-ext-600-normal-shBvSnoU.woff)format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(./bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2"),url(./bebas-neue-latin-ext-400-normal-HFKRJXnW.woff)format("woff")}:root{--bg:#111;--bg-elevated:#1a1a1a;--bg-panel:#1c1c1c;--bg-well:#0c0c0c;--bg-input:#242424;--bg-hover:#262626;--bg-active:#2e2e2e;--fg:#e6e6e6;--fg-muted:#9a9a9a;--fg-subtle:#6e6e6e;--border:#2c2c2c;--border-strong:#3a3a3a;--accent:#3d9b8f;--accent-fg:#0c1211;--gold:#c4a35a;--gold-fg:#16120a;--clip-video:#2a5870;--clip-video-hi:#3d7a96;--clip-title:#5c4a2e;--clip-title-hi:#7a623c;--playhead:#e6c35c;--danger:#d4544a;--meter-green:#2ea35a;--focus:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--focus:color-mix(in oklab, var(--accent) 70%, white)}}:root{--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--menu-h:28px;--tl-header-w:320px;--transport-h:36px;--status-h:22px;--motion-quick:.15s;--motion-fast:.25s;--ease-out:cubic-bezier(.23, 1, .32, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-quick:1ms;--motion-fast:1ms}}html,body,#app,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-sans);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;margin:0;line-height:1.35}*,:before,:after{box-sizing:border-box}button,[role=button]{font-family:inherit}.editor{grid-template-columns:220px minmax(0,1fr) minmax(0,1fr) 268px;grid-template-rows:var(--menu-h) minmax(160px, 1fr) var(--transport-h) minmax(200px, 34vh) var(--status-h);background:var(--bg);width:100%;height:100dvh;color:var(--fg);-webkit-user-select:none;user-select:none;grid-template-areas:"menu menu menu menu""bin source program inspector""bin transport transport inspector""timeline timeline timeline timeline""status status status status";display:grid;overflow:hidden}.editor[data-tab=bin] .panel-bin,.editor[data-tab=inspector] .panel-inspector,.editor[data-tab=timeline] .panel-timeline,.editor[data-tab=preview] .panel-program{z-index:2}.menu-bar{background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:40;grid-area:menu;align-items:stretch;display:flex}.brand{white-space:nowrap;letter-spacing:.14em;color:var(--gold);border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:600;display:flex}button.brand{cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-left:0;height:100%;font-family:inherit}button.brand:hover{background:var(--bg-hover)}.project-chip{border-right:0;border-left:1px solid var(--border);letter-spacing:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.ws-switch{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--border);align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex}.ws-switch select{background:var(--bg-input);height:22px;color:var(--fg);border:1px solid var(--border);text-transform:none;letter-spacing:0;padding:0 6px;font-size:11px}.help-launch{width:28px;height:100%;color:var(--gold);border-left:1px solid var(--border);font-weight:700}.brand-mark{background:linear-gradient(var(--accent) 0 3px, transparent 3px 6px, var(--accent) 6px 9px, transparent 9px 12px, var(--gold) 12px 14px);width:14px;height:14px}.menu-cluster{display:flex}.menu-item{position:relative}.menu-btn{height:100%;color:var(--fg);font-size:var(--text-xs);letter-spacing:.01em;background:0 0;border:0;padding:0 11px}.menu-btn:hover,.menu-item.open .menu-btn{background:var(--bg-hover)}.menu-drop{background:var(--bg-panel);border:1px solid var(--border-strong);z-index:50;min-width:230px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 10px 28px #00000073}.menu-drop button,.menu-drop label.menu-row{width:100%;color:var(--fg);font-size:var(--text-xs);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:6px 12px;display:flex}.menu-drop button:hover,.menu-drop label.menu-row:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.menu-drop button:hover,.menu-drop label.menu-row:hover{background:color-mix(in oklab, var(--accent) 22%, var(--bg-panel))}}.menu-drop button.checked{color:var(--accent)}.menu-drop .kbd{color:var(--fg-subtle);font-family:var(--font-mono);font-size:10px}.menu-sep{background:var(--border);height:1px;margin:4px 0}.menu-storage-note,.browser-storage-warning{border-left:3px solid var(--accent);background:var(--accent);margin:6px;padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.menu-storage-note,.browser-storage-warning{background:color-mix(in oklab, var(--accent) 9%, var(--bg-panel))}}.menu-storage-note,.browser-storage-warning{color:var(--fg);overflow-wrap:anywhere;font-size:11px;line-height:1.45}.browser-storage-warning{margin:0 0 12px;font-size:12px}.panel{background:var(--bg-panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.panel-bin{grid-area:bin}.panel-source{grid-area:source}.panel-program{grid-area:program}.panel-inspector,.panel-mixer,.panel-color,.panel-text{border-right:0;grid-area:inspector}.panel-scopes{grid-area:transport}.editor[data-workspace=color] .panel-scopes{grid-area:scopes}.editor[data-workspace=audio] .panel-mixer{grid-area:inspector}.panel-timeline{border-bottom:0;grid-area:timeline}.panel-transport{background:var(--bg-elevated);flex-direction:row;grid-area:transport;align-items:center;gap:8px;padding:0 10px}.panel-hd{letter-spacing:.08em;text-transform:uppercase;height:22px;color:var(--fg-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:0 8px;font-size:10px;display:flex}.panel-hd.active{color:var(--gold)}.viz-chip{border:1px solid var(--border);background:var(--bg-input);height:16px;color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-family:var(--font-mono);padding:0 6px}.viz-chip.on{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.viz-chip.on{border-color:color-mix(in oklab, var(--accent) 45%, var(--border))}}.panel-hd-actions{align-items:center;gap:2px;display:flex}.bin-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:4px;display:flex;overflow:auto}.bin-foot{border-top:1px solid var(--border);color:var(--fg-subtle);font-size:10px;font-family:var(--font-mono);flex:none;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.bin-item.missing{border-color:var(--danger);grid-template-columns:48px 1fr auto}@supports (color:color-mix(in lab, red, red)){.bin-item.missing{border-color:color-mix(in oklab, var(--danger) 55%, transparent)}}.relink-btn{color:var(--gold-fg);background:var(--gold);cursor:pointer;border:0;align-self:center;align-items:center;gap:4px;margin-right:4px;padding:2px 6px;font-family:inherit;font-size:10px;display:inline-flex}.insp-missing{border:1px solid var(--danger);justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.insp-missing{border:1px solid color-mix(in oklab, var(--danger) 50%, var(--border))}}.insp-missing{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.insp-missing{background:color-mix(in oklab, var(--danger) 10%, var(--bg-input))}}.insp-missing{font-size:11px}.unsaved{color:var(--gold);margin-left:8px;font-size:8px}.dialog-wide{width:min(560px,100%)}.help-dialog{width:min(680px,100%)}.help-body{max-height:min(70vh,580px);font-size:12px;line-height:1.45;overflow:auto}.help-body .help-visual{border:1px solid var(--accent);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.help-body .help-visual{border:1px solid color-mix(in oklab, var(--accent) 45%, var(--border))}}.help-body .help-visual{border-left:3px solid var(--accent);background:var(--accent);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.help-body .help-visual{background:color-mix(in oklab, var(--accent) 8%, transparent)}}.help-body .help-visual a{color:var(--accent);font-weight:600;text-decoration:underline}.help-body h3{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:12px 0 4px;font-size:11px;font-weight:600}.help-body h3:first-child{margin-top:0}.help-body ul,.help-body ol{margin:0;padding-left:18px}.help-body li{margin:3px 0}.help-body kbd,.help-body code{border:1px solid var(--border-strong);background:var(--bg-input);font-family:var(--font-mono);border-radius:3px;padding:0 5px;font-size:10px;display:inline-block}.fx-hint{color:var(--fg-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;line-height:1.4}.fx-group-hd{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.fx-group-hd:hover{background:var(--bg-hover)}.fx-chevron{flex:none;transition:transform .12s}.fx-chevron.open{transform:rotate(90deg)}.project-row{border:1px solid var(--border);background:var(--bg-input);grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:4px;display:grid}.project-row.current{border-color:var(--accent)}.project-open{text-align:left;color:inherit;background:0 0;border:0;min-width:0}.tool-btn.danger{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.tool-btn.danger{border-color:color-mix(in oklab, var(--danger) 40%, var(--border))}}.bin-sec{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);padding:10px 4px 2px;font-size:10px}.bin-item.bin-create{border:1px dashed var(--border-strong);cursor:pointer;background:0 0}.bin-item.bin-fx{cursor:grab;grid-template-columns:28px 1fr}.fx-family{color:var(--fg-subtle);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;margin:8px 4px 2px;font-size:10px;font-weight:600}.bin-item.bin-fx .bin-thumb{background:var(--bg-elevated);width:28px;height:28px;color:var(--gold)}.bin-item{background:var(--bg-input);cursor:grab;text-align:left;color:inherit;width:100%;font:inherit;border:1px solid #0000;grid-template-columns:48px 1fr;gap:8px;padding:4px;display:grid}.bin-item:hover{border-color:var(--border-strong)}.bin-item.selected{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bin-item.selected{background:color-mix(in oklab, var(--accent) 12%, var(--bg-input))}}.bin-thumb{width:48px;height:28px;color:var(--fg-subtle);background:#000;justify-content:center;align-items:center;display:flex}.bin-thumb canvas{object-fit:cover;width:100%;height:100%}.bin-meta{min-width:0}.bin-name{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bin-sub{color:var(--fg-subtle);font-family:var(--font-mono);font-size:10px}.monitor-well{background:var(--bg-well);flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.monitor-well canvas{object-fit:contain;background:#000;width:100%;min-width:0;height:100%}.monitor-row{flex:1;min-width:0;min-height:0;display:flex}.meter{border-left:1px solid var(--border);background:#101010;flex:none;width:18px}.meter canvas{width:100%;height:100%;display:block}.monitor-foot{height:22px;font-family:var(--font-mono);color:var(--gold);background:var(--bg-elevated);border-top:1px solid var(--border);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;display:flex}.monitor-sync{color:var(--fg-muted);align-items:center;gap:8px;display:inline-flex}.drop-flag{color:var(--danger);letter-spacing:.04em}.drop-ok{color:var(--accent);letter-spacing:.04em}.drop-idle{color:var(--fg-subtle);letter-spacing:.04em}.transport-btn,.tool-btn{background:var(--bg-input);min-width:28px;height:26px;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-xs);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.transport-btn:hover,.tool-btn:hover{background:var(--bg-hover)}.transport-btn.on,.tool-btn.on{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.transport-btn.on,.tool-btn.on{background:color-mix(in oklab, var(--accent) 28%, var(--bg-input))}}.transport-btn.on,.tool-btn.on{border-color:var(--accent);color:#d7fff8}.tc{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--gold);text-align:center;min-width:108px;font-size:13px}.tc-field{color:inherit;font:inherit;text-align:center;background:0 0;border:0;width:108px}.transport-spacer{flex:1}.insp{flex-direction:column;flex:1;gap:8px;padding:8px 8px 28px;display:flex;overflow:auto}.insp-grid{grid-template-columns:72px 1fr;align-items:center;gap:6px 8px;display:grid}.insp-mix{grid-template-columns:72px 1fr 52px;align-items:center;gap:6px 8px;display:grid}.insp-val{font-family:var(--font-mono);color:var(--fg-muted);text-align:right;white-space:nowrap;font-size:10px}.insp-actions{gap:6px;margin-top:4px;display:flex}.insp label{color:var(--fg-muted);font-size:11px}.insp-sec{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:10px 0 2px;font-size:10px}.insp input[type=text],.insp input[type=number]{background:var(--bg-input);width:100%;height:24px;color:var(--fg);border:1px solid var(--border);font-size:11px;font-family:var(--font-mono);padding:0 6px}.insp input[type=range]{width:100%;accent-color:var(--accent)}.insp-mix input[type=checkbox]{justify-self:start}.insp input[type=color]{background:var(--bg-input);border:1px solid var(--border);width:100%;height:24px;padding:1px 2px}.insp select{background:var(--bg-input);width:100%;height:24px;color:var(--fg);border:1px solid var(--border);font-size:11px}.insp-empty{color:var(--fg-subtle);padding:16px 8px;font-size:12px}.timeline{flex-direction:column;flex:1;min-height:0;display:flex}.tl-toolbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;height:28px;padding:0 8px;display:flex}.tl-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:118px 1fr;min-height:0;display:grid;overflow:hidden}.tl-headers{background:var(--bg-elevated);border-right:1px solid var(--border);min-height:0;padding-top:24px;position:relative;overflow:clip}.tl-headers:before{content:"";background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:3;height:24px;position:absolute;inset:0 0 auto}.tl-add-lane{z-index:4;align-items:center;gap:3px;height:24px;padding:0 4px;display:flex;position:absolute;inset:0 0 auto;overflow:hidden}.tl-add-lane-label{letter-spacing:.04em;min-width:0;color:var(--fg-muted);flex:0 auto;font-size:10px;overflow:hidden}.tl-add-lane button{background:var(--bg-input);min-width:24px;height:17px;color:var(--fg-subtle);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0 4px;font-size:10px;line-height:1;display:inline-flex}.tl-add-lane button:hover{color:var(--gold);border-color:var(--gold)}.dialog.media-drop{width:min(560px,100vw - 32px)}.media-drop-choices{gap:6px;display:grid}.media-drop-choices .tool-btn{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;height:auto;padding:7px 10px;display:flex}.media-drop-choices .tool-btn span{color:var(--fg-muted);font-size:11px}.media-drop-choices .tool-btn.on span{color:inherit}.media-drop-check{align-items:center;gap:6px;display:flex}.media-drop-list{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);max-height:132px;color:var(--fg-muted);margin:0 16px 12px;padding:8px 10px;font-size:11px;list-style:none;overflow:auto}.media-drop-list li{gap:8px;padding:1px 0;display:flex}.media-drop-list li span{color:var(--gold);min-width:14px}.speed-preview{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;height:54px}.speed-preview-line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.speed-preview-unit{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.tl-h .tl-grip{width:10px;height:100%;color:var(--fg-subtle);cursor:grab;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tl-h .tl-grip:hover{color:var(--fg)}.tl-h .tl-grip:focus-visible{outline:1px solid var(--focus);outline-offset:-1px}.tl-h.locked .tl-grip{cursor:not-allowed;opacity:.5}.tl-header-rows{position:relative}.tl-header-rows.reordering{-webkit-user-select:none;user-select:none;cursor:grabbing}.tl-h.dragging{opacity:.55}.tl-track-drop{background:var(--gold);pointer-events:none;z-index:4;height:2px;margin-top:-1px;position:absolute;left:0;right:0;box-shadow:0 0 0 1px #00000080}.tl-h-btns button.tl-h-del:hover{color:var(--danger);border-color:var(--danger)}.tl-h.locked .tl-h-btns button.tl-h-del{opacity:.5}.tl-h{color:var(--fg-muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:flex}.tl-h-name{letter-spacing:.04em;min-width:22px;font-weight:600}.tl-h-btns{align-items:center;gap:2px;display:flex}.tl-h-btns button{background:var(--bg-input);width:18px;height:16px;color:var(--fg-subtle);border:1px solid var(--border);border-radius:var(--radius-xs);justify-content:center;align-items:center;padding:0;display:inline-flex}.tl-h-btns button:hover{color:var(--fg)}.tl-h-btns button.on{color:var(--gold);border-color:var(--gold)}.tl-h-btns button.on.mute{color:var(--danger);border-color:var(--danger)}.tl-h-btns button.on.solo{color:var(--accent);border-color:var(--accent)}.tl-h-btns button.on.lock{color:var(--gold)}.tl-h.video{height:48px}.tl-h.audio{height:36px}.tl-h.selected{color:var(--gold);background:var(--bg-active)}.tl-h.locked{opacity:.7}.tl-scroll{background:#141414;min-width:0;min-height:0;position:relative;overflow:auto}.tl-ruler{z-index:3;border-bottom:1px solid var(--border);cursor:ew-resize;background:#161616;height:24px;position:sticky;top:0}.tl-tracks{position:relative}.tl-track{border-bottom:1px solid var(--border);position:relative}.tl-track.video{background:#151515;height:48px}.tl-track.audio{background:#121212;height:36px}.tl-track.muted{background-image:repeating-linear-gradient(135deg,#0000,#0000 6px,#0000002e 6px 7px)}.tl-track.locked{cursor:not-allowed}.tl-track.solo{box-shadow:inset 2px 0 0 var(--accent)}.clip{cursor:grab;color:#f2f2f2;border:1px solid oklab(100% 0 5.96046e-8/.18);font-size:10px;position:absolute;top:3px;bottom:3px;overflow:hidden}.clip.video{background:var(--clip-video)}.clip.audio{background:var(--clip-audio)}.clip.title{background:var(--clip-title)}.clip.caption-cue{background:var(--teal,#3d9b8f)}@supports (color:color-mix(in lab, red, red)){.clip.caption-cue{background:color-mix(in oklab, var(--teal,#3d9b8f) 45%, #1a1a1a)}}.clip.caption-cue{border-radius:3px}.clip.selected{outline:1px solid var(--gold);z-index:2}.clip.primary{outline-width:2px}.clip.video.selected{background:var(--clip-video-hi)}.clip.audio.selected{background:var(--clip-audio-hi)}.clip.title.selected{background:var(--clip-title-hi)}.clip.muted{opacity:.55}.clip-face{pointer-events:none;opacity:.88;width:100%;height:100%;position:absolute;inset:0}.clip-label{z-index:1;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #000000d9;background:linear-gradient(#00000073,#0000);align-items:center;gap:6px;padding:2px 10px 0;display:flex;position:relative}.clip-badge{font-family:var(--font-mono);background:#00000059;border:1px solid oklab(100% 0 5.96046e-8/.25);padding:0 4px;font-size:9px}.clip-wave{opacity:.35;pointer-events:none;position:absolute;inset:16px 0 0}.trim{cursor:ew-resize;z-index:2;width:8px;position:absolute;top:0;bottom:0}.trim.left{left:0}.trim.right{right:0}.tl-dissolve{--tr-color:var(--gold);z-index:4;pointer-events:auto;cursor:pointer;background:linear-gradient(90deg, var(--tr-color), var(--tr-color) 50%, var(--tr-color));border-radius:3px;position:absolute;top:2px;bottom:2px}@supports (color:color-mix(in lab, red, red)){.tl-dissolve{background:linear-gradient(90deg, color-mix(in oklab, var(--tr-color) 30%, #0c0e10d1), color-mix(in oklab, var(--tr-color) 62%, #0c0e10d1) 50%, color-mix(in oklab, var(--tr-color) 30%, #0c0e10d1))}}.tl-dissolve{border:1px solid var(--tr-color);box-shadow:inset 0 0 0 1px oklab(0% none none/.35)}.tl-dissolve.kind-audio{--tr-color:#4fd1c5}.tl-dissolve.lane-top{bottom:52%}.tl-dissolve.lane-bottom{top:52%}.tl-dissolve.is-selected{outline:2px solid var(--tr-color);outline-offset:1px;z-index:5}.tl-dissolve:focus-visible{outline:2px solid var(--tr-color);outline-offset:-2px}.tl-dissolve{justify-content:center;align-items:center;display:flex;overflow:visible}.tl-dissolve:hover,.tl-dissolve.is-resizing{filter:brightness(1.15)}.tl-dissolve-shape{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tl-dissolve-shape path{fill:none;stroke:var(--tr-color)}@supports (color:color-mix(in lab, red, red)){.tl-dissolve-shape path{stroke:color-mix(in oklab, var(--tr-color) 55%, white)}}.tl-dissolve-shape path{stroke-width:1.5px;stroke-opacity:.7;vector-effect:non-scaling-stroke}.tl-dissolve-label{background:var(--bg);border-radius:3px;align-items:center;gap:2px;max-width:100%;padding:0 3px;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tl-dissolve-label{background:color-mix(in oklab, var(--bg) 78%, transparent)}}.tl-dissolve-label{color:var(--tr-color)}@supports (color:color-mix(in lab, red, red)){.tl-dissolve-label{color:color-mix(in oklab, var(--tr-color) 35%, var(--fg))}}.tl-dissolve-label{font:600 9px var(--font-mono);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;line-height:13px}.tl-dissolve-label svg{color:var(--tr-color);flex:none}.tl-dissolve.is-resizing .tl-dissolve-label{background:var(--tr-color);color:#10140f;overflow:visible}.tl-dissolve.is-resizing .tl-dissolve-label svg{color:inherit}.tl-dissolve-handle{cursor:ew-resize;touch-action:none;z-index:1;width:10px;position:absolute;top:-2px;bottom:-2px}.tl-dissolve-handle.left{left:-5px}.tl-dissolve-handle.right{right:-5px}.tl-dissolve-handle:after{content:"";background:var(--tr-color);opacity:.55;border-radius:2px;width:4px;transition:opacity .1s;position:absolute;top:22%;bottom:22%;left:3px;box-shadow:0 0 0 1px oklab(0% none none/.55)}.tl-dissolve:hover .tl-dissolve-handle:after,.tl-dissolve:focus-visible .tl-dissolve-handle:after,.tl-dissolve.is-selected .tl-dissolve-handle:after,.tl-dissolve.is-resizing .tl-dissolve-handle:after{opacity:1}@media (pointer:coarse){.tl-dissolve-handle{width:16px}.tl-dissolve-handle.left{left:-8px}.tl-dissolve-handle.right{right:-8px}.tl-dissolve-handle:after{opacity:.85;left:6px}}.transition-stack{gap:8px;display:grid}.transition-card{--tr-color:var(--gold);border:1px solid var(--tr-color);gap:6px;min-width:0;margin:0;padding:6px 8px 8px;display:grid}@supports (color:color-mix(in lab, red, red)){.transition-card{border:1px solid color-mix(in oklab, var(--tr-color) 45%, var(--border))}}.transition-card{border-left:3px solid var(--tr-color);background:var(--tr-color);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.transition-card{background:color-mix(in oklab, var(--tr-color) 6%, var(--bg-panel))}}.transition-card.audio{--tr-color:#4fd1c5}.transition-card.selected{border-color:var(--tr-color);box-shadow:0 0 0 1px var(--tr-color)}@supports (color:color-mix(in lab, red, red)){.transition-card.selected{box-shadow:0 0 0 1px color-mix(in oklab, var(--tr-color) 45%, transparent)}}.transition-card legend{color:var(--tr-color);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;padding:0 4px;font-weight:700;display:inline-flex}.transition-card .row{min-width:0}.transition-length{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.transition-card .transition-presets .tool-btn.on{border-color:var(--tr-color);color:var(--tr-color)}.transition-add{border:1px dashed var(--accent);justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.transition-add{border:1px dashed color-mix(in oklab, var(--accent) 60%, var(--border))}}.transition-add{color:var(--fg);background:0 0;border-radius:4px}.transition-add:hover{background:var(--bg-hover)}.transition-tip{color:var(--fg-muted);font-size:var(--text-xs);margin:0}.tl-marquee{border:1px solid var(--gold);background:var(--gold);position:absolute}@supports (color:color-mix(in lab, red, red)){.tl-marquee{background:color-mix(in oklab, var(--gold) 18%, transparent)}}.tl-marquee{pointer-events:none;z-index:6}.ctx-back{z-index:90;background:0 0;border:0;position:fixed;inset:0}.ctx-menu{z-index:91;background:var(--bg-panel);border:1px solid var(--border-strong);min-width:168px;padding:4px 0;position:fixed;box-shadow:0 12px 32px #00000073}.ctx-menu button{text-align:left;width:100%;color:var(--fg);background:0 0;border:0;padding:5px 12px;font-size:12px;display:block}.ctx-menu button:hover{background:var(--bg-hover)}.ctx-menu button:focus-visible{background:var(--bg-hover);outline:1px solid var(--focus);outline-offset:-1px}.stage-context-menu{width:min(292px,100vw - 16px);color:var(--fg);gap:9px;padding:12px;font-size:12px;display:grid}.stage-context-menu>strong{font-size:13px}.stage-context-menu label{color:var(--fg-muted);gap:4px;display:grid}.stage-context-menu :is(input,select){width:100%;min-width:0;height:30px;color:var(--fg);background:var(--bg-input);border:1px solid var(--border-strong);padding:3px 6px}.stage-context-menu input[type=color]{cursor:pointer;padding:2px}.stage-context-menu .stage-context-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stage-context-menu .stage-context-rate{align-items:end;gap:8px;display:flex}.stage-context-menu .stage-context-rate label{flex:1;min-width:0}.ctx-menu.stage-context-menu button{border:1px solid var(--border-strong);border-radius:3px;padding:6px 8px}.ctx-menu.stage-context-menu .stage-context-rate button{flex:none;width:auto}.ctx-menu.stage-context-menu button:disabled{opacity:.45;cursor:default}.ctx-menu button.ctx-sub-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ctx-sub-tail{color:var(--fg-subtle);align-items:center;gap:6px;display:inline-flex}.ctx-swatch{border:1px solid var(--border-strong);border-radius:2px;flex:none;width:10px;height:10px}.ctx-swatch.empty{background:0 0;border-style:dashed}.ctx-submenu{z-index:92;min-width:132px}.ctx-submenu button{align-items:center;gap:8px;display:flex}.ctx-submenu button.on{color:var(--gold)}.playhead{background:var(--playhead);z-index:5;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.playhead:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--playhead);position:absolute;top:0;left:-5px}.marker-flag{border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--gold);z-index:4;width:0;height:0;position:absolute;top:2px}.status-bar{background:var(--bg-elevated);border-top:1px solid var(--border);color:var(--fg-muted);grid-area:status;align-items:center;gap:12px;padding:0 10px;font-size:11px;display:flex}.status-bar .ok{color:var(--accent)}.status-bar .warn{color:var(--gold)}.dialog-back{z-index:80;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-panel);border:1px solid var(--border-strong);width:min(440px,100%);box-shadow:0 18px 50px #00000080}.dialog h2{background:var(--bg-elevated);border-bottom:1px solid var(--border);margin:0;padding:10px 14px;font-size:13px;font-weight:600}.dialog-body{flex-direction:column;gap:10px;padding:14px;display:flex}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.dialog-actions button{background:var(--bg-input);height:26px;color:var(--fg);border:1px solid var(--border);padding:0 12px}.dialog-actions button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.progress{background:var(--bg-input);border:1px solid var(--border);height:8px}.progress>span{background:var(--accent);height:100%;display:block}.export-select{background:var(--bg-input);color:var(--fg);border:1px solid var(--border);height:24px}.export-check{color:var(--fg);align-items:center;gap:8px;font-size:12px;display:flex}.export-error{color:var(--danger);font-size:12px;line-height:1.4}.splash{background:var(--bg);height:100dvh;color:var(--fg);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.splash h1{letter-spacing:.28em;color:var(--gold);margin:0;font-size:18px;font-weight:600}.splash p{color:var(--fg-muted);margin:0;font-size:12px}.dock{display:none}.icon-btn{width:22px;height:22px;color:var(--fg-muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--fg)}@media (width<=900px),(height<=500px){.editor{grid-template:"menu"36px"main"minmax(0,1fr)"transport"48px"dock"52px/minmax(0,1fr)}.panel-bin,.panel-source,.panel-program,.panel-inspector,.panel-timeline,.status-bar{display:none}.editor[data-tab=bin] .panel-bin,.editor[data-tab=preview] .panel-program,.editor[data-tab=preview] .panel-source,.editor[data-tab=timeline] .panel-timeline,.editor[data-tab=inspector] .panel-inspector{grid-area:main;display:flex}.editor[data-tab=preview]{grid-template-rows:36px minmax(0,1fr) 48px 52px;grid-template-areas:"menu""program""transport""dock"}.editor[data-tab=preview] .panel-source{display:none}.editor[data-tab=preview] .panel-program{grid-area:program;display:flex}.panel-transport{grid-area:transport}.dock{background:var(--bg-elevated);border-top:1px solid var(--border);grid-area:dock;grid-template-columns:repeat(4,1fr);display:grid}.dock button{color:var(--fg-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;font-size:11px;display:flex}.dock button.on{color:var(--gold)}.transport-btn,.tool-btn{min-width:44px;height:36px}}.bin-tabs,.bin-tree,.seq-tabs,.hd-actions,.role-row,.mixer-btns,.monitor-tools,.queue-presets{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bin-tabs button,.bin-tree button,.seq-tabs button{color:var(--fg-muted);font-size:var(--text-xs);background:0 0;border:0;padding:4px 8px}.bin-tabs button.on,.bin-tree button.on,.seq-tabs button.on{color:var(--gold);border-bottom:1px solid var(--gold)}.bin-search{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:4px 8px;display:flex}.bin-search input,.srt-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--fg);font:inherit;padding:4px 6px}.bin-cols{color:var(--fg-subtle);grid-template-columns:1fr 48px 36px;gap:4px;padding:2px 8px;font-size:10px;display:grid}.mixer-row{gap:8px;height:100%;padding:8px;display:flex;overflow:auto}.mixer-strip{flex-direction:column;align-items:center;gap:6px;min-width:52px;display:flex}.mixer-inserts{grid-template-columns:1fr 1fr;gap:2px;width:100%;display:grid}.mixer-inserts select{background:var(--bg-input);color:var(--fg-muted);border:1px solid var(--border);height:16px;padding:0;font-size:9px}.mixer-send{flex-direction:column;gap:2px;width:100%;display:flex}.mixer-send select,.mixer-send input{width:100%;font-size:9px}.multicam-hud{gap:4px;display:flex;position:absolute;bottom:8px;left:8px}.trim-two-up{font-size:10px;font-family:var(--font-mono);color:var(--gold);pointer-events:none;background:var(--bg);justify-content:space-between;display:flex;position:absolute;top:6px;left:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.trim-two-up{background:color-mix(in oklab, var(--bg) 70%, transparent)}}.trim-two-up{padding:2px 6px}.mixer-meter{align-items:flex-end;gap:2px;height:48px;display:flex}.mixer-meter span{background:var(--meter-green);width:6px}.scope-canvas{background:var(--bg-well);width:100%;height:160px}.monitor-well canvas.safe-overlay{pointer-events:none;background:0 0;position:absolute;inset:0}.monitor-well{position:relative}.title-overlay{background:var(--bg);gap:6px;display:flex;position:absolute;bottom:16%;left:8%;right:8%}@supports (color:color-mix(in lab, red, red)){.title-overlay{background:color-mix(in oklab, var(--bg) 82%, transparent)}}.title-overlay{border:1px solid var(--border-strong);padding:6px}.title-overlay input{background:var(--bg-input);color:var(--fg);border:1px solid var(--border);flex:1}.fx-card{border:1px solid var(--border);margin:4px 8px;padding:6px}.fx-card-hd{align-items:center;gap:6px;display:flex}.wheel-row{color:var(--fg-muted);flex-direction:column;gap:2px;font-size:10px;display:flex}.swatch-row{gap:4px;padding:4px 8px;display:flex}.swatch{border:1px solid var(--border);width:12px;height:12px}.cue-list{flex-direction:column;gap:4px;padding:4px 0;display:flex}.cue-row{align-items:center;gap:6px;display:flex}.keymap-list{max-height:360px;overflow:auto}.modal-back{z-index:80;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-panel);border:1px solid var(--border-strong);flex-direction:column;gap:8px;min-width:320px;max-width:520px;max-height:80vh;padding:12px;display:flex;overflow:auto}.modal header{color:var(--gold);justify-content:space-between;display:flex}.tl-target{white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;max-height:100%;color:var(--fg-muted);font:inherit;background:0 0;border:0;padding:0 4px;font-size:10px;overflow:hidden}.tl-target.on{color:var(--accent)}.clip.adj{background:var(--gold)}@supports (color:color-mix(in lab, red, red)){.clip.adj{background:color-mix(in oklab, var(--gold) 28%, var(--clip-video))}}.hidden-file{display:none}.editor[data-workspace=vizlab]{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--menu-h) minmax(0, 1fr) var(--status-h);grid-template-areas:"menu""vizlab""status"}.editor[data-workspace=pixlab]{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--menu-h) minmax(0, 1fr) var(--status-h);grid-template-areas:"menu""pixlab""status"}.editor[data-workspace=convert]{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--menu-h) minmax(0, 1fr) var(--status-h);grid-template-areas:"menu""convert""status"}.panel-pixlab{background:var(--bg);border-right:0;flex-direction:column;grid-area:pixlab;height:100%;min-height:0;display:flex;overflow:hidden}.pix-menu{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:2px;height:28px;padding:0 8px;display:flex}.pix-doc-name{color:var(--gold);letter-spacing:.04em;margin-left:auto;font-size:11px}.pix-opts{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.pix-opts label{color:var(--fg-muted)}.pix-opts input[type=range]{width:80px}.pix-opts input[type=number]{background:var(--bg-input);width:56px;height:22px;color:var(--fg);border:1px solid var(--border);padding:0 4px}.pix-opts select{background:var(--bg-input);height:22px;color:var(--fg);border:1px solid var(--border)}.pix-body{flex:1;grid-template-columns:44px minmax(0,1fr) 260px;min-height:0;display:grid}.pix-tools{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:4px 2px;display:flex;overflow:auto}.pix-tool{width:36px;height:28px;color:var(--fg-muted);font-family:var(--font-mono);background:0 0;border:1px solid #0000;font-size:10px}.pix-tool.on,.pix-tool:hover{color:var(--fg);border-color:var(--border-strong);background:var(--bg-active)}.pix-tool.on{color:var(--gold);border-color:var(--gold)}.pix-swatch-stack{height:44px;margin:8px 4px;position:relative}.pix-swatch{border:1px solid var(--border-strong);width:18px;height:18px;position:absolute}.pix-swatch.fg{z-index:1;top:0;left:0}.pix-swatch.bg{top:10px;left:10px}.pix-swatch-reset{color:var(--fg-subtle);background:0 0;border:0;font-size:9px;position:absolute;bottom:-14px;left:0}.pix-center{background:var(--bg-well);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.pix-ruler.h{background:repeating-linear-gradient(90deg, var(--border) 0 1px, transparent 1px 50px);flex:none;height:16px}.pix-ruler.v{background:repeating-linear-gradient(180deg, var(--border) 0 1px, transparent 1px 50px);width:16px;position:absolute;top:16px;bottom:0;left:0}.pix-stage{cursor:crosshair;flex:1;min-height:0;overflow:auto}.pix-board{display:block;position:relative}.pix-board-slot{min-width:100%;min-height:100%;position:relative}.pix-hist{border:1px solid var(--border);background:#141414;width:100%;height:64px;margin-top:8px;display:block}.pix-canvas,.pix-overlay{max-width:none;display:block}.pix-canvas.alpha{background-color:#1a1a1a;background-image:linear-gradient(45deg,#2a2a2a 25%,#0000 25%),linear-gradient(-45deg,#2a2a2a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2a 75%),linear-gradient(-45deg,#0000 75%,#2a2a2a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-shadow:0 12px 40px #00000073}.pix-overlay{pointer-events:none;position:absolute;top:0;left:0}.pix-dock{border-left:1px solid var(--border);background:var(--bg-panel);flex-direction:column;min-height:0;display:flex;overflow:auto}.pix-dock-tabs{border-bottom:1px solid var(--border);flex:none;display:flex}.pix-dock-tabs button{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;flex:1;padding:6px 4px;font-size:10px}.pix-dock-tabs button.on{color:var(--gold);border-bottom:1px solid var(--gold)}.pix-layer-bar{flex-wrap:wrap;gap:2px;padding:6px;display:flex}.pix-layer-name{color:inherit;text-align:left;background:0 0;border:0;min-width:0}.pix-layer-props{padding:6px}.pix-history{min-height:80px}.pix-swatches{grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;display:grid}.pix-chip{aspect-ratio:1;border:1px solid var(--border)}.pix-status{font-family:var(--font-mono);color:var(--fg-muted);border-top:1px solid var(--border);flex:none;gap:12px;padding:2px 10px;font-size:10px;display:flex}.pix-modal{background:var(--bg);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.pix-modal{background:color-mix(in oklab, var(--bg) 55%, transparent)}}.pix-modal{z-index:80;place-items:center;display:grid}.pix-modal-card{background:var(--bg-panel);border:1px solid var(--border-strong);width:min(420px,92vw);padding:12px;box-shadow:0 16px 40px #0000008c}.pix-style-list{flex-wrap:wrap;gap:4px;padding:6px;display:flex}.pix-param{display:contents}.pix-layers .viz-stack{flex:1}.panel-vizlab{background:var(--bg);border-right:0;grid-area:vizlab;height:100%;overflow:hidden}.viz-empty{height:100%;color:var(--fg-muted);place-items:center;display:grid}.viz-top{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:6px 8px;display:flex}.viz-top input[type=url]{background:var(--bg-input);width:min(280px,40vw);height:24px;color:var(--fg);border:1px solid var(--border);padding:0 8px;font-size:11px}.viz-top input[type=number]{background:var(--bg-input);width:72px;height:24px;color:var(--fg);border:1px solid var(--border);font-size:11px;font-family:var(--font-mono);padding:0 6px}.viz-clock{font-family:var(--font-mono);color:var(--gold);min-width:96px;font-size:12px}.viz-body{flex:1;grid-template-columns:260px minmax(0,1fr) 240px;min-height:0;display:grid}.viz-insp{border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.viz-insp>.insp-search{flex:none;width:calc(100% - 20px);margin:8px 10px}.viz-insp-pane{flex-direction:column;min-height:0;display:flex;overflow:hidden}.viz-scene-pane{flex:0 44%}.viz-layer-pane{border-top:2px solid var(--border-strong);flex:56%}.viz-insp-pane>.panel-hd{flex:none}.viz-insp-scroll{overscroll-behavior:contain;min-height:0;padding:10px;overflow:auto}.viz-insp-scroll>.insp-sec:first-child{margin-top:0}.viz-layer-heading{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viz-center{background:var(--bg-well);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.viz-preview-wrap{flex:1;place-items:center;min-height:0;padding:12px;display:grid;position:relative;overflow:hidden}.viz-preview{touch-action:none;background:#000;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 12px 40px #00000073}.viz-preview-frame{place-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:12px}.viz-preview.alpha{background-color:#1a1a1a;background-image:linear-gradient(45deg,#2a2a2a 25%,#0000 25%),linear-gradient(-45deg,#2a2a2a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2a 75%),linear-gradient(-45deg,#0000 75%,#2a2a2a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.viz-analyzing{background:var(--bg);position:absolute;top:16px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.viz-analyzing{background:color-mix(in oklab, var(--bg) 86%, transparent)}}.viz-analyzing{border:1px solid var(--gold);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;font-size:11px}.viz-inline-edit{background:var(--bg-input);width:min(420px,70%);height:32px;color:var(--fg);border:1px solid var(--gold);z-index:4;padding:0 10px;font-size:14px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.viz-layers{border-left:1px solid var(--border);background:var(--bg-panel);flex-direction:column;min-height:0;display:flex}.viz-add{z-index:8;flex-direction:column;gap:4px;padding:8px;display:flex;position:relative}.viz-add-wrap{z-index:6;position:relative}.viz-type-menu{z-index:400;background:var(--bg-panel);border:1px solid var(--border-strong);width:260px;max-height:min(70vh,520px);position:fixed;overflow:auto;box-shadow:0 16px 40px #0000008c}.viz-type-menu input[type=search]{background:var(--bg-input);width:100%;height:28px;color:var(--fg);border:0;border-bottom:1px solid var(--border);z-index:1;padding:0 10px;font-size:11px;display:block;position:sticky;top:0}.viz-type-menu button{text-align:left;width:100%;color:var(--fg);background:0 0;border:0;padding:6px 10px;font-size:11px;display:block}.viz-type-menu button:hover{background:var(--bg-hover)}.viz-type-empty{color:var(--fg-muted);padding:10px;font-size:11px}.viz-stack{z-index:1;flex:1;margin:0;padding:4px;list-style:none;position:relative;overflow:auto}.viz-stack li{border:1px solid #0000;grid-template-columns:22px 1fr auto 22px 22px;align-items:center;gap:4px;padding:4px 6px;font-size:11px;display:grid}.viz-stack li.on{border-color:var(--gold);background:var(--bg-active)}.viz-stack-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viz-stack-kind{color:var(--fg-subtle);text-transform:uppercase;font-size:9px}.viz-stack .icon{color:var(--fg-muted);background:0 0;border:0;padding:2px}.viz-beat{border-top:1px solid var(--border);background:var(--bg-elevated);flex:none;padding:6px 8px}.viz-beat-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.viz-bpm{font-family:var(--font-mono);color:var(--gold);font-size:13px}.viz-off,.viz-tilt{color:var(--fg-muted);font-size:10px;font-family:var(--font-mono)}.viz-react{color:var(--fg-muted);font-size:10px;font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.viz-react input{width:62px}.viz-meters{gap:4px;height:36px;margin-top:6px;display:flex}.viz-meter{background:var(--bg-well);border:1px solid var(--border);flex:1;padding:0;position:relative}.viz-meter i{background:var(--accent);position:absolute;bottom:12px;left:2px;right:2px}.viz-meter span{color:var(--fg-subtle);text-transform:uppercase;font-size:8px;position:absolute;bottom:1px;left:0;right:0}.viz-meter.on{border-color:var(--gold)}.viz-wave{border-top:1px solid var(--border);background:var(--bg-elevated);flex:none}.viz-wave-tools{gap:4px;padding:4px 8px;display:flex}.viz-wave-scroll{overflow:auto hidden}.viz-wave-canvas{cursor:ew-resize;width:100%;height:72px;display:block}.viz-templates{z-index:30;background:var(--bg);position:absolute;inset:8px}@supports (color:color-mix(in lab, red, red)){.viz-templates{background:color-mix(in oklab, var(--bg) 94%, transparent)}}.viz-templates{border:1px solid var(--border-strong);flex-direction:column;display:flex}.viz-templates-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px;display:flex}.viz-templates-bar input[type=search]{background:var(--bg-input);height:26px;color:var(--fg);border:1px solid var(--border);flex:1;padding:0 8px}.viz-template-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:10px;display:grid;overflow:auto}.viz-thumb{background:var(--bg-panel);border:1px solid var(--border);color:var(--fg);text-align:left;padding:0 0 8px}.viz-thumb span{padding:6px 8px 0;font-size:12px;display:block}.viz-thumb em{color:var(--fg-subtle);padding:2px 8px;font-size:10px;font-style:normal;display:block}.viz-thumb-canvas{background:#000;width:100%;height:90px;display:block}.clip.viz{background:#243a38}.clip.pix{background:#2a3a32}.panel-convert{background:var(--bg);border-right:0;flex-direction:column;grid-area:convert;height:100%;min-height:0;display:flex;overflow:hidden}.convert-top{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:8px;height:auto;min-height:32px;padding:4px 10px;display:flex}.convert-body{flex:1;grid-template-columns:220px minmax(0,1fr) 300px;min-height:0;display:grid}.convert-queue,.convert-settings{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.convert-settings{border-right:0;border-left:1px solid var(--border);overflow-y:auto}.convert-queue{overflow-y:auto}.convert-queue>.panel-hd,.convert-queue>.convert-drop,.convert-queue>.convert-samples{flex-shrink:0}.convert-drop{border:1px dashed var(--border-strong);color:var(--fg-muted);text-align:center;cursor:pointer;background:var(--bg);flex-direction:column;gap:4px;margin:8px;padding:16px 10px;font-size:12px;display:flex}.convert-drop span{color:var(--fg-subtle);font-size:11px}.convert-drop.on,.convert-drop:hover{border-color:var(--accent);color:var(--fg)}.convert-samples{flex-wrap:wrap;gap:6px;padding:0 8px 8px;display:flex}.convert-empty .convert-samples{justify-content:center;padding-top:8px}.convert-list{flex-direction:column;flex:1;gap:2px;min-height:120px;padding:0 6px 8px;display:flex;overflow:auto}.convert-batch{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;flex:none;gap:8px;padding:8px;font-size:11px;display:flex}.convert-batch-heading{justify-content:space-between;gap:6px;display:flex}.convert-batch .insp-actions{flex-wrap:wrap}.convert-batch-option{color:var(--fg-muted);align-items:center;gap:6px;display:flex}.convert-batch-status{overflow-wrap:anywhere;flex-direction:column;gap:4px;display:flex}.convert-batch-status progress{width:100%;height:6px;accent-color:var(--accent)}.convert-job{text-align:left;color:var(--fg);background:0 0;border:1px solid #0000;grid-template-columns:16px minmax(0,1fr) 18px;align-items:start;gap:6px;padding:6px 4px;display:grid}.convert-job-check{accent-color:var(--accent);margin:4px 0 0}.convert-job-select{text-align:left;color:inherit;background:0 0;border:0;grid-template-columns:16px minmax(0,1fr);gap:6px;min-width:0;padding:0;display:grid}.convert-job-select:focus-visible{outline:1px solid var(--accent)}.convert-job.on,.convert-job:hover{background:var(--bg-active);border-color:var(--border)}.convert-job.on{border-color:var(--gold)}.convert-job-icon{color:var(--fg-muted);padding-top:2px}.convert-job-meta{flex-direction:column;min-width:0;display:flex}.convert-job-status{color:var(--accent);font-size:10px}.convert-job-status.error{color:var(--gold)}.convert-job-x{color:var(--fg-subtle);background:0 0;border:0;padding:2px}.convert-preview{background:var(--bg-well);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.convert-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:16px;display:flex}.convert-img{object-fit:contain;background:linear-gradient(45deg, var(--bg-active) 25%, transparent 25%) 0 0 / 16px 16px, linear-gradient(-45deg, var(--bg-active) 25%, transparent 25%) 0 8px / 16px 16px, linear-gradient(45deg, transparent 75%, var(--bg-active) 75%) 8px -8px / 16px 16px, linear-gradient(-45deg, transparent 75%, var(--bg-active) 75%) -8px 0 / 16px 16px, var(--bg-well);max-width:100%;max-height:calc(100% - 28px);box-shadow:0 0 0 1px var(--border)}.convert-compare-bar{flex-wrap:wrap;flex:none;gap:6px;display:flex}.convert-compare{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;width:100%;min-height:0;display:grid}.convert-compare figure{flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:0;margin:0;display:flex}.convert-compare .convert-img{flex:1;width:auto;max-width:100%;height:auto;max-height:none}.convert-compare figcaption{font-family:var(--font-mono);color:var(--fg-muted);flex:none;font-size:11px}.convert-wipe{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:100%;min-height:0;display:flex;position:relative}.convert-wipe .convert-img{max-height:calc(100% - 28px)}.convert-wipe-over{pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.convert-wipe input[type=range]{width:min(100%,420px)}.convert-bitrate-row,.convert-quality-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.convert-bitrate-row select,.convert-quality-row input[type=range]{flex:1;min-width:0}.convert-bitrate-row input[type=number],.convert-quality-row input[type=number]{flex:none;width:72px}.convert-est{color:var(--gold);font-family:var(--font-mono)}.convert-live-meta{font-family:var(--font-mono);color:var(--gold);font-size:11px}.convert-operation{border:0;flex-direction:column;gap:6px;min-width:0;margin:10px 0 0;padding:0 10px 10px;display:flex}.convert-operation legend{margin-bottom:6px;padding:0}.convert-operation-choice{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:4px;align-items:center;gap:8px;min-width:0;padding:10px 8px;display:flex}.convert-operation-choice.selected{border-color:var(--accent);background:var(--bg-active)}.convert-operation-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.convert-operation-choice input[type=radio]{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}.convert-operation-choice span{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.convert-operation-choice strong{font-size:12px;font-weight:500}.convert-operation-choice small{color:var(--fg-muted);font-size:11px}.convert-operation-choice:has(input:disabled){opacity:.5;cursor:not-allowed}.convert-output-fields{border:0;min-width:0;margin:0;padding:0}.convert-output-fields:disabled{opacity:.5}.convert-inspection{justify-content:flex-start;align-items:stretch;padding:12px;overflow:auto}.convert-inspection .convert-compare-bar{align-items:center}.convert-segments{gap:2px;display:flex}.convert-inspect-pair{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-height:140px;display:grid}.convert-inspect-pair figure{flex-direction:column;gap:6px;min-width:0;min-height:0;margin:0;display:flex}.convert-inspect-pair figure[hidden]{display:none}.convert-inspect-pair.output-only{grid-template-columns:minmax(0,1fr)}.convert-inspect-audio{flex:none;min-height:110px}.convert-inspect-pair figcaption{color:var(--fg-muted);overflow-wrap:anywhere;font-size:11px}.convert-inspect-viewport{background:var(--bg-input);flex:1;min-width:0;min-height:0;position:relative;overflow:auto}.convert-inspect-media{object-fit:contain;width:100%;height:100%;display:block}.convert-inspect-media.pixel-size{object-fit:contain;max-width:none;max-height:none}.convert-inspect-viewport audio{width:100%;min-width:0;margin-top:12px}.convert-preview-placeholder{height:100%;color:var(--fg-muted);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex}.convert-encoded-media{width:100%;height:100%}.convert-encoded-media.outside-sample>:first-child{visibility:hidden}.convert-sample-prompt{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.convert-wipe-comparison{flex-direction:column;flex:1;gap:8px;min-height:140px;display:flex}.convert-wipe-surface{width:100%;max-height:100%;position:relative}.convert-wipe-surface.pixel-size{max-height:none}.convert-wipe-surface>.convert-inspect-media,.convert-wipe-output .convert-inspect-media{width:100%!important;height:100%!important}.convert-wipe-output{pointer-events:none;position:absolute;inset:0}.convert-wipe-line{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.convert-trim-editor{border-top:1px solid var(--border);flex-direction:column;flex:none;gap:8px;padding-top:10px;display:flex}.convert-transport{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.convert-progress-trim{flex:none;padding:0 82px}.convert-dual-trim{height:56px;position:relative}.convert-dual-trim-track{border:1px solid var(--border-strong);background:linear-gradient(to right, var(--bg-active) 0 var(--trim-in), var(--accent) var(--trim-in) var(--trim-out), var(--bg-active) var(--trim-out) 100%);height:6px;position:absolute;inset:19px 7px auto}.convert-timeline-control{pointer-events:none;display:block;position:absolute;inset:0}.convert-timeline-control input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:44px;margin:0;padding:0;position:absolute;inset:0 0 auto}.convert-timeline-control input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:22px}.convert-timeline-control input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--fg);background:var(--accent);cursor:ew-resize;pointer-events:auto;touch-action:none;border-radius:2px;width:14px;height:22px;margin-top:0}.convert-timeline-control input[type=range]::-moz-range-track{background:0 0;border:0;height:22px}.convert-timeline-control input[type=range]::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--fg);background:var(--accent);cursor:ew-resize;pointer-events:auto;touch-action:none;border-radius:2px;width:14px;height:22px}.convert-timeline-control input[type=range]:focus-visible{outline:none}.convert-timeline-control input[type=range]:focus-visible::-webkit-slider-thumb{border-color:var(--gold)}.convert-timeline-control input[type=range]:focus-visible::-moz-range-thumb{border-color:var(--gold)}.convert-timeline-control input[type=range]:disabled{pointer-events:none;opacity:.5}.convert-timeline-control input[type=range]:disabled::-webkit-slider-thumb{pointer-events:none}.convert-timeline-control input[type=range]:disabled::-moz-range-thumb{pointer-events:none}.convert-playhead{z-index:1}.convert-playhead input[type=range]{pointer-events:auto}.convert-playhead input[type=range]::-webkit-slider-thumb{background:var(--fg);cursor:pointer;border:0;border-radius:50%;height:14px;margin-top:4px}.convert-playhead input[type=range]::-moz-range-thumb{background:var(--fg);cursor:pointer;border:0;border-radius:50%;height:14px}.convert-playhead input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--gold)}.convert-playhead input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--gold)}.convert-playhead .range-value{display:none}.trim-start{z-index:2}.trim-end{z-index:3}.convert-trim-handle:focus-within{z-index:4}.convert-trim-handle.range-field>input.range-value[type=number]{pointer-events:auto;width:74px;height:32px;position:absolute;top:6px}.trim-start .range-value{left:-82px}.trim-end .range-value{right:-82px}.convert-trim-start-label,.convert-trim-end-label{color:var(--fg-muted);pointer-events:none;font-size:10px;position:absolute;top:39px}.convert-trim-start-label{left:-82px}.convert-trim-end-label{text-align:right;right:-82px}.convert-inspection .convert-live-meta{text-align:left;overflow-wrap:anywhere;min-height:16px}.convert-inspection .export-error{margin:0;font-size:12px}.convert-av{width:100%}.convert-av audio,.convert-video{background:#000;width:min(100%,720px);max-height:46%}.convert-progress{flex-direction:column;flex:none;gap:6px;padding:8px 12px 12px;display:flex}.convert-settings .insp-grid{grid-template-columns:64px minmax(0,1fr);padding:8px}.convert-settings .bin-sub,.convert-settings .export-error{padding:0 8px 8px}.convert-actions{flex-wrap:wrap;padding:8px}.convert-metadata{border-top:1px solid var(--border);padding-top:8px}.convert-metadata summary{cursor:pointer;padding:4px 8px 10px;font-weight:600}.convert-tag-row{display:contents}.convert-artwork{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:8px;display:flex}.convert-artwork img{object-fit:contain;background:var(--bg-input);border-radius:4px;width:96px;height:96px}.convert-artwork label{position:relative;overflow:hidden}.convert-artwork input{opacity:0;cursor:pointer;position:absolute;inset:0}.convert-artwork label:focus-within{outline:2px solid var(--accent)}.convert-metadata textarea{resize:vertical}@media (width<=900px),(height<=500px){.viz-body{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.viz-layers,.viz-insp{max-height:220px}.pix-body{grid-template-rows:minmax(0,1fr) minmax(140px,40%);grid-template-columns:44px minmax(0,1fr)}.pix-dock{grid-column:1/-1;max-height:40%}.pix-tools{flex-flow:wrap;width:auto}.convert-body{grid-template-rows:minmax(120px,28%) minmax(0,1fr) minmax(180px,40%);grid-template-columns:1fr}.convert-queue,.convert-settings{border:0;border-top:1px solid var(--border)}.convert-compare{grid-template-columns:1fr}.editor[data-workspace=vizlab],.editor[data-workspace=pixlab],.editor[data-workspace=convert]{grid-template-rows:36px minmax(0,1fr) 52px;grid-template-columns:minmax(0,1fr)}.editor[data-workspace=vizlab]{grid-template-areas:"menu""vizlab""dock"}.editor[data-workspace=pixlab]{grid-template-areas:"menu""pixlab""dock"}.editor[data-workspace=convert]{grid-template-areas:"menu""convert""dock"}.editor[data-workspace=vizlab] .dock,.editor[data-workspace=pixlab] .dock,.editor[data-workspace=convert] .dock{display:grid}.project-chip,.ws-switch span{display:none}.ws-switch{border-left:0;padding:0 6px}}.viz-add-intro{gap:4px;padding:12px 12px 4px;display:grid}.viz-add-intro strong{color:#eaf2f5;font-size:14px}.viz-add-intro span{color:#98aab6;font-size:11px}.viz-add{grid-template-columns:1fr 1fr;gap:7px;padding:10px;display:grid}.viz-add-wrap{min-width:0}.viz-add .tool-btn{white-space:normal;text-align:left;background:#202b35;border-color:#34424e;border-radius:7px;justify-content:flex-start;gap:8px;width:100%;min-height:38px;padding:9px}.viz-add .viz-add-wrap:nth-child(-n+2){grid-column:1/-1}.viz-add .viz-add-wrap:nth-child(-n+2) .tool-btn{background:linear-gradient(115deg,#243c43,#1a2834);border-color:#3e626c;min-height:56px}.viz-add .viz-add-wrap:nth-child(2) .tool-btn{background:linear-gradient(115deg,#323148,#222837);border-color:#514b6c}.viz-add .tool-btn small{color:#a3bac5;margin-top:3px;font-size:10px;font-weight:400;display:block}.viz-add .tool-btn:hover{background:#2c4249;border-color:#74d2c5}.viz-add [data-testid=viz-album-art]{background:0 0;grid-area:5/1/auto/-1;justify-content:center;min-height:28px;font-size:10px}.viz-add-templates{white-space:normal;text-align:left;background:linear-gradient(115deg,#3a3424,#232a33);border-color:#6d6142;border-radius:7px;justify-content:flex-start;align-items:center;gap:8px;width:calc(100% - 20px);min-height:52px;margin:8px 10px 0;padding:9px;display:flex}.viz-add-templates small{color:#c2b896;margin-top:3px;font-size:10px;font-weight:400;display:block}.viz-type-menu.viz-gallery{background:#141e29;border:1px solid #415564;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;overflow:hidden;box-shadow:0 24px 80px #000b}.viz-gallery-heading{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.viz-gallery-eyebrow{color:#7dc6bc;letter-spacing:1.5px;font-size:9px}.viz-gallery-heading h3{color:#f0f7fa;margin:3px 0 0;font-size:20px}.viz-type-menu .viz-gallery-heading button{place-items:center;width:30px;height:30px;padding:5px;display:grid}.viz-gallery>input{background:#0c1520;border-radius:6px;flex-shrink:0;min-height:34px;padding:8px 10px}.viz-gallery-categories{flex-wrap:wrap;flex-shrink:0;gap:5px;display:flex}.viz-type-menu .viz-gallery-categories button{border:1px solid #354451;border-radius:20px;width:auto;padding:5px 9px;font-size:10px}.viz-gallery-categories button[aria-pressed=true]{color:#edfffc;background:#315e60;border-color:#6ab7ac}.viz-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:9px;min-height:0;padding:2px;display:grid;overflow-y:auto}.viz-type-menu .viz-effect-card{white-space:normal;text-align:left;background:#1c2935;border:1px solid #344450;border-radius:8px;flex-direction:column;min-width:0;min-height:180px;padding:0 0 10px;display:flex;overflow:hidden}.viz-effect-preview{aspect-ratio:16/9;background:#09121c;flex-shrink:0;width:100%;display:block}.viz-effect-card strong{color:#e9f4f8;padding:9px 9px 4px;font-size:12px}.viz-effect-card small{color:#a7bbc8;padding:0 9px;font-size:10px;line-height:1.4}.viz-type-menu .viz-effect-card:hover,.viz-type-menu .viz-effect-card:focus-visible{outline-offset:-2px;background:#263d48;border-color:#75d7cb;outline:2px solid #75d7cb}.viz-gallery-footer{color:#9bb0be;flex-shrink:0;font-size:10px}.viz-type-empty{grid-column:1/-1;padding:24px}@media (width<=600px){.viz-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.viz-template-filters button[aria-pressed=true]{color:#fff;background:#315e60;border-color:#75c9bd}.viz-template-filters span{color:#9eb4c1;margin-left:auto;font-size:11px}.viz-thumb{text-align:left;background:#1c2935;border-radius:9px;overflow:hidden}.viz-thumb em{white-space:normal;line-height:1.4}.viz-thumb small{color:#83d3c7;padding:5px 8px 8px;font-size:10px}@media (width<=900px),(height<=500px){.viz-layers{overflow-y:auto}.viz-layers>*{flex-shrink:0}.viz-stack{flex:none;overflow:visible}}.viz-template-grid{grid-auto-rows:max-content;align-content:start;min-height:0}.viz-template-grid .viz-thumb{min-height:205px}.viz-thumb>*{flex-shrink:0}.viz-align-actions{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.viz-align-actions .tool-btn{white-space:normal;height:auto;min-height:34px;padding:6px;line-height:1.3}.viz-align-actions small{color:var(--fg-subtle);grid-column:1/-1;line-height:1.4}.viz-preview{touch-action:none}.viz-preview.drop-active{outline-offset:4px;outline:3px solid #80e5d1}.viz-effect-card{cursor:grab}.viz-effect-card:active{cursor:grabbing}.viz-templates{z-index:350;background:#111a25;border-radius:14px;position:fixed;inset:76px max(20px,5vw) 34px;overflow:hidden;box-shadow:0 28px 100px #000b}.viz-templates>*{flex-shrink:0}.viz-template-heading{justify-content:space-between;align-items:flex-start;padding:20px 24px 12px;display:flex}.viz-template-heading h2{letter-spacing:-.5px;margin:5px 0 6px;font-size:24px;font-weight:600}.viz-template-heading p{color:#9fb0c1;margin:0;font-size:12px}.viz-templates-bar{border:0;gap:16px;padding:10px 24px 16px}.viz-templates-bar>label{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.viz-template-search-wrap{color:#a7b9c9;background:#1b2633;border:1px solid #354354;border-radius:7px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.viz-template-search-wrap input[type=search]{outline-offset:-2px;background:0 0;border:0;min-width:0;height:38px}.viz-template-categories{border-bottom:1px solid #2c3949;gap:6px;padding:0 24px 14px;display:flex;overflow-x:auto}.viz-template-categories button{color:#b1c1d1;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:10px 13px;display:flex}.viz-template-categories button[aria-pressed=true]{color:#a5f1de;background:#1b393c;border-color:#387771}.viz-template-categories span{background:#ffffff0a;border-radius:4px;padding:2px 5px;font-size:10px}.viz-template-filters{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px 6px;display:flex}.viz-template-filters strong{margin-right:auto;font-size:13px}.viz-template-filters select{color:#dbe6ee;background:#1b2633;border:1px solid #354354;border-radius:5px;max-width:180px;height:30px;padding:0 8px}.viz-template-filters>span{color:#90a5b7;font-size:11px}.viz-template-grid{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:max-content;align-content:start;gap:16px;min-height:0;padding:14px 24px 24px;overflow:auto}.viz-template-grid .viz-thumb{background:#1b2734;border:1px solid #344252;border-radius:10px;flex-direction:column;align-items:stretch;min-height:0;padding:0;transition:border-color .15s,background .15s;display:flex}.viz-template-grid .viz-thumb:hover,.viz-template-grid .viz-thumb:focus-visible{background:#213340;border-color:#80d4c7}.viz-template-grid .viz-thumb-canvas{aspect-ratio:16/9;object-fit:contain;background:#09121c;border-bottom:1px solid #2c3b4c;width:100%;height:auto;display:block}.viz-template-grid .viz-thumb small{color:#8acfc5;letter-spacing:.3px;text-transform:uppercase;padding:12px 14px 0;font-size:10px}.viz-template-grid .viz-thumb span{padding:5px 14px 0;font-size:15px;font-weight:600;line-height:1.3}.viz-template-grid .viz-thumb em{color:#a9b9c8;min-height:45px;padding:7px 14px 12px;font-size:11px;line-height:1.5}.viz-template-grid .viz-thumb b{color:#d0e4e6;border-top:1px solid #ffffff0a;padding:10px 14px;font-size:11px;font-weight:500}.viz-template-empty{text-align:center;color:#b4c5d3;grid-column:1/-1;padding:40px}@media (width<=700px){.viz-templates{inset:8px}.viz-template-heading{padding:16px}.viz-templates-bar{flex-wrap:wrap;padding:8px 16px}.viz-template-search-wrap{flex-basis:100%}.viz-template-categories{padding:8px 16px}.viz-template-filters{padding:12px 16px}.viz-template-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));padding:10px 16px}}.monitor-well.file-drag-over{outline:2px solid var(--accent,#3d9b8f);outline-offset:-3px}.viz-layer-filter{border-block:1px solid var(--border-strong);background:#17212b;gap:8px;padding:12px;display:grid}.viz-layer-filter label{color:#c5d4de;gap:5px;font-size:11px;display:grid}.viz-layer-filter input,.viz-layer-filter select{width:100%;min-width:0;min-height:32px}.viz-layer-filter small,.viz-layer-empty{color:#a6b7c5;font-size:11px;line-height:1.5}.viz-layer-empty{padding:12px}.viz-quick-looks{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.viz-quick-looks .tool-btn{white-space:normal;min-height:32px}.viz-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.viz-palette-grid button{color:#e6eef6;text-align:left;background:#17212b;border:1px solid #3b4c5c;border-radius:6px;gap:6px;min-width:0;padding:7px;font-size:11px;display:grid}.viz-palette-grid button:hover{background:#21323d;border-color:#74d2c5}.viz-palette-grid button:focus-visible{outline-offset:2px;outline:2px solid #74d2c5}.viz-palette-colors{border-radius:3px;height:16px;display:flex;overflow:hidden}.viz-palette-colors i{flex:1}.viz-auto-preview{white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.viz-top .viz-auto-preview input{width:auto;min-width:0}.viz-preview-quality{color:#a8c8c2;font:10px monospace}.parallax-images{border-bottom:1px solid var(--border,#303a48);background:#101823;flex-shrink:0;padding:8px 12px}.parallax-images>div:first-child{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.parallax-images small{color:#a8b9c9;font-size:11px}.parallax-image-slots{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.parallax-image-slot{color:#edf6ff;cursor:pointer;text-align:left;background:#152131;border:1px solid #344458;border-radius:6px;flex:1 0 100px;min-width:0;max-width:180px;padding:0 0 5px;overflow:hidden}.parallax-image-slot:hover,.parallax-image-slot:focus-visible{border-color:#65d9ce;outline:1px solid #65d9ce}.parallax-image-slot:disabled{opacity:.5;cursor:default}.parallax-image-slot canvas{object-fit:cover;background:repeating-conic-gradient(#1c2938 0% 25%,#243344 0% 50%) 50%/12px 12px;width:100%;height:54px;display:block}.parallax-image-slot strong,.parallax-image-slot small{white-space:nowrap;text-overflow:ellipsis;padding:2px 6px;font-size:11px;display:block;overflow:hidden}.parallax-field{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.parallax-field input{width:78px}@media (height<=700px){.parallax-image-slot canvas{height:32px}.parallax-images{padding:4px 8px}}.song-inspector{min-width:0;margin-bottom:12px;font-size:11px}.song-section{border-bottom:1px solid #354149;padding:7px 0}.song-section>summary{cursor:pointer;color:#edc779;font-size:11px;list-style-position:inside}.song-section>summary>span{float:right;color:#91a6ae;font-size:10px}.song-section p{margin:5px 0;line-height:1.4}.song-section small{color:#a0b3bb;margin-top:4px;font-size:10px;line-height:1.4;display:block}.song-coverage{grid-template-columns:42px minmax(0,1fr);gap:5px;margin-top:7px;display:grid}.song-coverage>div{flex-wrap:wrap;gap:3px;display:flex}.song-chip{background:#263238;border-radius:3px;align-items:center;gap:4px;padding:2px 4px;font-size:10px;display:inline-flex}.song-chip i{border-radius:50%;flex-shrink:0;width:7px;height:7px}.song-actions{gap:5px;margin-top:6px;display:flex}.song-actions .tool-btn{min-height:25px;padding:3px 7px;font-size:11px}.song-tags{margin-top:5px}.song-tags summary{cursor:pointer;color:#a0b3bb}.song-tags dl{max-height:160px;margin:5px 0;overflow:auto}.song-tags dl>div{grid-template-columns:65px minmax(0,1fr);gap:5px;padding:3px 0;display:grid}.song-tags dt{color:#99adb6;overflow-wrap:anywhere}.song-tags dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.song-waveform-tip{z-index:10020;pointer-events:none;color:#e4edef;background:#182126;border:1px solid #63767e;border-radius:4px;max-width:265px;padding:8px 10px;font-size:11px;line-height:1.5;position:fixed;box-shadow:0 4px 14px #0008}.song-waveform-tip strong{color:#edc779;display:block}.timeline-markers{pointer-events:none;position:absolute;inset:0}.timeline-marker{pointer-events:auto;cursor:ew-resize;z-index:5;touch-action:none;background:0 0;border:0;width:16px;height:19px;padding:0;font-size:13px;line-height:16px;position:absolute;top:0;transform:translate(-50%)}.timeline-marker:hover,.timeline-marker:focus-visible{background:#ffffff25;outline:1px solid}.marker-editor{z-index:10010;pointer-events:auto;background:#1b2429;border:1px solid #647881;border-radius:5px;width:264px;padding:12px;font-size:12px;position:fixed;box-shadow:0 6px 24px #0009}.marker-editor label{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:7px;margin:9px 0;display:grid}.marker-editor input{width:100%;min-width:0}.marker-editor>div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.marker-editor small{color:#acbfc8}.audio-waveform{opacity:1}.song-lyric-strip{z-index:3;pointer-events:none;background:#fff;height:3px;position:absolute;top:1px;box-shadow:0 1px 2px #000}.song-vocal-strip{z-index:3;pointer-events:none;border-top:2px dashed #b7bfc9;height:2px;position:absolute;top:1px}.song-section-line{pointer-events:none;z-index:2;border-left:1px solid #bfd7de99;position:absolute;top:0;bottom:0}.song-section-shade{pointer-events:none;z-index:2;background:#05090bb3;position:absolute;top:0;bottom:0}.song-section-active{pointer-events:none;z-index:3;border:1px solid #79d9ef;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #18262e}.connected-folders{border:1px solid var(--line,#394152);border-radius:6px;margin:12px 0;padding:12px}.connected-folders h3{margin:0 0 8px}.connected-folders p{overflow-wrap:anywhere;line-height:1.5}.connected-folder-list{gap:12px;max-height:280px;padding:0;list-style:none;display:grid;overflow:auto}.connected-folder-list li{background:#171d28;border-radius:4px;gap:8px;padding:10px;display:grid}.folder-actions{flex-wrap:wrap;align-items:end;gap:8px;margin:8px 0;display:flex}.connected-folders label{flex:220px;gap:5px;min-width:0;display:grid}.connected-folders input,.connected-folders select{box-sizing:border-box;width:100%;min-width:0}.folder-status{color:#d3e4ff}.folders-dialog{width:min(860px,94vw);max-height:88vh;margin:auto;overflow:auto}.relink-modal{width:min(940px,95vw);min-width:0;max-width:min(940px,95vw);max-height:90vh;overflow-y:auto}.missing-media-details code{overflow-wrap:anywhere;white-space:normal}.folders-dialog::backdrop{background:#0000008c}:root{--bg:#121518;--bg-elevated:#1b2024;--bg-panel:#191d21;--bg-input:#252b30;--bg-hover:#30383e;--fg:#edf0f2;--fg-muted:#a9b2ba;--fg-subtle:#87929b;--border:#30373e;--border-strong:#48545e;--accent:#64c5b4;--gold:#e0bf7d;--menu-h:92px;--transport-h:44px;--status-h:26px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button,select,input{font:inherit}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg);background-color:var(--bg-input)}select option,select optgroup{color:#e6e6e6;background-color:#242a30}select option:disabled{color:#8c969f}.stage-history{flex:none;gap:4px;display:inline-flex}.stage-history .tool-btn{align-items:center;gap:4px;display:inline-flex}.viz-stage-tools{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;display:flex}.viz-stage-tools label{align-items:center;gap:4px;display:flex}.viz-stage-tools input{background:var(--bg-input);width:65px;color:var(--fg);border:1px solid var(--border);padding:4px}.viz-stage-tools small{color:var(--fg-muted)}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#52616d transparent}input,select,textarea{min-width:0}.editor{grid-template-columns:264px minmax(0,1fr) minmax(0,1fr) 300px}.menu-bar{flex-direction:column;min-width:0;display:flex;position:relative}.studio-topbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;height:50px;padding:0 16px;display:flex}.studio-topbar .brand{height:30px;padding:0 16px 0 0;font-size:12px}.studio-project{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-project strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.studio-project>span{color:var(--fg-muted);font-size:10px}.studio-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.studio-actions button{border:1px solid var(--border-strong);height:32px;color:var(--fg);white-space:nowrap;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.studio-actions button:hover{background:var(--bg-hover)}.studio-actions .studio-export{background:var(--accent);border-color:var(--accent);color:#11251f;font-weight:600}.studio-navigation{align-items:center;gap:8px;height:42px;padding:0 10px;display:flex}.menu-cluster{height:100%}.menu-btn{padding:0 12px;font-size:12px}.menu-drop{border-radius:0 0 7px 7px;width:288px;max-height:calc(100dvh - 110px);padding:6px;overflow-y:auto}.menu-drop button,.menu-drop label.menu-row{border-radius:3px;gap:10px;min-height:34px;padding:7px 9px;font-size:12px}.menu-drop .kbd{flex:none}.ws-switch{border:0;flex:none;gap:9px;margin-left:auto;padding:0 8px}.ws-switch select{border-radius:4px;min-width:128px;height:30px;font-size:12px}.help-launch{border:0;flex:none;justify-content:center;align-items:center;width:32px;height:30px;display:flex}.fullscreen-launch{width:32px;height:30px;color:var(--fg-muted);border-radius:4px;flex:none;margin-left:2px}.fullscreen-launch:hover,.fullscreen-launch[aria-pressed=true]{color:var(--fg);background:var(--bg-hover)}.mobile-menu-toggle{display:none}.panel-hd{gap:8px;height:auto;min-height:32px;padding:6px 10px;font-size:11px}.panel-hd>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel-hd select{max-width:65%}.bin-heading{flex-wrap:wrap;padding:6px 8px}.bin-tabs{flex-wrap:nowrap;flex:none}.panel-hd-actions{gap:4px;margin-left:auto}.panel-hd-actions .icon-btn{width:27px;height:27px}.bin-heading .panel-hd-actions{border-top:1px solid var(--border);justify-content:flex-end;width:100%;padding-top:6px}.bin-tabs button{padding:6px 10px;font-size:12px}.bin-search{min-height:34px;margin:8px;padding:6px 8px}.bin-tree{gap:4px;padding:2px 8px 8px}.bin-tree button{border-radius:4px;padding:5px 8px}.bin-list{gap:5px;padding:6px 8px}.bin-item{border-radius:4px;padding:7px}.bin-name{font-size:12px}.bin-foot{flex-wrap:wrap;padding:8px 10px;line-height:1.6}.insp{gap:10px;min-height:0;padding:12px 12px 24px}.insp-grid{grid-template-columns:76px minmax(0,1fr);gap:8px 10px}.insp-mix{grid-template-columns:64px minmax(0,1fr) 48px}.insp input[type=text],.insp input[type=number],.insp select{border-radius:3px;height:30px;font-size:12px}.insp-sec{border-top:1px solid var(--border);margin-top:12px;padding-top:14px;font-size:11px}.insp-actions{flex-wrap:wrap}.tool-btn,.transport-btn{border-radius:4px;flex:none;gap:5px;min-width:30px;height:30px}.monitor-foot{flex-wrap:wrap;gap:6px;height:auto;min-height:30px;padding:6px 8px}.monitor-sync{flex-wrap:wrap;gap:5px;font-size:10px}.monitor-tools{gap:6px;padding:6px 8px}.monitor-tools>*{min-width:0;max-width:100%}.monitor-tabs{display:none}.panel-transport{gap:6px;overflow-x:auto}.panel-transport>*{flex-shrink:0}.tl-toolbar{height:auto;min-height:42px;padding:6px 8px;overflow-x:auto}.tl-toolbar>*{flex-shrink:0}.tl-body{grid-template-columns:var(--tl-header-w) minmax(0, 1fr)}.tl-h{grid-template-columns:20px 10px minmax(0,1fr) max-content;gap:6px;padding:0 8px;display:grid}.tl-layer-snap{background:var(--bg-input);width:20px;height:20px;max-height:100%;color:var(--fg-subtle);border:1px solid var(--border);border-radius:var(--radius-xs);justify-content:center;align-items:center;padding:0;display:inline-flex}.tl-layer-snap.on{color:var(--accent);border-color:var(--accent)}.tl-layer-snap:focus-visible{outline:1px solid var(--focus);outline-offset:1px}.tl-h-btns{gap:3px}.tl-h-btns button{width:20px;height:22px}.seq-tabs{flex-wrap:nowrap;padding:4px 8px;overflow-x:auto}.seq-tabs button{white-space:nowrap}.status-bar{white-space:nowrap;gap:12px;padding:0 10px;overflow:hidden}.status-bar>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.editor[data-workspace=color]{grid-template-rows:var(--menu-h) minmax(120px, 1fr) 138px var(--transport-h) minmax(180px, 29vh) var(--status-h);grid-template-areas:"menu menu menu menu""bin source program inspector""bin scopes scopes inspector""bin transport transport inspector""timeline timeline timeline timeline""status status status status"}.scope-canvas{object-fit:contain;flex:1;width:100%;min-height:0}.dialog-back{padding:16px;overflow-y:auto}.dialog{border-radius:8px;flex-direction:column;max-height:calc(100dvh - 32px);display:flex}dialog.dialog:not([open]){display:none}.dialog h2{flex:none;padding:16px;font-size:16px}.dialog-body{min-height:0;padding:16px;overflow-y:auto}.export-reuse{border:1px solid var(--border-strong);border-radius:4px;gap:8px;min-width:0;margin:0;padding:10px;display:grid}.export-reuse legend{padding:0 5px}.export-reuse .bin-sub{overflow-wrap:anywhere;line-height:1.5}.dialog-actions{flex-wrap:wrap;flex:none;padding:12px 16px}.dialog-actions button{border-radius:4px;min-height:34px}.dialog-back.aspect-conversion-back{z-index:10050}.dialog.aspect-conversion-dialog{width:min(540px,100%)}.aspect-conversion-dialog .dialog-body{gap:8px;padding-top:10px;padding-bottom:10px;display:grid}.aspect-conversion-dialog p{color:var(--fg-muted);margin:0;line-height:1.45}.aspect-conversion-dialog .aspect-conversion-sizes{color:var(--fg);font-weight:700}.aspect-conversion-sizes span{color:var(--accent);padding:0 8px}.aspect-conversion-dialog fieldset{border:1px solid var(--border);border-radius:5px;gap:4px;padding:7px 10px;display:grid}.aspect-conversion-dialog legend{padding:0 4px;font-weight:700}.aspect-conversion-dialog label{cursor:pointer;grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:8px;line-height:1.35;display:grid}.aspect-conversion-dialog label input{grid-area:1/1;width:16px;height:16px;margin:0}.aspect-conversion-dialog small{color:var(--fg-muted);grid-column:2;margin:1px 0 0;display:block}.pix-modal-card{border-radius:8px;max-height:calc(100dvh - 32px);padding:18px;overflow-y:auto}.pix-modal-card .panel-hd{background:0 0;margin-bottom:14px;padding:0 0 10px}.pix-modal-card .insp-actions{margin-top:18px}:is(.pix-modal-card,.dialog-body,.convert-settings) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not(.range-value),select,textarea){border:1px solid var(--border-strong);background:var(--bg-input);width:100%;min-width:0;min-height:32px;color:var(--fg);border-radius:4px;padding:5px 7px}.viz-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.viz-empty>p:first-child{color:var(--fg);font-size:20px;font-weight:500}.viz-empty .bin-sub{max-width:420px;font:13px/1.7 var(--font-sans);white-space:normal;overflow-wrap:anywhere}.viz-empty .insp-actions,.convert-empty .convert-samples{flex-wrap:wrap;justify-content:center;gap:8px}.convert-preview{min-width:0}.mixer-row{flex:1;align-items:stretch;gap:10px;min-height:0;padding:12px;display:flex;overflow:auto}.mixer-strip{border:1px solid var(--border);background:var(--bg-elevated);border-radius:5px;flex-direction:column;flex:0 0 110px;align-items:stretch;gap:10px;width:110px;padding:10px;display:flex}.mixer-name{text-align:center;color:var(--gold);font-size:13px;font-weight:600}.mixer-value{font:11px var(--font-mono);color:var(--fg-muted);text-align:center}.mixer-strip input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}.mixer-strip input.mixer-fader{writing-mode:vertical-lr;direction:rtl;align-self:center;width:28px;height:116px;min-height:116px}.mixer-strip select{border:1px solid var(--border-strong);background:var(--bg-input);border-radius:3px;width:100%;min-width:0;height:28px;padding:2px;font-size:11px}.mixer-btns{flex-wrap:nowrap;gap:4px;display:flex}.mixer-btns button{border:1px solid var(--border-strong);border-radius:3px;flex:1;min-width:0;min-height:28px}.mixer-btns button.on{color:var(--accent);border-color:var(--accent);background:#64c5b418}.mixer-send{flex-direction:column;gap:8px;display:flex}.mixer-inserts{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.mixer-strip.master{border-color:#64c5b455}.mixer-strip .bin-sub{white-space:normal;font:11px/1.5 var(--font-sans)}.srt-input{background:var(--bg-input);border:1px solid var(--border-strong);min-height:120px;font:12px/1.6 var(--font-mono);resize:vertical;border-radius:4px;flex:none;padding:10px}.cue-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 28px 28px;gap:6px;padding:8px 0;display:grid}.cue-row>span{grid-column:1/-1}.cue-row input{border:1px solid var(--border-strong);background:var(--bg-input);width:100%;min-width:0;padding:5px}.ctx-menu{border-radius:5px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow-y:auto}.viz-top,.pix-menu,.pix-opts,.convert-top{flex-wrap:wrap;gap:7px;height:auto;min-height:40px;padding:7px 10px}.viz-top>*,.pix-menu>*,.pix-opts>*,.convert-top>*{flex-shrink:0}.viz-top>[data-testid=lab-done],.pix-menu>[data-testid=lab-done],.convert-top>[data-testid=lab-done]{display:none}.viz-insp,.viz-layers,.convert-queue,.convert-settings{min-width:0}.viz-add,.viz-beat-row,.viz-wave-tools{flex-wrap:wrap}.viz-wave{flex:none}.viz-insp .insp-grid{grid-template-columns:68px minmax(0,1fr)}.viz-templates{max-height:calc(100dvh - 32px);overflow-y:auto}.pix-body{grid-template-columns:110px minmax(0,1fr) 280px}.pix-tool{text-align:left;width:100%;min-height:34px;font-family:var(--font-sans);flex:none;justify-content:space-between;align-items:center;gap:4px;padding:0 6px;display:flex}.pix-tool span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.pix-tool kbd{color:var(--fg-subtle);flex:none;font-size:10px}.pix-menu .menu-btn{width:auto;min-height:30px;padding:0 10px;display:inline-flex}.pix-menu .menu-btn:after,.pix-menu .menu-item.open>.menu-btn:after{content:none}.menu-drop.pix-menu-popup{z-index:90;border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:5px;width:min(288px,100vw - 16px);min-width:0;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #0008}.pix-dock .viz-stack{flex:none;padding:8px}.pix-dock .viz-stack li{gap:8px;padding:8px}.pix-layer-props,.pix-props{padding:10px}.pix-props .insp-grid{grid-template-columns:70px minmax(0,1fr)}.pix-dock :is(input:not([type=range]):not([type=checkbox]):not([type=color]):not(.range-value),select){border:1px solid var(--border);background:var(--bg-input);border-radius:3px;width:100%;min-width:0;height:30px;padding:4px 6px}.pix-swatch-stack{flex:none;margin-bottom:24px}.convert-body{grid-template-columns:248px minmax(0,1fr) 300px}.convert-settings .insp-grid{padding:10px}.convert-top .bin-sub{white-space:normal}@media (width>=901px) and (width<=1199px) and (height>=501px){.editor{grid-template-columns:232px minmax(0,1fr) minmax(0,1fr) 260px}.studio-project{max-width:240px}.ws-switch>span{display:none}.menu-btn{padding:0 9px}.viz-body{grid-template-columns:240px minmax(0,1fr) 220px}.convert-body{grid-template-columns:220px minmax(0,1fr) 260px}}@media (width<=900px),(height<=500px){:root{--menu-h:96px}.editor,.editor[data-workspace=color],.editor[data-workspace=audio],.editor[data-workspace=captions],.editor[data-tab=preview]{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--menu-h) minmax(0, 1fr) 50px 60px;grid-template-areas:"menu""main""transport""dock"}.studio-topbar{gap:8px;height:50px;padding:0 10px}.studio-topbar .brand{letter-spacing:.1em;border:0;gap:6px;padding-right:0;font-size:11px}.studio-project{display:none}.studio-actions{gap:5px}.studio-actions button{gap:5px;height:32px;padding:0 8px;font-size:11px}.studio-navigation{gap:4px;height:46px;padding:0 8px}.mobile-menu-toggle{border:1px solid var(--border-strong);background:0 0;border-radius:4px;flex:none;align-items:center;gap:6px;height:32px;padding:0 9px;display:inline-flex}.menu-cluster{display:none}.menu-cluster.mobile-open{top:calc(var(--menu-h) - 1px);height:auto;max-height:calc(100dvh - var(--menu-h) - 18px);border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:6px;flex-direction:column;padding:8px;display:flex;position:absolute;left:8px;right:8px;overflow-y:auto;box-shadow:0 16px 40px #0009}.menu-item{flex:none}.menu-btn{text-align:left;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:40px;font-size:13px;display:flex}.menu-btn:after{content:"+";color:var(--fg-muted)}.menu-item.open>.menu-btn:after{content:"−"}.menu-drop{border:0;border-left:2px solid var(--accent);width:100%;min-width:0;max-height:none;box-shadow:none;margin:4px 0 8px;padding:4px;position:static}.menu-drop button{min-height:38px}.ws-switch{flex:1;justify-content:flex-end;min-width:0;padding:0 4px}.ws-switch select{width:100%;min-width:0;max-width:180px;height:32px}.ws-switch>span{display:none}.help-launch{width:30px}.editor>:is(.panel-bin,.panel-source,.panel-program,.panel-inspector,.panel-color,.panel-mixer,.panel-text,.panel-scopes,.panel-timeline){display:none}.editor:is([data-tab=bin],[data-tab=templates],[data-tab=effects])>.panel-bin,.editor[data-tab=preview]>.panel-program,.editor[data-tab=timeline]>.panel-timeline,.editor[data-tab=inspector]>:is(.panel-inspector,.panel-color,.panel-mixer,.panel-text){grid-area:main;display:flex}.editor[data-workspace=color][data-tab=inspector]{grid-template-rows:var(--menu-h) 140px minmax(0, 1fr) 50px 60px;grid-template-areas:"menu""scopes""main""transport""dock"}.editor[data-workspace=color][data-tab=inspector]>.panel-scopes{grid-area:scopes;display:flex}.editor[data-tab=preview][data-monitor=source]>.panel-source{grid-area:main;display:flex}.editor[data-tab=preview][data-monitor=source]>.panel-program{display:none}.monitor-tabs{border-bottom:1px solid var(--border);flex:none;gap:6px;padding:6px 10px;display:flex}.monitor-tabs button{border:1px solid var(--border);min-height:32px;color:var(--fg-muted);border-radius:4px;flex:1;font-size:12px}.monitor-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#64c5b412}.editor>.panel-transport{grid-area:transport}.dock{z-index:10}.dock button{border-top:2px solid #0000;gap:4px;min-width:0;min-height:60px;font-size:11px}.dock button.on{border-top-color:var(--accent);color:var(--accent);background:#64c5b40c}.bin-heading .panel-hd-actions{border-top:0;width:auto;padding-top:0}.panel-transport{padding:0 8px}.transport-btn,.tool-btn{min-width:34px;height:34px}.panel-transport .tc{min-width:94px;font-size:12px}.tl-toolbar{min-height:46px}.insp{padding:14px}.insp-grid{grid-template-columns:92px minmax(0,1fr)}.insp input[type=number],.insp input[type=text],.insp select{height:34px;font-size:13px}.editor[data-workspace=vizlab],.editor[data-workspace=pixlab],.editor[data-workspace=convert]{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--menu-h) minmax(0, 1fr) 60px}.editor[data-workspace=vizlab]{grid-template-areas:"menu""vizlab""dock"}.editor[data-workspace=pixlab]{grid-template-areas:"menu""pixlab""dock"}.editor[data-workspace=convert]{grid-template-areas:"menu""convert""dock"}.viz-top,.pix-menu,.pix-opts,.convert-top{flex-wrap:nowrap;padding:7px 8px;overflow-x:auto}.viz-body{flex-direction:column;display:flex;overflow-y:auto}.viz-center{flex:none;order:-1;min-height:330px}.viz-layers{flex:none;min-height:220px;max-height:none;overflow:visible}.viz-insp{flex:none;height:620px;min-height:0;max-height:none;padding:0;overflow:hidden}.viz-preview-wrap{min-height:220px}.viz-wave-canvas{height:60px}.pix-body{grid-template-rows:minmax(180px,1fr) 210px;grid-template-columns:100px minmax(0,1fr);overflow-y:auto}.pix-tools{flex-flow:column}.pix-dock{grid-column:1/-1;min-height:0;max-height:none}.convert-body{flex-direction:column;display:flex;overflow-y:auto}.convert-queue{flex:none;min-height:180px;max-height:280px}.convert-preview{flex:none;min-height:220px}.convert-settings{flex:none;min-height:200px;overflow:visible}.convert-top .bin-sub{display:none}.dialog-back{padding:10px}.dialog{width:min(560px,100%);max-height:calc(100dvh - 20px)}.dialog h2{font-size:15px}.viz-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.studio-actions button{padding:0 7px}.studio-actions button svg{display:none}}.viz-insp{padding:0}.viz-color-field{display:contents}.viz-timeline{border-top:1px solid var(--border-strong);background:#10171d;outline:none;flex-direction:column;flex:none;height:280px;min-height:180px;max-height:58vh;display:flex}.viz-timeline.tall{height:430px}.editor-stage-overlay{z-index:2;touch-action:none;cursor:move;position:absolute;inset:0;overflow:hidden}.editor-stage-box{pointer-events:none;border:1px dashed #ddbe67;position:absolute}.editor-stage-box button{pointer-events:auto;background:#ddbe67;border:1px solid #3b3320;width:10px;height:10px;padding:0;position:absolute}.editor-stage-scale{cursor:nwse-resize;bottom:-5px;right:-5px}.editor-stage-rotate{cursor:crosshair;border-radius:50%;top:-20px;left:calc(50% - 5px)}.viz-stack-kind{text-overflow:ellipsis;white-space:nowrap;color:#a7bbc8;flex:none;max-width:86px;overflow:hidden}.viz-lyrics-controls{gap:9px;min-width:0;padding:4px 0 12px;display:grid}.viz-lyric-control{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;font-size:12px;display:grid}.viz-lyric-control :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0}.viz-lyric-control textarea{resize:vertical;min-height:76px}.viz-lyric-control input[type=color]{height:30px}.viz-lyrics-controls small{overflow-wrap:anywhere;line-height:1.5}.viz-lyrics-controls [role=alert]{color:#ff9b92}.viz-lyric-settings{border:1px solid var(--border,#444);border-radius:6px;gap:9px;min-width:0;padding:10px;display:grid}.viz-lyric-settings legend{padding:0 5px;font-size:12px}.viz-layers .viz-stack li{grid-template-columns:20px minmax(45px,1fr) 20px minmax(0,65px) 20px 20px}.viz-layer-rename{width:100%;min-width:0;font:inherit;padding:3px}.viz-stack-name[role=button]{cursor:text;min-width:0;display:block}.viz-stack-name[role=button]:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.viz-lyric-import{border:1px dashed var(--border);border-radius:6px;gap:6px;margin:8px;padding:10px;font-size:12px;display:grid}.viz-lyric-import input{width:100%;min-width:0;font-size:11px}.viz-lyric-import small{color:var(--fg-muted);line-height:1.5}.viz-layer-edit-fields{border:0;min-width:0;margin:0;padding:0}.viz-layer-edit-fields:disabled{opacity:.55}.viz-stack button:disabled{opacity:.35;cursor:not-allowed}.viz-body{grid-template-columns:auto minmax(0,1fr) auto}.viz-insp{border-right:0;flex-direction:row;gap:0;max-height:none}.viz-insp-pane{border-right:1px solid var(--border-strong);flex:none}.viz-scene-pane{width:clamp(180px,15vw,240px)}.viz-layer-pane{border-top:0;width:clamp(260px,22vw,360px)}.viz-panel-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.viz-insp-scroll{scrollbar-gutter:stable;flex:1;padding:8px}.viz-insp .insp-grid{grid-template-columns:minmax(70px,.85fr) minmax(0,1.15fr);align-items:center;gap:8px}.viz-insp .insp-grid>label{overflow-wrap:anywhere;line-height:1.4}.viz-insp .insp-grid input,.viz-insp .insp-grid select{width:100%;min-width:0}.viz-insp .insp-grid input[type=checkbox]{justify-self:start;width:16px}.viz-layer-audio-active{gap:6px;margin-top:12px;display:grid}.viz-layer-audio-active-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.viz-layer-audio-active-row span{text-overflow:ellipsis;min-width:0;overflow:hidden}.viz-panel-toggle{text-align:left;cursor:pointer;width:100%;min-height:40px;color:var(--fg);background:var(--bg-panel);border:0;border-bottom:1px solid var(--border-strong);flex:none;align-items:center;display:flex}.viz-panel-toggle>span:first-child{color:var(--accent);flex:none;font-size:20px}.viz-panel-toggle:hover,.viz-section-toggle:hover{background:var(--bg-input)}.viz-panel-toggle:focus-visible,.viz-section-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.viz-insp-pane.is-collapsed,.viz-layers.is-collapsed{width:36px;min-width:36px}.is-collapsed>.viz-panel-toggle{writing-mode:vertical-rl;justify-content:flex-start;gap:12px;height:100%;padding:10px 6px}.is-collapsed>.viz-panel-toggle>span{overflow:visible}.viz-layers{width:clamp(190px,17vw,256px);overflow:hidden}.viz-layer-list-content{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.viz-layer-list-content>*{flex-shrink:0}.viz-layer-list-content .viz-stack{flex:none;overflow:visible}.viz-settings-search{border-bottom:1px solid var(--border-strong);background:var(--bg-panel);flex:none;padding:10px}.viz-settings-search>label{color:var(--fg);margin-bottom:6px;font-weight:600;display:block}.viz-search-row{gap:5px;display:flex}.viz-search-row input{border:1px solid var(--border-strong);width:100%;min-width:0;min-height:34px;color:var(--fg);background:var(--bg-input);font:inherit;border-radius:4px;padding:7px}.viz-section-actions{flex-wrap:wrap;gap:7px;margin-top:8px;font-size:11px;display:flex}.viz-section-actions>span{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--accent);overflow:hidden}.viz-section-actions button{color:var(--fg);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:3px 0;text-decoration:underline}.viz-settings-section{border:1px solid var(--border);border-radius:5px;min-width:0;margin:0 0 8px}.viz-section-toggle{text-align:left;width:100%;color:var(--fg);font:600 12px/1.4 var(--font-sans);cursor:pointer;background:#ffffff04;border:0;border-radius:4px;align-items:center;gap:7px;padding:10px 8px;display:flex}.viz-section-toggle>span{color:var(--accent)}.viz-section-content{border:0;gap:10px;min-width:0;margin:0;padding:4px 9px 12px;display:grid}.viz-section-content:disabled{opacity:.65}.viz-setting-help,.viz-insp small{color:var(--fg-muted,#a9bac6);white-space:normal;margin:0;font-size:11px;line-height:1.55}.viz-insp .export-check{align-items:center;line-height:1.4}.viz-insp .export-check input[type=checkbox]{flex:none}.viz-scene-pane .export-check:has(.range-field){grid-template-columns:minmax(0,1fr);display:grid}.viz-scene-pane .export-check>.range-field{width:100%}.viz-lyrics-controls{gap:0;padding:0}.viz-lyric-control{line-height:1.45}.viz-binding-settings{border:1px solid var(--border-strong);border-radius:4px;min-width:0;padding:10px}.viz-binding-settings legend{white-space:normal;overflow-wrap:anywhere;max-width:100%;color:var(--accent);padding:0 4px;font-size:11px}.viz-search-empty{padding:12px;font-size:12px;line-height:1.6}:is(.viz-search-results:has(.viz-settings-section:not([hidden]))>.viz-search-empty,.viz-search-results:has(>.bin-sub)>.viz-search-empty){display:none}.viz-insp [hidden],.viz-layers [hidden]{display:none!important}.control-tooltip{z-index:10000;color:#edf4f8;max-width:min(310px,100vw - 16px);font:12px/1.5 var(--font-sans);pointer-events:none;background:#101c24;border:1px solid #607581;border-radius:5px;padding:9px 11px;position:fixed;box-shadow:0 4px 16px #0006}@media (width<=900px),(height<=500px){.viz-insp{flex-direction:row;width:100%;height:min(680px,75dvh);min-height:360px;overflow-x:auto}.viz-insp-pane{max-height:none}.viz-scene-pane{width:220px}.viz-layer-pane{width:310px}.viz-layers{width:100%;min-height:260px;max-height:65dvh}.viz-layers.is-collapsed{width:100%;height:40px;min-height:40px}.viz-layers.is-collapsed>.viz-panel-toggle{writing-mode:horizontal-tb;padding:6px 10px}}.viz-timeline-name{flex:1;min-width:0;overflow:hidden}.keyframe-editor{border-bottom:1px solid var(--border);background:#18232c;flex:none;max-height:150px;padding:5px 10px;overflow:auto}.keyframe-toolbar{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.keyframe-help{color:#b7c8d6;margin:5px 0;font-size:11px}.keyframe-fields{border:0;flex-wrap:wrap;gap:7px;margin:0;padding:4px 0;display:flex}.keyframe-fields label{color:#c4d6e3;flex-direction:column;gap:3px;font-size:10px;display:flex}.keyframe-fields input{width:85px}.keyframe-fields input,.keyframe-fields select{color:#f2f6fa;background:#253440;border:1px solid #526775;padding:4px}.keyframe-lane{cursor:crosshair;background:#0d161e;border:1px solid #334653;height:25px;margin:4px 10px;position:relative}.keyframe-diamond{color:#64c5b4;touch-action:none;background:0 0;border:0;height:23px;padding:0 3px;position:absolute;top:0;transform:translate(-50%)}.keyframe-diamond.active{color:#ffcc70}.keyframe-cursor{pointer-events:none;background:#f3bb73;width:1px;height:100%;position:absolute}.viz-timeline:has(.keyframe-fields){height:430px}.timeline-popup{z-index:10000}.clip-keyframe-dot{z-index:4;color:#ffd180;background:#16232cbf;border:0;padding:0 2px;font-size:11px;line-height:14px;position:absolute;bottom:1px;transform:translate(-50%)}.panel-timeline>.keyframe-editor{max-height:35%}.panel-timeline>.timeline{min-height:50px}.premiere-dialog{width:680px;max-width:calc(100vw - 32px);color:var(--fg);background:var(--bg-panel);margin:auto;padding:0}.premiere-dialog::backdrop{background:#0009}.premiere-dialog .dialog-body p{margin-bottom:12px;line-height:1.5}.premiere-dialog input[type=file]{margin:8px 0 16px;display:block}.premiere-dialog input[hidden]{display:none}.premiere-project-choice{margin:12px 0}.premiere-project-choice select{width:100%;max-width:100%;margin:6px 0;display:block}.import-notice{border-bottom:1px solid var(--border);padding:8px 12px;font-size:12px}.import-notice p{white-space:normal;overflow-wrap:anywhere;max-height:160px;line-height:1.5;overflow:auto}@media (width<=480px){.studio-actions button{padding-inline:5px}.studio-actions button>svg{display:none}}.viz-lyrics-style{font-weight:600}.viz-lyrics-style select{border-color:var(--accent,#c4a35a);min-height:38px}.viz-lyrics-sample{width:100%;min-height:34px;font-weight:600}.viz-lyrics-basics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.viz-element-panels{min-width:0;min-height:0;display:flex;overflow:hidden}.viz-element-panels>.viz-layers{flex:none}.viz-element-panels>.viz-elements-panel:not(.is-collapsed){width:clamp(170px,14vw,220px)}.viz-element-panels>.viz-layers-panel:not(.is-collapsed){width:clamp(210px,17vw,270px)}@media (width<=900px),(height<=500px){.viz-element-panels{flex:none;width:100%;height:380px}.viz-element-panels>.viz-layers:not(.is-collapsed){flex:1 1 0;width:0;min-width:0;min-height:0;max-height:none}.viz-element-panels>.viz-layers.is-collapsed{width:36px;min-width:36px;height:100%;min-height:0}.viz-element-panels>.is-collapsed>.viz-panel-toggle{writing-mode:vertical-rl;height:100%;padding:10px 6px}}@media (width<=480px){.viz-element-panels{overflow-x:auto}.viz-element-panels>.viz-layers:not(.is-collapsed){min-width:190px}}.viz-elements-panel .viz-add{grid-template-columns:minmax(0,1fr)}.viz-elements-panel .viz-add [data-testid=viz-album-art]{grid-row:auto}.viz-audio-clip-wave{pointer-events:none;position:absolute;inset:0}.viz-timeline .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.position-size{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.position-size legend{color:var(--gold);text-transform:uppercase;padding:0 0 10px;font-size:11px}.position-size small{color:var(--fg-muted);font-size:10px}.position-size-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.position-size-dimensions label{gap:4px;font-size:11px;display:grid}.position-size-row{grid-template-columns:44px minmax(24px,1fr) 66px;align-items:center;gap:6px;font-size:11px;display:grid}.position-size input{width:100%;min-width:0}.position-size input[type=range]{margin:0;padding:0}.program-stage{isolation:isolate;background:#292d32;overflow:hidden}.program-stage canvas.monitor-picture{z-index:1;background:0 0;position:relative}.monitor-well canvas.stage-backdrop{pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.stage-frame-boundary{z-index:2;pointer-events:none;outline:1px solid #69727a;position:absolute}.program-stage .editor-stage-overlay{overflow:visible}.program-stage canvas.safe-overlay{z-index:2}.stage-center-guide{z-index:5;pointer-events:none;position:absolute;inset:0}.stage-center-axis{background:#6ce0ca;position:absolute;box-shadow:0 0 3px #0009}.stage-center-axis.vertical{width:1px;top:0;bottom:0;left:50%}.stage-center-axis.horizontal{height:1px;top:50%;left:0;right:0}.stage-center-badge{color:#c9fff3;white-space:nowrap;background:#12332eef;border:1px solid #6ce0ca;border-radius:4px;padding:5px 9px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,16px)}.menu-help-tooltip{z-index:200;pointer-events:none;border:1px solid var(--border-strong);border-left:3px solid var(--accent);background:var(--bg-panel);color:var(--fg);font:12px/1.55 var(--font-sans);overflow-wrap:anywhere;border-radius:6px;padding:12px 14px;position:fixed;box-shadow:0 8px 28px #0008}@media (width<=900px),(height<=500px){.menu-cluster.mobile-open{max-height:calc(100dvh - var(--menu-h) - 160px)}}.viz-gallery-modes{background:#111a22;border:1px solid #354451;border-radius:8px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.viz-type-menu .viz-gallery-modes button{width:auto;min-height:30px;color:var(--fg-muted);background:0 0;border:0;border-radius:6px;justify-content:center;font-size:12px;font-weight:600}.viz-type-menu .viz-gallery-modes button[aria-pressed=true]{color:#edfffc;background:#315e60}.viz-gallery-modes button span{color:inherit;opacity:.7;margin-left:4px;font-weight:400}.viz-look-use{color:#bfe9e2;background:#253341;border-radius:9px;align-self:flex-start;margin:2px 10px 0;padding:1px 7px;font-size:10px}.viz-preset-note{grid-column:1/-1;margin:-2px 0 2px}.viz-music-switch{font-weight:600}.viz-music-targets{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 10px;margin:6px 0 0;padding:8px 10px;display:grid}.viz-music-targets legend{color:var(--fg-muted);padding:0 4px;font-size:11px}.viz-music-targets label{grid-template-columns:auto 1fr;align-items:start;gap:0 6px;display:grid}.viz-music-targets label small{color:var(--fg-subtle);grid-column:2;font-size:10px;line-height:1.35}@media (width>=901px) and (height>=501px){.editor[data-workspace=editing]{grid-template-columns:280px minmax(0,1fr) 260px;grid-template-rows:var(--menu-h) minmax(0, 1fr) 40px 8px clamp(160px, var(--editing-timeline-height,26vh), max(160px, calc(100dvh - 360px))) var(--status-h);grid-template-areas:"menu menu menu""bin program inspector""bin transport inspector""divider divider divider""timeline timeline timeline""status status status"}}@media (width>=901px) and (width<=1300px) and (height>=501px){.editor[data-workspace=editing]{grid-template-columns:240px minmax(0,1fr) 220px}}.editing-dock{flex-direction:column;grid-area:bin;min-width:0;min-height:0;display:flex}.editing-dock>.panel{flex:1;min-height:0}.editing-dock[data-panel=media]>.panel-editing-layers,.editing-dock[data-panel=layers]>.panel-bin{display:none}.editing-dock-tabs{border-bottom:1px solid var(--border);flex:none;gap:4px;padding:4px 8px;display:flex}.editing-dock-tabs button{min-height:30px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1}.editing-dock-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);background:#64c5b40c}.editing-divider{cursor:row-resize;touch-action:none;background:var(--bg-elevated);border-block:1px solid var(--border);z-index:3;grid-area:divider;justify-content:center;align-items:center;display:flex}.editing-divider span{background:var(--fg-subtle);border-radius:2px;width:48px;height:2px}.editing-divider:hover,.editing-divider:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;background:#31534f}.stage-toolbar{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex:none;align-items:center;gap:8px;min-height:40px;padding:4px 8px;display:flex}.stage-label{color:var(--gold);font:11px var(--font-mono);text-transform:uppercase}.stage-toolbar .stage-history{margin:0}.stage-toolbar .preview-controls{border:0;flex-wrap:nowrap;margin-left:auto;padding:0}.stage-toolbar .preview-controls label{gap:0;font-size:0}.stage-toolbar .preview-controls select{font-size:11px}.stage-toolbar .preview-size{display:none}.stage-options{flex:none;position:relative}.stage-options summary{cursor:pointer;white-space:nowrap;list-style:none}.stage-options summary::-webkit-details-marker{display:none}.stage-options[open] summary{border-color:var(--accent);color:var(--accent)}.stage-options-content{z-index:40;border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:6px;width:min(340px,100vw - 32px);max-height:60dvh;padding:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 12px 36px #0009}.stage-visualizer-option{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.stage-options-content .monitor-tools{flex-wrap:wrap;padding:12px 0}.stage-options-content .monitor-foot{height:auto;min-height:0;padding:10px 0 0}.stage-options-content .monitor-foot>span:first-child{display:none}.stage-options-content .monitor-sync{flex-wrap:wrap;font-size:10px}@media (width<=1100px){.stage-toolbar{flex-wrap:wrap;gap:4px 6px}.stage-toolbar .stage-label{display:none}}@media (width<=900px),(height<=500px){.editing-dock{grid-area:main;display:none}.editor:is([data-tab=bin],[data-tab=templates],[data-tab=effects])>.editing-dock,.editing-dock[data-panel=layers]>.panel-editing-layers{display:flex}.editing-divider,.editor[data-workspace=editing]>.panel-program>.monitor-tabs{display:none}}.panel-editing-layers{grid-area:layers;min-width:0}.editing-layer-list{resize:vertical;border-bottom:1px solid var(--border);flex:0 0 30%;min-height:60px;max-height:45%;overflow:auto}.editing-layer-row{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:4px;display:flex}.editing-layer-row.selected{box-shadow:inset 2px 0 var(--primary);background:#29443f}.editing-layer-select{text-align:left;min-width:0;color:var(--fg);background:0 0;border:0;flex:1;padding:3px}.editing-layer-select strong,.editing-layer-select small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.editing-layer-select small{color:var(--fg-muted);font-size:10px}.panel-editing-layers .viz-insp-scroll{flex:1;min-height:0;overflow:auto}.editing-layer-field{grid-template-columns:minmax(0,1fr) minmax(60px,1fr);align-items:center;gap:8px;margin:7px 0;font-size:11px;display:grid}.editing-layer-field input{width:100%;min-width:0;color:var(--fg);background:var(--bg-input);border:1px solid var(--border);border-radius:3px;padding:5px}.editing-layer-field input[type=checkbox]{justify-self:start;width:auto}.editing-layer-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.editing-layer-actions .tool-btn{white-space:normal;height:auto;min-height:30px}.tl-sequence-header{z-index:8;flex:0 0 42px;align-items:center;min-width:0;height:42px;display:flex;position:relative}.tl-sequence-header .seq-tabs{white-space:nowrap;flex-wrap:nowrap;flex:1;min-width:0;max-width:42%;overflow-x:auto}.tl-sequence-header>.keyframe-editor{border:1px solid var(--border);width:min(650px,58%);max-height:min(300px,45vh);position:absolute;top:0;right:0;overflow:auto}.tl-sequence-header .keyframe-toolbar{flex-wrap:nowrap;overflow-x:auto}.tl-sequence-header .keyframe-toolbar>button{flex:none}.tl-sequence-header .keyframe-toolbar>button:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.tl-sequence-header .keyframe-editor:has(.keyframe-fields){box-shadow:0 12px 25px #0009}.tl-navigator{grid-template-columns:var(--tl-header-w) minmax(0, 1fr);border-top:1px solid var(--border);background:var(--bg-elevated);flex:0 0 22px;align-items:center;height:22px;display:grid}.tl-navigator-hint{color:var(--fg-muted);padding-left:8px;font-size:10px}.tl-navigator-rail{background:#101519;border-radius:5px;height:20px;margin-right:12px;position:relative}.tl-navigator-thumb{touch-action:none;cursor:grab;background:#52636c;border-radius:4px;height:16px;display:flex;position:absolute;top:2px}.tl-navigator-thumb button{color:var(--fg);touch-action:none;background:0 0;border:0;padding:0}.tl-navigator-thumb .tl-zoom-handle{cursor:ew-resize;border:2px solid #81c6d2;border-radius:3px;flex:0 0 10px;width:10px}.tl-navigator-thumb .tl-pan-handle{cursor:grab;flex:1;min-width:0}.tl-navigator-thumb button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.panel-timeline .tl-body{grid-template-columns:var(--tl-header-w) minmax(0, 1fr) 20px}.panel-timeline .tl-scroll{scrollbar-width:none}.panel-timeline .tl-scroll::-webkit-scrollbar{width:0;height:0}.tl-vertical-navigator{background:var(--bg-elevated);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.tl-track-zoom-reset{border:0;border-bottom:1px solid var(--border);width:100%;height:24px;color:var(--fg-muted);cursor:pointer;background:0 0;flex:0 0 24px;padding:0}.tl-vertical-rail{background:#101519;border-radius:5px;flex:1;min-height:0;margin:0 1px;position:relative}.tl-vertical-thumb{touch-action:none;cursor:grab;background:#52636c;border-radius:4px;flex-direction:column;display:flex;position:absolute;left:1px;right:1px}.tl-vertical-thumb button{touch-action:none;background:0 0;min-height:0;padding:0}.tl-vertical-zoom-handle{cursor:ns-resize;border:2px solid #81c6d2;border-radius:3px;flex:0 0 10px;width:100%}.tl-vertical-pan-handle{cursor:grab;border:0;flex:1;width:100%}.tl-vertical-navigator button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.panel-timeline .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-timeline .tl-h-btns button{height:100%}.panel-timeline .tl-h.compact-lane{font-size:10px}.panel-timeline .tl-h.compact-lane>.tl-target{height:100%;padding-block:0;line-height:1}.panel-timeline .tl-track.compact-lane .clip{top:1px;bottom:1px}.panel-timeline .tl-track.compact-lane .clip-label{padding-top:0;font-size:9px;line-height:11px}.panel-timeline .tl-track.compact-lane .clip-badge{padding-block:0;line-height:10px}.tl-track.asset-drop-target{outline-offset:-1px;background:#25443e;outline:1px solid #72cabc}.fx-transition-placement{color:var(--fg-muted);flex-direction:column;gap:5px;padding:6px 8px;font-size:11px;display:flex}.fx-transition-placement select{width:100%;min-width:0}.tl-exit-transition{background:linear-gradient(90deg,#0000,#65d7c377);border-right-style:solid}.tl-drop-cursor{pointer-events:none;z-index:5;background:#81c6d2;width:2px;position:absolute;top:0;bottom:0}.asset-preview{z-index:90;resize:both;background:var(--bg-elevated);border:1px solid #66818c;border-radius:7px;flex-direction:column;width:min(600px,100vw - 16px);min-width:280px;max-width:calc(100vw - 8px);height:min(450px,100dvh - 16px);min-height:200px;max-height:calc(100dvh - 8px);display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 60px #000a}.asset-preview-title{cursor:move;touch-action:none;background:#27343b;flex:0 0 36px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.asset-preview-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-preview>.panel-source{flex:1;min-height:0;display:flex}.asset-preview .monitor-tabs,.asset-preview .panel-source>.panel-hd{display:none}.asset-preview>.panel-transport{flex:0 0 40px;display:flex;overflow-x:auto}.asset-preview-scrub{accent-color:#81c6d2;flex:none;width:calc(100% - 20px);margin:6px 10px}@media (width<=900px),(height<=500px){.panel-editing-layers{display:none}.editor[data-workspace=editing][data-tab=preview][data-monitor=source]>.panel-program{display:flex}.tl-sequence-header>.keyframe-editor{width:60%}.tl-sequence-header .seq-tabs{max-width:40%}}.monitor-well[data-preview-buffering=true]:after{content:"Buffering video…";z-index:8;color:#eee;pointer-events:none;background:#171b20dd;border-radius:4px;padding:5px 9px;font-size:12px;position:absolute;bottom:12px;left:12px}.preview-controls{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px 10px;padding:5px 8px;font-size:11px;display:flex}.preview-controls label{color:var(--fg);align-items:center;gap:7px;display:inline-flex}.preview-controls select{border:1px solid var(--border);background:var(--bg-input);max-width:150px;min-height:30px;color:var(--fg);font:inherit;border-radius:4px;padding:3px 6px}.preview-controls select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.preview-size{color:var(--fg-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.monitor-missing-media{overflow-wrap:anywhere;background:#29251b;flex:none;max-height:40%;padding:8px;overflow:auto}.monitor-missing-media>button{margin-left:6px}.monitor-missing-media summary{cursor:pointer;padding-top:6px}.missing-media-details{min-width:0;font-size:12px}.missing-media-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.missing-media-tools input{border:1px solid var(--border);background:var(--bg-input);min-width:0;color:var(--fg);border-radius:4px;flex:220px;padding:8px}.missing-media-details p{margin:8px 0;line-height:1.5}.missing-media-list{border:1px solid var(--border);border-radius:4px;max-height:min(300px,35dvh);overflow:auto}.missing-media-list ul{margin:0;padding:0;list-style:none}.missing-media-list li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:9px 10px}.missing-media-list li:last-child{border-bottom:0}.missing-media-list strong,.missing-media-list span{line-height:1.5;display:block}.missing-media-list strong{color:var(--fg)}.missing-media-list code{white-space:normal;-webkit-user-select:text;user-select:text;font-size:11px}.relink-modal{width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.editing-dock[data-panel=templates]>.panel{display:none}.editing-template-library{flex:1;min-height:0;padding:10px;overflow:auto}.editing-template-search input,.editing-template-fields input,.editing-template-fields select,.template-slot-controls select{border:1px solid var(--border-strong);background:var(--bg-input);width:100%;min-width:0;min-height:32px;color:var(--fg);border-radius:4px;padding:6px}.editing-template-cards{gap:12px;display:grid}.editing-template-card{border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.editing-template-card:hover{border-color:var(--accent)}.editing-template-card>.editing-template-art{background:#080d12;width:100%;height:112px}.editing-template-meta svg{flex:none;width:11px;height:11px}.editing-template-card span{color:var(--fg-muted);font-size:11px;line-height:1.4}.editing-template-dialog{border:1px solid var(--border-strong);background:var(--bg-panel);width:min(1120px,96vw);max-width:none;max-height:90dvh;color:var(--fg);border-radius:10px;padding:0}.editing-template-dialog[open]{flex-direction:column;display:flex}.editing-template-dialog::backdrop{background:#000b}.editing-template-dialog header,.editing-template-dialog footer{flex:none;align-items:center;gap:12px;padding:14px 18px;display:flex}.editing-template-dialog header{border-bottom:1px solid var(--border)}.editing-template-dialog h2{margin:0 0 4px;font-size:20px}.editing-template-dialog header p{color:var(--fg-muted);margin:0;font-size:12px}.editing-template-dialog header>div,.editing-template-dialog footer>span{flex:1}.editing-template-dialog footer{border-top:1px solid var(--border);font-size:12px}.editing-template-setup{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);min-height:0;display:grid;overflow:hidden}.editing-template-preview{padding:18px;overflow:auto}.editing-template-preview svg{aspect-ratio:16/9;background:#080d12;width:100%;max-height:48dvh;display:block}.editing-template-preview>div{align-items:center;gap:8px;margin-top:12px;display:flex}.editing-template-preview>.template-preview-stack{margin:0;display:block;position:relative}.template-preview-stack>canvas,.template-preview-stack>.template-preview-top{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.template-preview-stack>canvas{object-fit:contain}.template-hover-art{display:block;position:relative;overflow:hidden}.template-hover-art>svg,.template-hover-art>canvas,.template-hover-art>img,.template-hover-art>.template-preview-stack{object-fit:cover;width:100%;height:100%;display:block}.template-hover-art>.template-preview-stack{position:relative}.template-hover-art>.template-preview-stack>svg:first-child{width:100%;height:100%;display:block}.template-hover-progress{background:var(--accent,#5fd4b0);transform-origin:0;pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}.editing-template-preview svg.template-preview-top{background:0 0;max-height:none}.editing-template-preview input[type=range]{min-width:30px;accent-color:var(--accent);flex:1}.editing-template-preview p{color:var(--fg-muted);font-size:12px;line-height:1.5}.editing-template-fields{border-left:1px solid var(--border);flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.editing-template-fields label,.template-slot-controls label{gap:5px;font-size:12px;display:grid}.editing-template-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editing-template-fields fieldset{border:1px solid var(--border);border-radius:6px;gap:10px;padding:12px;display:grid}.template-slot-controls{border-bottom:1px solid var(--border);gap:10px;padding:12px;display:grid}@media (width<=700px){.editing-template-setup{grid-template-columns:1fr;overflow:auto}.editing-template-fields,.editing-template-preview{overflow:visible}.editing-template-preview svg{max-height:220px}.editing-template-dialog header{padding:10px}.editing-template-dialog h2{font-size:16px}}.editing-template-dialog{margin:auto}.effect-parameter{grid-template-columns:minmax(0,1fr) minmax(65px,1fr);align-items:center;gap:8px;margin:8px 0;font-size:11px;display:grid}.effect-parameter input,.effect-parameter select{background:var(--bg-input);width:100%;min-width:0;min-height:28px;color:var(--fg);border:1px solid var(--border);border-radius:3px}.effect-parameter input[type=checkbox]{justify-self:end;width:auto}.insp-grid>.effect-parameter{grid-column:1/-1}.fx-parameter-details summary{cursor:pointer;color:var(--accent);padding:6px 0}.tl-entry-transition{background:linear-gradient(90deg,#65d7c377,#0000);border-left-style:solid}.editing-lyric-effects{border:1px solid var(--border);border-radius:4px;gap:8px;min-width:0;margin:12px 0;padding:10px;display:grid}.editing-lyric-effects legend{color:var(--accent);font-size:11px}.editing-lyric-effects label{gap:4px;min-width:0;font-size:11px;display:grid}.editing-lyric-effects input,.editing-lyric-effects select{width:100%;min-width:0}.editing-lyric-effects .bin-sub{white-space:normal;margin:0;line-height:1.5}.editing-bulk-text .effect-parameter{grid-template-columns:minmax(0,1fr)}.editing-bulk-text .effect-parameter input[type=checkbox]{justify-self:start}.lyric-motion-options{border-top:1px solid var(--border);padding-top:8px}.lyric-motion-options summary{cursor:pointer;font-size:11px}.lyric-motion-options[open]>label{margin-top:8px}.lyric-motion-options small{display:block;margin-top:8px!important}.clip.caption-dragging{z-index:20;opacity:.85;pointer-events:none}.caption-cue{touch-action:none}.editing-lyric-effects textarea{width:100%;min-width:0;min-height:52px}.editing-template-card{height:246px;overflow:hidden}.editing-template-card>.editing-template-art{flex-shrink:0;height:128px!important}.editing-template-card-demo{grid-template-rows:auto 1fr;grid-template-columns:84px minmax(0,1fr);gap:4px 10px;height:115px;display:grid}.editing-template-card-demo>.editing-template-art{grid-row:1/3;height:96px!important}.editing-template-card span{overflow:hidden}.media-replacement{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:flex}.media-replacement select{min-width:0;max-width:180px}.media-replacement p{flex-basis:100%;margin:0}.editing-template-find{z-index:2;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin:-10px -10px 10px;padding:10px;display:flex;position:sticky;top:-10px}.editing-template-search{border:1px solid var(--border-strong);background:var(--bg-input);color:var(--fg-muted);border-radius:5px;align-items:center;gap:6px;padding:0 8px;display:flex}.editing-template-search input{min-width:0;min-height:32px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:6px 0}.editing-template-search:focus-within{border-color:var(--accent)}.editing-template-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.editing-template-formats button,.editing-template-categories button{border:1px solid var(--border-strong);min-height:28px;color:var(--fg-muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.editing-template-formats button[aria-pressed=true],.editing-template-categories button[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.editing-template-formats button[aria-pressed=true],.editing-template-categories button[aria-pressed=true]{background:color-mix(in oklab,var(--accent) 18%,transparent)}}.editing-template-formats button[aria-pressed=true],.editing-template-categories button[aria-pressed=true]{color:var(--fg)}.editing-template-categories{scrollbar-width:thin;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.editing-template-categories button{flex:none}@container (width>=520px){.editing-template-categories{flex-wrap:wrap;overflow:visible}}.editing-template-categories button span{color:var(--fg-subtle);font-size:10px}.editing-template-categories button:disabled{opacity:.4;cursor:default}.editing-template-find>.bin-sub{white-space:normal;margin:0;line-height:1.4}.editing-template-section{margin-bottom:16px}.editing-template-section h3{color:var(--gold);font:600 11px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:6px;margin:0 0 8px;display:flex}.editing-template-section h3 span{color:var(--fg-subtle);font-weight:400}.editing-template-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.editing-template-card .editing-template-format{color:#c9d6e2;background:#253341;border-radius:9px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;display:inline-flex}.editing-template-card .editing-template-format.vertical{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.editing-template-card .editing-template-format.vertical{background:color-mix(in oklab,var(--accent) 28%,#1b2530)}}.editing-template-card .editing-template-format.vertical{color:#dff7f2}.editing-template-card .editing-template-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}.editing-template-empty{color:var(--fg-muted);justify-items:start;gap:8px;display:grid}@container (width>=520px){.editing-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.editing-template-library{container-type:inline-size}.effect-timing{gap:6px;margin:8px 0;display:grid}.effect-timing>label{justify-content:space-between;align-items:center;gap:8px;display:flex}.effect-timing input[type=number]{width:90px;min-width:0}.transition-presets{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.transition-presets .tool-btn{min-width:0;padding:2px 7px;font-size:11px}.transition-frames{color:var(--fg-muted);font:10px var(--font-mono);margin-left:2px}.insp-grid>.transition-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.insp-grid>.transition-tip{color:var(--fg-muted);grid-column:1/-1;margin:0;font-size:10px;line-height:1.4}.slideshow-checks{flex-wrap:wrap;gap:6px 16px;display:flex}.slideshow-checks label{align-items:center;gap:6px;display:flex!important}.slideshow-checks input{width:auto!important;min-height:0!important}.slideshow-music legend,.slideshow-pictures legend{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.slideshow-picture-actions{flex-wrap:wrap;gap:6px;display:flex}.slideshow-picture-actions .tool-btn{align-items:center;gap:5px;display:inline-flex}.slideshow-slides{counter-reset:slide;gap:8px;margin:0;padding:0;list-style:none;display:grid}.slideshow-slide{border:1px solid var(--border);counter-increment:slide;border-radius:5px;grid-template-columns:auto 64px 1fr auto;align-items:center;gap:8px;padding:6px;display:grid}.slideshow-slide:before{content:counter(slide);font:600 11px var(--font-mono);color:var(--fg-muted);text-align:right;min-width:16px}.slideshow-thumb{border-radius:3px;width:64px;height:36px;display:block}.slideshow-slide-fields{gap:4px;min-width:0;display:grid}.slideshow-slide-fields input,.slideshow-slide-fields select{min-height:26px!important;padding:3px 6px!important}.slideshow-slide-order{gap:2px;display:grid}.slideshow-pair{grid-template-columns:auto auto 1fr auto}.slideshow-pair-thumbs{gap:2px;display:grid}.slideshow-style-settings legend,.slideshow-transitions legend,.slideshow-particles legend,.slideshow-effects legend{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.slideshow-style-settings,.slideshow-transitions,.slideshow-particles,.slideshow-effects{gap:8px;display:grid}.slideshow-transitions .tool-btn,.slideshow-particles>.tool-btn{justify-self:start}.slideshow-finishes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 12px;display:grid}.slideshow-finish{gap:2px;min-width:0;display:grid}.slideshow-finish>label,.slideshow-setting-toggle{align-items:center;gap:6px;display:flex!important}.slideshow-finish input[type=checkbox],.slideshow-setting-toggle input,.slideshow-color-choice input[type=checkbox]{width:auto!important;min-height:0!important}.slideshow-color-choice>span{align-items:center;gap:6px;display:flex}.slideshow-color-choice input[type=color]{flex:1}.slideshow-settings-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px 10px;display:grid}.slideshow-style-settings>.tool-btn{justify-self:start}.slideshow-slide-order .tool-btn{min-height:0;padding:2px 4px}.slideshow-bar{border-bottom:1px solid var(--border);background:var(--accent,#65d7c3);align-items:center;gap:8px;padding:4px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.slideshow-bar{background:color-mix(in srgb,var(--accent,#65d7c3) 8%,transparent)}}.slideshow-bar{font-size:12px}.slideshow-bar strong{font-weight:600}.slideshow-bar .bin-sub{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;overflow:hidden}.slideshow-bar .tool-btn{align-items:center;gap:5px;display:inline-flex}.text-effect-browser{flex:1;min-height:0;padding:10px;overflow-y:auto}.text-effect-toolbar{justify-content:space-between;align-items:center;gap:6px;display:flex}.text-effect-toolbar strong{color:var(--fg);font-size:12px}.text-effect-toolbar .tool-btn,.text-effect-dialog-head .tool-btn{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.text-effect-intro,.text-effect-count,.text-effect-empty{color:var(--fg-muted);font-size:11px;line-height:1.45}.text-effect-intro{margin:8px 0 10px}.text-effect-count{margin:6px 0 10px}.text-effect-search{border:1px solid var(--border);background:var(--bg-input);min-height:32px;color:var(--fg-muted);border-radius:5px;align-items:center;gap:6px;padding:0 8px;display:flex}.text-effect-search input{width:100%;min-width:0;color:var(--fg);background:0 0;border:0;outline:0;font-size:12px}.text-effect-groups{gap:16px;display:grid}.text-effect-category-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:8px;margin:0 1px 7px;display:flex}.text-effect-category-heading h3{color:var(--fg);margin:0 0 6px;font-size:11px;font-weight:700}.text-effect-category-heading span{color:var(--fg-muted);font-size:10px}.text-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.text-effect-grid.large{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.text-effect-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.text-effect-card:hover,.text-effect-card:focus-within,.text-effect-card.is-previewing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.text-effect-card:hover,.text-effect-card:focus-within,.text-effect-card.is-previewing{box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 35%, transparent)}}.text-effect-pick{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:4px;padding:0 0 7px;display:flex}.text-effect-pick canvas{aspect-ratio:16/9;background:#101722;width:100%;display:block}.text-effect-name{padding:3px 8px 0;font-size:12px;font-weight:700;line-height:1.25}.text-effect-description{-webkit-line-clamp:2;color:var(--fg-muted);-webkit-box-orient:vertical;padding:0 8px;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.text-effect-grid.large .text-effect-description{-webkit-line-clamp:3}.dialog-back.text-effect-modal-back{z-index:10060}.dialog.text-effect-expanded{width:min(1480px,96vw);height:min(92dvh,1000px);max-height:none}.text-effect-dialog-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;display:flex}.text-effect-dialog-head small{color:var(--accent);font:10px var(--font-mono);letter-spacing:.12em}.text-effect-dialog-head h2{background:0 0;border:0;margin:3px 0 5px;padding:0;font-size:20px}.text-effect-dialog-head p{color:var(--fg-muted);margin:0;font-size:12px}.text-effect-expanded-body{flex:1;min-height:0;padding:16px 18px 24px;overflow-y:auto}.text-effect-expanded-body .text-effect-search{max-width:460px}.dialog.text-effect-create-dialog{width:min(590px,96vw)}.text-effect-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid;overflow-y:auto}.text-effect-form-grid label{min-width:0;color:var(--fg-muted);gap:5px;font-size:11px;display:grid}.text-effect-form-grid input:not([type=checkbox]),.text-effect-form-grid select,.text-effect-form-grid textarea{border:1px solid var(--border);background:var(--bg-input);width:100%;min-width:0;min-height:34px;color:var(--fg);border-radius:4px;padding:6px 8px}.text-effect-form-grid textarea{resize:vertical;min-height:100px}.text-effect-form-grid .text-effect-form-wide{grid-column:1/-1}.text-effect-form-grid .text-effect-check{align-items:center;gap:7px;display:flex}@media (width<=700px){.text-effect-grid.large{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.text-effect-dialog-head{flex-wrap:wrap}}@media (width<=450px){.text-effect-form-grid,.text-effect-grid.large{grid-template-columns:1fr}}.fx-panel-toolbar{justify-content:space-between;align-items:center;gap:6px;padding:8px 10px 2px;display:flex}.fx-panel-toolbar strong{color:var(--fg);font-size:12px}.fx-panel-toolbar .tool-btn{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.dialog-back.fx-browser-back{z-index:10060;transition:opacity .12s}.dialog-back.fx-browser-back.is-dragging{opacity:0;pointer-events:none}.dialog.fx-browser{width:min(1480px,96vw);height:min(92dvh,1000px);max-height:none}.fx-browser .text-effect-dialog-head .tool-btn{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.fx-browser-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:10px 14px;padding:12px 18px;display:flex}.fx-browser-search{flex:260px;max-width:420px}.fx-browser-tabs{flex-wrap:wrap;gap:5px;display:inline-flex}.fx-browser-tabs button{border:1px solid var(--border);background:var(--bg-elevated);min-height:30px;color:var(--fg-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:11px;display:inline-flex}.fx-browser-tabs button span{color:var(--fg-muted);font:10px var(--font-mono)}.fx-browser-tabs button.on{border-color:var(--accent);color:var(--fg);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.fx-browser-tabs button.on{background:color-mix(in oklab, var(--accent) 18%, var(--bg-elevated))}}.fx-browser-field{color:var(--fg-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.fx-browser-field select{max-width:230px;min-height:30px}.fx-browser-body{flex:1;align-content:start;gap:18px;min-height:0;padding:16px 18px 24px;display:grid;overflow-y:auto}.fx-browser-grid{grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:12px;display:grid}.fxlib-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;flex-direction:column;min-width:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;overflow:hidden}.fxlib-card:hover,.fxlib-card:focus-within,.fxlib-card.is-previewing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 22px #00000059}@supports (color:color-mix(in lab, red, red)){.fxlib-card:hover,.fxlib-card:focus-within,.fxlib-card.is-previewing{box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 35%, transparent), 0 8px 22px #00000059}}.fxlib-card:hover,.fxlib-card:focus-within,.fxlib-card.is-previewing{transform:translateY(-1px)}.fxlib-card-pick{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:3px;padding:0 0 8px;display:flex}.fxlib-card-pick:focus-visible{outline:none}.fxlib-card-pick canvas,.fxlib-card-audio{aspect-ratio:16/9;background:#101722;width:100%;display:block}.fxlib-card-audio{color:var(--accent);background:radial-gradient(circle at 50% 45%,#1d3340,#101722 70%);place-items:center;display:grid}.fxlib-card-name{text-overflow:ellipsis;white-space:nowrap;padding:4px 9px 0;font-size:12px;font-weight:700;line-height:1.25;overflow:hidden}.fxlib-card-sub{color:var(--fg-muted);padding:0 9px;font-size:10px}.fx-browser-status{border-top:1px solid var(--border);min-height:32px;color:var(--fg-muted);flex:none;padding:8px 18px;font-size:11px}@media (width<=700px){.fx-browser-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fx-browser-controls{padding:10px 12px}}.tl-add-lane .tl-track-controls-toggle{display:none}.viz-edit-empty{justify-items:start;gap:10px;padding:12px;display:grid}.viz-edit-empty .bin-sub{white-space:normal;line-height:1.5}@media (width<=900px),(height<=500px){.editor{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}:is(button,summary,select,[role=button]){touch-action:manipulation}.dock button{white-space:nowrap;text-overflow:ellipsis;padding:0 2px;overflow:hidden}:is(.lab-dock,.timeline-dock){grid-template-columns:repeat(var(--dock-count,4), minmax(0, 1fr))}:is(.lab-dock,.timeline-dock) button{font-size:10.5px}.compact-status{z-index:60;left:50%;bottom:calc(122px + env(safe-area-inset-bottom,0px));border:1px solid var(--border-strong);width:max-content;max-width:calc(100vw - 24px);color:var(--fg);pointer-events:none;background:#101519f2;border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.4;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0008}.stage-toolbar{flex-wrap:nowrap;gap:6px;min-height:44px;overflow:auto hidden}.stage-toolbar>*{flex-shrink:0}.stage-toolbar .preview-controls{margin-left:0}.stage-options-content{width:auto;max-height:55dvh;position:fixed;top:auto;left:8px;right:8px}.panel-timeline{--tl-header-w:116px}.panel-timeline.show-track-controls{--tl-header-w:min(300px, 80vw)}.panel-timeline:not(.show-track-controls) :is(.tl-h-btns,.tl-layer-snap,.tl-grip,.tl-add-lane-label){display:none}.panel-timeline:not(.show-track-controls) .tl-h{grid-template-columns:minmax(0,1fr);padding:0 6px}.panel-timeline .tl-target{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.tl-add-lane{gap:3px;overflow:hidden}.tl-add-lane .tl-track-controls-toggle{border:1px solid var(--border-strong);background:var(--bg-input);width:26px;min-height:22px;color:var(--fg-muted);border-radius:3px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.tl-track-controls-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.tl-navigator-hint{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tl-sequence-header{flex:none;gap:6px;height:auto;min-height:42px;padding-right:6px}.tl-sequence-header .seq-tabs{flex:0 auto;max-width:38%}.tl-sequence-header>.keyframe-editor{border:0;border-left:1px solid var(--border);flex:1 1 0;width:auto;min-width:0;max-height:42dvh;position:static}.tl-toolbar{flex-wrap:nowrap}.editor:is([data-workspace=editing],[data-workspace=audio],[data-workspace=captions],[data-workspace=color])[data-tab=timeline]>.panel-program,.editor:is([data-workspace=editing],[data-workspace=captions],[data-workspace=color])[data-tab=inspector]>.panel-program{border-bottom:1px solid var(--border-strong);grid-area:program;display:flex}.editor:is([data-tab=timeline],[data-tab=inspector])>.panel-program>.monitor-tabs{display:none}.panel-vizlab{flex-direction:column;min-height:0;display:flex}.panel-vizlab>.viz-top{flex-wrap:nowrap;min-height:44px;overflow:auto hidden}.panel-vizlab>.viz-top input[type=url]{width:170px}.panel-vizlab>.viz-top>[data-testid=viz-play]{order:-3}.panel-vizlab>.viz-top>[data-testid=viz-stop]{order:-2}.panel-vizlab>.viz-top>.viz-clock{order:-1;min-width:0}.panel-vizlab>.viz-body{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.panel-vizlab .viz-center{flex:auto;order:0;height:auto;min-height:0;overflow:hidden auto}.panel-vizlab .viz-center>*{flex-shrink:0}.panel-vizlab .viz-center>.viz-preview-wrap{flex:auto;min-height:180px;padding:6px}.panel-vizlab .viz-stage-tools{flex-wrap:nowrap;overflow-x:auto}.panel-vizlab .viz-stage-tools>*{flex-shrink:0}.panel-vizlab .viz-stage-tools>small{display:none}.panel-vizlab .viz-meters{height:30px}.panel-vizlab .viz-insp,.panel-vizlab .viz-element-panels{border-top:1px solid var(--border-strong);flex:1 1 0;order:1;width:100%;height:auto;min-height:0;max-height:none;display:none;overflow:hidden}.panel-vizlab .viz-insp{flex-direction:column}.panel-vizlab .viz-insp-pane,.panel-vizlab .viz-element-panels>.viz-layers{border:0;flex:1 1 0;width:100%;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;display:none}.panel-vizlab :is(.viz-insp-pane,.viz-element-panels>.viz-layers)>.viz-panel-toggle{display:none}.panel-vizlab[data-mobile-panel=layer] .viz-insp,.panel-vizlab[data-mobile-panel=scene] .viz-insp,.panel-vizlab[data-mobile-panel=add] .viz-element-panels,.panel-vizlab[data-mobile-panel=layers] .viz-element-panels{display:flex}.panel-vizlab[data-mobile-panel=layer] .viz-layer-pane,.panel-vizlab[data-mobile-panel=scene] .viz-scene-pane,.panel-vizlab[data-mobile-panel=add] .viz-elements-panel,.panel-vizlab[data-mobile-panel=layers] .viz-layers-panel{flex-direction:column;display:flex}.panel-vizlab .viz-elements-panel .viz-add{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.panel-vizlab:not([data-mobile-panel=stage]) .viz-center{height:var(--viz-mini-stage);flex:none;overflow:hidden}.panel-vizlab:not([data-mobile-panel=stage]) .viz-center>:is(.viz-beat,.parallax-images){display:none}.panel-vizlab:not([data-mobile-panel=stage]) .viz-center>.viz-preview-wrap{min-height:0}.panel-vizlab:not([data-mobile-panel=stage])>.viz-wave{display:none}.panel-vizlab[data-mobile-panel=timeline]>.viz-body{flex:none}.panel-vizlab>.viz-timeline{flex:1 1 0;height:auto;min-height:0;max-height:none}.panel-vizlab>.viz-timeline .tl-toolbar,.panel-vizlab>.viz-timeline .tl-selection{flex-wrap:nowrap;overflow-x:auto}.panel-vizlab>.viz-timeline :is(.tl-toolbar,.tl-selection)>*{flex-shrink:0}.panel-vizlab .viz-wave-canvas{height:56px}.panel-pixlab[data-mobile-panel]{grid-template:"menu history""opts opts""body body"minmax(0,1fr)"status status"/minmax(0,1fr) auto;min-height:0;display:grid}.panel-pixlab>.pix-menu{flex-wrap:nowrap;grid-area:menu;min-width:0;overflow-x:auto}.panel-pixlab>.viz-stage-tools{background:var(--bg-elevated);flex-wrap:nowrap;grid-area:history}.panel-pixlab>.viz-stage-tools>small{display:none}.panel-pixlab>.pix-opts{flex-wrap:nowrap;grid-area:opts;min-width:0;overflow-x:auto}.panel-pixlab>.pix-opts>*{flex-shrink:0}.panel-pixlab>.pix-status{white-space:nowrap;grid-area:status;overflow:hidden}.panel-pixlab>.pix-body{grid-area:body;grid-template-rows:minmax(0,1fr);grid-template-columns:78px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.panel-pixlab .pix-tools{overscroll-behavior:contain;flex-flow:column;grid-area:1/1/-1;width:auto;min-height:0;overflow-y:auto}.panel-pixlab .pix-tool{flex:none;min-height:40px}.panel-pixlab .pix-center{grid-area:1/2}.panel-pixlab .pix-dock,.panel-pixlab .pix-dock-tabs{display:none}.panel-pixlab[data-mobile-panel=dock] .pix-dock{border-left:0;min-height:0;max-height:none;display:flex;overflow-y:auto}.panel-convert[data-mobile-panel]>.convert-body{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.panel-convert[data-mobile-panel]>.convert-body>*{display:none}.panel-convert[data-mobile-panel=queue] .convert-queue,.panel-convert[data-mobile-panel=preview] .convert-preview,.panel-convert[data-mobile-panel=output] .convert-settings{border:0;flex-direction:column;flex:1 1 0;width:100%;min-height:0;max-height:none;display:flex;overflow-y:auto}.panel-convert .convert-top .bin-sub{display:none}}@media (width>=901px) and (height>=501px) and (height<=860px){.panel-vizlab .viz-center{overflow-y:auto}.panel-vizlab .viz-center>*{flex-shrink:0}.panel-vizlab .viz-center>.viz-preview-wrap{flex:1 0 clamp(200px,40dvh,420px)}.editing-dock>.panel-bin{overscroll-behavior:contain;overflow-y:auto}.editing-dock>.panel-bin>*{flex-shrink:0}.editing-dock>.panel-bin>.bin-list{flex:1 0 auto;min-height:160px;overflow:visible}}@media (width<=900px) and (height>=501px){.panel-vizlab{--viz-mini-stage:clamp(170px, 34dvh, 64vw)}.editor:is([data-workspace=editing],[data-workspace=audio],[data-workspace=captions],[data-workspace=color])[data-tab=timeline],.editor:is([data-workspace=editing],[data-workspace=captions])[data-tab=inspector]{grid-template-rows:var(--menu-h) clamp(150px, 30dvh, 58vw) minmax(0, 1fr) 50px 60px;grid-template-areas:"menu""program""main""transport""dock"}.panel-pixlab[data-mobile-panel=dock]>.pix-body{grid-template-rows:minmax(0,1fr) minmax(0,1.1fr)}.panel-pixlab[data-mobile-panel=dock] .pix-tools{grid-row:1}.panel-pixlab[data-mobile-panel=dock] .pix-dock{border-top:1px solid var(--border-strong);grid-area:2/1/auto/-1}.editor[data-workspace=color][data-tab=inspector]{grid-template-rows:var(--menu-h) clamp(130px, 25dvh, 52vw) 112px minmax(0, 1fr) 50px 60px;grid-template-areas:"menu""program""scopes""main""transport""dock"}}@media (height<=500px){:root{--menu-h:48px;--rail-w:68px}.menu-bar{flex-direction:row;align-items:center}.studio-topbar{border-bottom:0;flex:none;order:2;gap:6px;height:100%;padding:0 8px 0 4px}.studio-topbar .brand,.studio-project{display:none}.studio-navigation{flex:1;order:1;min-width:0;height:100%}.ws-switch{justify-content:flex-start}.studio-actions{gap:4px}.studio-actions button{width:36px;padding:0}.studio-actions button>svg{display:inline}.studio-actions button.studio-export{width:auto;padding:0 10px}.studio-actions button:not(.studio-export)>span,.mobile-menu-toggle>span,[data-testid=ws-done]>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-menu-toggle{justify-content:center;width:36px;padding:0}.menu-cluster.mobile-open{max-height:calc(100dvh - var(--menu-h) - 12px);left:calc(var(--rail-w) + 8px);width:min(360px, calc(100vw - var(--rail-w) - 16px));right:auto}.stage-options-content{left:calc(var(--rail-w) + 8px);max-height:calc(100dvh - var(--menu-h) - 60px)}.compact-status{left:calc(50% + var(--rail-w) / 2);bottom:calc(56px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - var(--rail-w) - 24px)}.viz-templates{inset:6px;overflow-y:auto}.viz-templates .viz-template-grid{flex:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;overflow:visible}.viz-template-heading{padding:10px 16px 4px}.viz-template-heading h2{margin:2px 0 4px;font-size:18px}.editor[data-workspace]>.dock{border-top:0;border-right:1px solid var(--border);flex-direction:column;grid-area:dock;display:flex}.dock button{border-top:0;border-left:2px solid #0000;flex:1 1 0;min-height:0}.dock button.on{border-left-color:var(--accent)}.dock button:not(.on){border-top-color:#0000}.editor,.editor[data-workspace=color],.editor[data-workspace=audio],.editor[data-workspace=captions],.editor[data-tab=preview]{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-rows:var(--menu-h) minmax(0, 1fr) 46px;grid-template-areas:"menu menu""dock main""dock transport"}.editor[data-tab=preview]>.panel-program{grid-area:main}.editor:is([data-workspace=editing],[data-workspace=audio],[data-workspace=captions],[data-workspace=color])[data-tab=timeline],.editor:is([data-workspace=editing],[data-workspace=captions])[data-tab=inspector]{grid-template-columns:var(--rail-w) minmax(0, .8fr) minmax(0, 1.2fr);grid-template-rows:var(--menu-h) minmax(0, 1fr) 46px;grid-template-areas:"menu menu menu""dock program main""dock transport transport"}.editor:is([data-workspace=editing],[data-workspace=captions])[data-tab=inspector]{grid-template-columns:var(--rail-w) minmax(0, 1fr) minmax(0, 1fr)}.editor[data-workspace=color][data-tab=inspector]{grid-template-columns:var(--rail-w) minmax(0, .9fr) minmax(0, 1fr);grid-template-rows:var(--menu-h) minmax(0, 1.3fr) minmax(0, 1fr) 46px;grid-template-areas:"menu menu menu""dock program main""dock scopes main""dock transport transport"}.editor:is([data-tab=timeline],[data-tab=inspector])>:is(.panel-program,.panel-scopes){border-right:1px solid var(--border-strong)}:is(.editor[data-tab=timeline],.editor[data-tab=inspector])>.panel-transport{overflow-x:auto}.editor[data-workspace=vizlab],.editor[data-workspace=pixlab],.editor[data-workspace=convert]{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-rows:var(--menu-h) minmax(0, 1fr)}.editor[data-workspace=vizlab]{grid-template-areas:"menu menu""dock vizlab"}.editor[data-workspace=pixlab]{grid-template-areas:"menu menu""dock pixlab"}.editor[data-workspace=convert]{grid-template-areas:"menu menu""dock convert"}.panel-pixlab[data-mobile-panel=dock]>.pix-body{grid-template-columns:78px minmax(0,1fr) min(360px,46%)}.panel-pixlab[data-mobile-panel=dock] .pix-dock{border-left:1px solid var(--border-strong);grid-area:1/3}.panel-convert .convert-compare{flex:none;grid-template-columns:1fr 1fr}.panel-convert .convert-img{max-height:calc(100dvh - var(--menu-h) - 170px)}.panel-vizlab>.viz-body{flex-direction:row}.panel-vizlab:not([data-mobile-panel=stage]) .viz-center{flex:1 1 0;min-width:0;height:auto}.panel-vizlab .viz-insp,.panel-vizlab .viz-element-panels{border-top:0;border-left:1px solid var(--border-strong);flex:0 0 min(420px,52%);width:auto}.panel-vizlab[data-mobile-panel=timeline]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);display:grid}.panel-vizlab[data-mobile-panel=timeline]>.viz-top{grid-column:1/-1}.panel-vizlab[data-mobile-panel=timeline]>.viz-body{grid-area:2/1;min-height:0}.panel-vizlab[data-mobile-panel=timeline]>.viz-timeline{border-top:0;border-left:1px solid var(--border-strong);grid-area:2/2}.panel-vizlab[data-mobile-panel=timeline] .viz-center{flex:1 1 0;height:auto}.panel-vizlab[data-mobile-panel=stage]>.viz-body{flex:none;overflow:visible}.panel-vizlab[data-mobile-panel=stage]{overflow-y:auto}.panel-vizlab[data-mobile-panel=stage] .viz-center{overflow:visible}.panel-vizlab[data-mobile-panel=stage] .viz-center>.viz-preview-wrap{height:calc(100dvh - var(--menu-h) - 44px - 46px);flex:none}}.viz-search-results:has(>.viz-edit-empty)>.viz-search-empty{display:none}.shared-timeline{min-height:70px;overflow:hidden}.shared-timeline .tl-body{grid-template-columns:var(--tl-header-w) minmax(0, 1fr) 20px}.shared-timeline .tl-scroll{scrollbar-width:none;overscroll-behavior:contain}.shared-timeline .tl-scroll::-webkit-scrollbar{display:none}.shared-timeline .tl-ruler{overflow:clip}.tl-add-controls{align-items:center;gap:3px;width:100%;display:flex}.tl-tick{border-left:1px solid var(--border-strong);height:20px;color:var(--fg-muted);font:10px var(--font-mono);pointer-events:none;padding-left:4px;position:absolute;top:2px}.panel-timeline .tl-toolbar{scrollbar-width:none;flex-wrap:nowrap;flex:none;height:44px;min-height:44px;overflow-x:auto}.panel-timeline .tl-toolbar::-webkit-scrollbar{display:none}.shared-timeline .clip{touch-action:none;-webkit-user-select:none;user-select:none}.shared-timeline .clip.locked{cursor:not-allowed}.shared-timeline .trim{width:min(8px,25%)}.shared-timeline .trim:hover{background:#ffe09899}.shared-timeline.cut-mode .clip:not(.caption-cue){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M8 9L23 23M8 19L23 4'/%3E%3Ccircle cx='6' cy='7' r='4'/%3E%3Ccircle cx='6' cy='21' r='4'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 9L23 23M8 19L23 4'/%3E%3Ccircle cx='6' cy='7' r='4'/%3E%3Ccircle cx='6' cy='21' r='4'/%3E%3C/g%3E%3C/svg%3E") 14 14,crosshair}.shared-timeline.cut-mode .clip:not(.caption-cue) :is(.trim,.clip-keyframe-dot){pointer-events:none}body[data-timeline-gesture=trim] .shared-timeline,body[data-timeline-gesture=trim] .shared-timeline *{cursor:ew-resize!important}body[data-timeline-gesture=move] .shared-timeline,body[data-timeline-gesture=move] .shared-timeline *{cursor:grabbing!important}.tl-cut-guide{pointer-events:none;z-index:8;border-left:1px dashed #fff;width:1px;position:absolute;top:0;bottom:0}.tl-cut-guide span{color:#fff;font:10px var(--font-mono);white-space:nowrap;background:#101519e8;padding:2px 4px;position:absolute;top:0;left:4px}.tl-snap-guide{pointer-events:none;z-index:9;border-left:1px solid #71ded0;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #4db7ac}.tl-snap-guide span{color:#e5fffb;font:10px var(--font-mono);white-space:nowrap;background:#142e2c;border:1px solid #3f8d84;padding:2px 4px;position:absolute;top:0;left:4px}.viz-timeline .viz-track-header{gap:4px;padding:0 6px;display:flex}.viz-track-header>button{color:var(--fg-muted);background:0 0;border:0;flex:none;padding:2px}.viz-track-header .viz-timeline-name{flex:1;min-width:0}.viz-track-header .layer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viz-timeline{background:var(--bg)}.viz-timeline>.keyframe-editor{flex:none}.tl-selection{scrollbar-width:none;border-bottom:1px solid var(--border);height:38px;min-height:38px;color:var(--fg-muted);flex:none;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex;overflow-x:auto}.tl-selection::-webkit-scrollbar{display:none}.tl-selection>*{flex-shrink:0}.tl-selection label{align-items:center;gap:4px;display:flex}.tl-selection input{background:var(--bg-input);width:72px;color:var(--fg);border:1px solid var(--border-strong);padding:3px}@media (width<=900px),(height<=500px){.viz-timeline:not(.show-track-controls) .viz-track-header>button{display:none}}.editor[data-only-workspace=true] [data-testid=lab-done]{display:none}.studio-history{flex:none;gap:2px;margin-left:auto;display:inline-flex}.studio-history .tool-btn{justify-content:center;width:30px;min-width:30px;height:30px;padding:0}.studio-navigation .ws-switch{margin-left:8px}@media (width<=900px),(height<=500px){.studio-history{display:none}.studio-navigation .ws-switch{margin-left:auto}}@media (width>=901px) and (height>=501px){.stage-history:not(.studio-history),.convert-top [data-testid=lab-done],.panel-pixlab>.viz-stage-tools{display:none}}@media (width>=1180px) and (height>=501px){:root{--menu-h:48px}.menu-bar{flex-direction:row;align-items:center}.studio-topbar,.studio-navigation{display:contents}.menu-bar .brand{order:1;height:100%;padding:0 14px 0 16px}.studio-project{border-right:1px solid var(--border);order:2;justify-content:center;align-self:stretch;max-width:190px;padding:0 14px 0 4px}.studio-project>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-cluster{order:3;height:100%;margin-left:4px}.studio-history{order:4}.menu-bar .ws-switch{order:5}.menu-bar [data-testid=ws-done]{order:6;margin-left:6px}.studio-actions{order:7;margin-left:10px}.menu-bar .help-launch{order:8;margin:0 2px}.menu-bar .fullscreen-launch{order:9;margin:0 8px 0 0}}@media (width>=1180px) and (width<=1599px) and (height>=501px){.studio-actions button:not(.studio-export){width:34px;padding:0}.studio-actions button:not(.studio-export)>span,.menu-bar [data-testid=ws-done]>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-bar .ws-switch>span{display:none}}.lab-menus{align-items:stretch;display:flex}.lab-menu-slot,.lab-menus .pix-menu{display:contents}.lab-menus .pix-menu .menu-btn{align-items:center;height:100%;min-height:0;padding:0 11px}.lab-menus>.menu-item{order:2}.lab-menus .pix-menu>[data-testid=lab-done]{display:none}.lab-menus .pix-doc-name{border-left:1px solid var(--border);min-width:0;color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;order:3;align-self:center;max-width:180px;margin:0 12px 0 8px;padding-left:12px;overflow:hidden}.pix-status-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-subtle);margin-left:auto;overflow:hidden}.menu-drop>button,.menu-drop>label.menu-row,.menu-sub>.menu-sub-row,.menu-sub-inline>button{padding-left:28px;position:relative}.menu-drop [role=menuitemcheckbox][aria-checked=true]:before{content:"✓";color:var(--accent);font-size:12px;font-weight:700;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.menu-drop [role=menuitemradio][aria-checked=true]:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:12px}.menu-sub{position:relative}.menu-sub-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.menu-sub-caret{color:var(--fg-muted);font-size:11px}.menu-sub>.menu-sub-row[aria-expanded=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.menu-sub>.menu-sub-row[aria-expanded=true]{background:color-mix(in oklab, var(--accent) 16%, var(--bg-panel))}}.menu-drop.menu-sub-panel{z-index:60;border-radius:6px;width:auto;min-width:200px;max-width:min(320px,100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;top:0;left:0;overflow-y:auto}.menu-sub-inline{border-left:2px solid var(--border-strong);margin:2px 0 6px 16px}.menu-drop .kbd{white-space:nowrap;margin-left:auto;padding-left:16px}@media (pointer:fine) and (width>=901px) and (height>=501px){.menu-drop button,.menu-drop label.menu-row{min-height:27px;padding-top:4px;padding-bottom:4px}.menu-drop .menu-sep{margin:3px 6px}}.insp-section,.insp-section-body{flex-direction:column;gap:8px;min-width:0;display:flex}.insp-section-body[hidden]{display:none}.insp .insp-sec-toggle{border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--gold);font:600 10px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;background:0 0;align-items:center;gap:6px;margin:2px 0 0;padding:10px 0 4px;display:flex}.insp .insp-sec-toggle:hover{color:var(--gold)}@supports (color:color-mix(in lab, red, red)){.insp .insp-sec-toggle:hover{color:color-mix(in oklab, var(--gold) 75%, white)}}.insp .insp-sec-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.insp-sec-chevron{color:var(--fg-muted);transition:transform var(--motion-quick) var(--ease-out);flex:none}.insp-section.open>.insp-sec-toggle .insp-sec-chevron{transform:rotate(90deg)}.insp-section .position-size>legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.status-toggle{height:18px;color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:0 6px}.status-toggle:hover{border-color:var(--border-strong);color:var(--fg)}.status-toggle.on{color:var(--accent)}.tc-duration{color:var(--fg-subtle)}@media (width<=480px){.tc-duration{display:none}}.viz-top-sep{background:var(--border-strong);flex:none;width:1px;height:22px;margin:0 3px}.viz-top .viz-scene-menu summary{align-items:center;gap:4px;display:inline-flex}.viz-scene-menu .stage-options-content{flex-direction:column;gap:2px;width:200px;padding:5px;display:flex;left:auto;right:0}.viz-scene-menu .stage-options-content .tool-btn{background:0 0;border-color:#0000;justify-content:flex-start;width:100%}.viz-scene-menu .stage-options-content .tool-btn:hover{background:var(--bg-hover)}@media (width<=900px),(height<=500px){.viz-top-sep{display:none}}.editing-dock{--media-library-width:260px;--effects-library-width:250px;flex-direction:row}.editing-library-panel{border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editing-media-panel{width:var(--media-library-width)}.editing-effects-panel{width:var(--effects-library-width)}.editing-library-panel[data-open=false]{flex:none;width:32px}.editing-library-panel[data-open=false]>.viz-panel-toggle{writing-mode:vertical-rl;justify-content:flex-start;gap:12px;width:32px;height:100%;padding:12px 6px}.editing-panel-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.editing-panel-content>.panel{flex:1;min-height:0}.editing-panel-content .panel-bin{border-right:0}.editing-panel-content .bin-tabs{flex-wrap:wrap}.effects-category-tabs{flex-wrap:wrap;gap:2px;padding:4px}.effects-category-tabs button{flex:1 0 42%;padding:3px;font-size:11px}.editing-effects-panel .bin-list{flex:1;min-height:0;overflow:auto}.editing-effects-panel .fx-panel-toolbar{flex-wrap:wrap;gap:6px}.editing-panel-content>.fx-panel-toolbar{flex:none}.library-dialog{width:min(1180px,100vw - 32px);max-width:none;height:min(900px,100dvh - 40px);max-height:none;color:var(--fg);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:8px;margin:auto;padding:0;box-shadow:0 20px 90px #000a}.library-dialog[open]{flex-direction:column;display:flex}.library-dialog::backdrop{background:#000a}.library-dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.library-dialog h2{margin:0;font-size:20px}.library-dialog-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.library-dialog .editing-template-library{flex:1;min-height:0}@container (width>=850px){.editing-template-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.free-music-library,.particle-library{flex:1;min-height:0;padding:10px;overflow:auto}.free-music-library{flex-direction:column;padding:0;display:flex;overflow:hidden}.music-browse{overscroll-behavior:contain;flex:1;min-height:0;padding:10px;overflow:auto}.library-filters{gap:8px;margin-bottom:12px;display:grid}.library-filters input,.library-filters select{border:1px solid var(--border);background:var(--bg-input);width:100%;min-width:0;color:var(--fg);border-radius:4px;padding:6px}.library-filter-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"album album""genre mood""length sort";gap:8px;display:grid}.library-filter-pair label{color:var(--fg-muted);gap:4px;font-size:11px;display:grid}.music-album-filter{grid-area:album}.music-genre-filter{grid-area:genre}.music-mood-filter{grid-area:mood}.music-length-filter{grid-area:length}.music-sort-filter{grid-area:sort}.is-large .library-filter-pair{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"album genre mood length sort"}@media (width<=900px){.is-large .library-filter-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"album album""genre mood""length sort"}}.library-filters small{color:var(--fg-muted)}.music-grid,.particle-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.is-large .music-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1150px){.is-large .music-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}}.is-large .particle-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.music-card{border-bottom:1px solid var(--border);min-width:0;padding-bottom:12px;position:relative}.music-card:hover,.music-card:focus-within{z-index:3}.music-list{flex-direction:column;gap:0;display:flex}.music-list .music-card{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:10px;padding:10px 0;display:grid}.music-list .music-cover{float:none;width:56px;height:56px;margin:0}.music-list .music-card-info{min-width:0}.music-list .music-card h3{font-size:12px}.music-list .music-art .music-preview-label{padding:3px;font-size:0}.music-list .music-single-cover strong{font-size:9px}.music-list .music-single-cover em{display:none}.music-list .music-card details{padding:3px 0}.music-list-actions{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.music-list-actions .tool-btn{align-items:center;gap:3px;min-height:24px;padding:3px 5px;font-size:10px;display:inline-flex}.music-cover{float:left;width:84px;height:84px;margin:0 10px 8px 0;position:relative}.music-art{width:100%;height:100%;color:var(--fg);cursor:pointer;background:#14242b;border:0;border-radius:5px;padding:0;display:block;position:relative;overflow:hidden}.music-art img{object-fit:cover;width:100%;height:100%;display:block}.music-art .music-preview-label{z-index:1;bottom:0;background:#00151ddc;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:11px;display:flex;position:absolute;inset-inline:0}.music-single-cover{text-align:center;background:linear-gradient(145deg,#3d2e69,#116c75 58%,#d8a449);flex-direction:column;justify-content:center;gap:4px;width:100%;height:100%;padding:6px;display:flex;overflow:hidden}.music-single-cover strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10px;line-height:1.15;display:-webkit-box;overflow:hidden}.music-single-cover em{font:600 9px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.is-large .music-cover{float:none;aspect-ratio:1;width:min(100%,184px);height:auto;margin:0 0 10px}.is-large .music-single-cover strong{font-size:12px}.music-title-row{justify-content:space-between;align-items:start;gap:4px;display:flex}.music-title-row h3{overflow-wrap:anywhere;min-width:0}.music-rating{color:#f3c870;font:600 11px var(--font-mono);white-space:nowrap;flex:none}.music-card h3{margin:0 0 4px;font-size:14px}.music-card p{color:var(--fg-muted);margin:4px 0;font-size:11px}.music-byline span{color:var(--fg)}.music-card details{clear:both;padding:6px 0;font-size:11px}.music-card summary{color:var(--accent);cursor:pointer}.music-card dl{margin:8px 0}.music-card dl>div{margin:7px 0}.music-card dt{text-transform:capitalize;font-weight:600}.music-card dd{color:var(--fg-muted);overflow-wrap:anywhere;margin:2px 0 0}.music-actions{z-index:2;opacity:0;visibility:hidden;pointer-events:none;background:#00151dc9;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:3px;padding:3px;display:grid;position:absolute;inset:4px 4px 26px}.is-large .music-actions{gap:6px;padding:8px;inset:8px 8px 32px}.music-card:hover .music-actions,.music-card:focus-within .music-actions{opacity:1;visibility:visible}.music-actions .tool-btn{white-space:normal;text-align:center;pointer-events:auto;justify-content:center;align-items:center;gap:2px;height:auto;min-height:21px;padding:2px;font-size:9px;line-height:1.1;display:flex}.is-large .music-actions .tool-btn{min-height:32px;font-size:11px}@media (hover:none){.music-actions{opacity:1;visibility:visible}}.music-pages{flex-wrap:wrap;justify-content:center;gap:5px;padding:16px 0 8px;display:flex}.music-pages button{border:1px solid var(--border);min-width:30px;min-height:30px;color:var(--fg);background:var(--bg-input);cursor:pointer;border-radius:4px;padding:4px 8px}.music-pages button[aria-current=page]{border-color:var(--accent);color:var(--accent);font-weight:700}.music-pages button:disabled{opacity:.45;cursor:default}.music-player{background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;gap:6px;margin-bottom:12px;padding:10px;display:grid}.music-player span{color:var(--fg-muted);font-size:11px}.music-player audio{width:100%;min-width:0;height:36px}.free-music-library>.music-player{flex:none;order:-1;margin:10px}.music-player-info{gap:4px;min-width:0;display:grid}.music-player-info strong,.music-player-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.free-music-library.is-large>.music-player{z-index:4;border:0;border-top:1px solid var(--border-strong);border-radius:0;order:0;grid-template-columns:minmax(0,1fr) minmax(220px,2fr) auto;align-items:center;gap:12px;margin:0;display:grid;position:relative;box-shadow:0 -4px 16px #0004}@media (width<=600px){.free-music-library.is-large>.music-player{grid-template-columns:minmax(0,1fr) auto;gap:8px}.free-music-library.is-large>.music-player audio{grid-area:2/1/auto/-1}}.viz-gallery .viz-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}@media (width>=901px) and (height>=501px){.editor[data-workspace=editing]:has(.editing-dock){--library-media:260px;--library-effects:250px;grid-template-columns:calc(var(--library-media) + var(--library-effects)) minmax(0,1fr) 260px}.editor[data-workspace=editing]:has(.editing-dock[data-media-open=false]){--library-media:32px}.editor[data-workspace=editing]:has(.editing-dock[data-effects-open=false]){--library-effects:32px}}@media (width>=901px) and (width<=1350px) and (height>=501px){.editor[data-workspace=editing]:has(.editing-dock){grid-template-columns:260px minmax(0,1fr) 220px}.editing-dock{flex-direction:column}.editing-library-panel{flex:1;width:100%}.editing-library-panel[data-open=false]{flex:0 0 32px;width:100%}.editing-library-panel[data-open=false]>.viz-panel-toggle{writing-mode:horizontal-tb;width:100%;padding:6px 10px}}@media (width<=900px),(height<=500px){.editing-dock{flex-direction:column;overflow:hidden}.editing-library-panel{border-right:0;flex:1 1 0;width:100%;min-height:0}.editing-library-panel>.viz-panel-toggle,.editor[data-tab=effects]>.editing-dock>.editing-media-panel,.editor:not([data-tab=effects])>.editing-dock>.editing-effects-panel{display:none}.editing-panel-content>.panel-bin,.editing-panel-content>.panel-editing-layers{display:flex}.editing-panel-content>.panel-bin{overscroll-behavior:contain;overflow-y:auto}.editing-panel-content>.panel-bin>*{flex-shrink:0}.editing-panel-content>.panel-bin>.bin-list{flex:1 0 auto;min-height:180px;overflow:visible}.editing-effects-panel .effects-category-tabs{flex-wrap:nowrap;overflow-x:auto}.editing-effects-panel .effects-category-tabs>button{white-space:nowrap;flex:1 0 auto}.particle-library:not(.is-large) .particle-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.particle-grid>.viz-effect-card{text-align:left;flex-direction:column;min-width:0;display:flex}.library-dialog{width:calc(100vw - 12px);height:calc(100dvh - 16px);margin:auto}.library-dialog>header{padding:10px}.library-dialog h2{font-size:17px}}@media (height<=800px){.editing-panel-content>.panel-bin{overscroll-behavior:contain;overflow-y:auto}.editing-panel-content>.panel-bin>*{flex-shrink:0}.editing-panel-content>.panel-bin>.bin-list{flex:1 0 auto;min-height:180px;overflow:visible}}.music-choice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.music-choice .music-add{align-items:center;gap:6px;min-height:32px;padding:6px 14px;font-weight:600;display:inline-flex}.music-choice-song{background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;flex:200px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.music-choice-song>div{min-width:0;display:grid}.music-choice-song strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-choice-song span{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.music-choice-actions{gap:6px;display:flex}.music-choice-actions .tool-btn{align-items:center;gap:4px;display:inline-flex}.template-music{gap:4px;font-size:12px;display:grid}.music-picker-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 18px;display:flex}.music-picker-tabs{gap:4px;display:flex}.music-picker-tabs button{color:var(--fg-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.music-picker-tabs button[aria-selected=true]{color:var(--fg);background:var(--accent,#65d7c3)}@supports (color:color-mix(in lab, red, red)){.music-picker-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--accent,#65d7c3) 18%,transparent)}}.music-picker-tabs button[aria-selected=true]{border-color:var(--accent,#65d7c3)}.music-picker-tabs span{font:600 10px var(--font-mono);color:var(--fg-muted)}.music-picker-current{color:var(--fg-muted);font-size:12px}.music-picker-current strong{color:var(--fg)}.music-chosen{vertical-align:middle;color:#0b1a17;background:var(--accent,#65d7c3);border-radius:9px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.music-card.is-chosen{outline:2px solid var(--accent,#65d7c3);outline-offset:4px;border-radius:4px}.your-music{flex:1;align-content:start;gap:12px;min-height:0;padding:14px 18px;display:grid;overflow:auto}.your-music-import{justify-items:start;gap:6px;display:grid}.your-music-import .tool-btn{align-items:center;gap:6px;min-height:32px;padding:6px 14px;font-weight:600;display:inline-flex}.your-music-import p{margin:0}.your-music-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.your-music-list li{border:1px solid var(--border);border-radius:5px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.your-music-list li.is-chosen{border-color:var(--accent,#65d7c3)}.your-music-info{min-width:0;display:grid}.your-music-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.your-music-info span{color:var(--fg-muted);font-size:11px}.your-music-empty{color:var(--fg-muted);font-size:13px}@media (width<=600px){.your-music-list li{grid-template-columns:auto 1fr}.your-music-list li>.tool-btn.on{grid-column:1/-1}}.is-large .music-actions.music-pick-actions{opacity:1;visibility:visible;pointer-events:auto;background:0 0;margin-top:8px;padding:0;position:static}.is-large .music-cover:has(.music-pick-actions){aspect-ratio:auto}.is-large .music-cover:has(.music-pick-actions) .music-art{aspect-ratio:1;height:auto}.range-field{vertical-align:middle;align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.range-field>input[type=range]{flex:auto;width:auto;min-width:48px;margin:0}.range-field>input.range-value[type=number]{width:calc(var(--chars,4) * 1ch + 14px);border:1px solid var(--border);background:var(--bg-input);min-width:0;height:22px;min-height:0;color:var(--fg);font:11px/1 var(--font-mono);text-align:right;border-radius:3px;flex:none;margin:0;padding:0 5px}.range-field>input.range-value[type=number]:hover:not(:disabled){border-color:var(--border-strong)}.range-field>input.range-value[type=number]:focus{border-color:var(--accent)}.range-field>input.range-value[type=number]:disabled{opacity:.5}.range-unit{color:var(--fg-muted);white-space:nowrap;flex:none;font-size:10px}@media (width<=900px),(height<=500px){.range-field{gap:8px}.range-field>input.range-value[type=number]{width:calc(var(--chars,4) * 1ch + 20px);height:32px;padding:0 7px;font-size:13px}.range-unit{font-size:12px}}.insp-mix>.range-field{grid-column:span 2}.mixer-strip .mixer-fader-field{grid-template:"box unit""fader fader"/auto auto;justify-content:center;align-self:center;gap:4px 3px;display:grid}.mixer-strip .mixer-fader-field>input[type=range]{grid-area:fader;justify-self:center;min-width:0}.mixer-strip .mixer-fader-field>.range-value{grid-area:box}.mixer-strip .mixer-fader-field>.range-unit{grid-area:unit;align-self:center}.mixer-strip .range-field:not(.mixer-fader-field){flex-wrap:wrap;justify-content:center;gap:4px;width:100%;display:flex}.mixer-strip .range-field:not(.mixer-fader-field)>input[type=range]{flex:1 0 100%;min-width:0}input[type=number]:not([data-grab=off]){padding-right:20px!important}input[type=number]:not([data-grab=off]):not(:disabled):not([readonly]){touch-action:pan-y;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 1 6l3.5 3.5M7.5 2.5 11 6l-3.5 3.5' fill='none' stroke='%237f8a94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 5px center!important;background-repeat:no-repeat!important;background-size:10px 10px!important}input[type=number][data-grab-hover]:not([data-grab=off]){cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 1 6l3.5 3.5M7.5 2.5 11 6l-3.5 3.5' fill='none' stroke='%23e6e6e6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}input[type=number][data-grab-active]:not([data-grab=off]){border-color:var(--accent)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 1 6l3.5 3.5M7.5 2.5 11 6l-3.5 3.5' fill='none' stroke='%2364c5b4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}@media (pointer:coarse){input[type=number]:not([data-grab=off]){padding-right:26px!important}input[type=number]:not([data-grab=off]):not(:disabled):not([readonly]){background-position:right 8px center!important;background-size:12px 12px!important}}.grab-pop{z-index:900;box-sizing:border-box;border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--fg);font:11px/1.3 var(--font-sans);pointer-events:none;border-radius:6px;padding:8px 12px 6px;position:fixed;box-shadow:0 8px 24px #000a}.grab-pop.is-open{pointer-events:auto;border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.grab-pop.is-open{border-color:color-mix(in oklab, var(--accent) 55%, var(--border-strong))}}.grab-pop-head{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.grab-pop-head>span{text-overflow:ellipsis;white-space:nowrap;color:var(--fg-muted);overflow:hidden}.grab-pop-head>output{font-family:var(--font-mono);color:var(--fg)}.grab-pop .grab-range{appearance:none;background:0 0;width:100%;height:18px;margin:0;display:block}.grab-range::-webkit-slider-runnable-track{background:var(--border-strong);border-radius:2px;height:4px}.grab-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.grab-range::-moz-range-track{background:var(--border-strong);border-radius:2px;height:4px}.grab-range::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.grab-pop-ends{color:var(--fg-subtle);font:10px/1.2 var(--font-mono);justify-content:space-between;margin-top:2px;display:flex}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grab-pop .grab-range:focus-visible{outline:none}.grab-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.grab-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 45%, transparent)}}.grab-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.grab-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 45%, transparent)}}.grab-pop-ends>span:only-child{font-family:var(--font-sans)}.insp-mix:has(>.wheel-row){grid-template-columns:minmax(0,1fr);gap:6px}.insp-mix>.wheel-row{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px;display:grid}.wheel-row>.range-field{width:100%}.pix-opts .range-field>input[type=range]{flex:none;width:80px}@media (pointer:coarse){.grab-pop .grab-range{height:28px}.grab-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.grab-range::-moz-range-thumb{width:22px;height:22px}}@media (width>=901px) and (width<=1179px) and (height>=501px) and (height<=820px){:root{--menu-h:44px}.menu-bar{flex-direction:row;align-items:center}.studio-topbar,.studio-navigation{display:contents}.menu-bar .brand{letter-spacing:0;order:1;height:100%;padding:0 8px 0 12px;font-size:0}.menu-bar .brand .brand-mark{margin:0}.studio-project{display:none}.menu-cluster{order:3;min-width:0;height:100%}.menu-cluster .menu-btn{padding-inline:8px}.studio-history{order:4;margin-left:auto}.menu-bar .ws-switch{order:5;margin-left:6px}.menu-bar .ws-switch>span{display:none}.menu-bar [data-testid=ws-done]{order:6;margin-left:4px}.menu-bar [data-testid=ws-done]>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-actions{order:7;gap:4px;margin-left:6px}.studio-actions button:not(.studio-export){width:32px;padding:0}.studio-actions button:not(.studio-export)>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-bar .help-launch{order:8;margin:0 2px}.menu-bar .fullscreen-launch{order:9;margin:0 8px 0 0}}@media (width>=901px) and (height>=501px) and (height<=820px){.tl-sequence-header{flex-basis:34px;height:34px}.panel-timeline .tl-toolbar{height:34px;min-height:34px;padding-block:3px}.tl-toolbar .tool-btn{height:26px;min-height:26px}.tl-toolbar .media-replacement{padding-block:0}.tl-toolbar .media-replacement :is(button,select){height:26px;min-height:26px}.tl-sequence-header :is(.seq-tabs button,.keyframe-toolbar>button){height:26px;min-height:26px;padding-block:0}.tl-sequence-header .seq-tabs{padding-block:2px}.tl-sequence-header .keyframe-editor{padding-block:3px}.tl-selection{height:30px;min-height:30px;padding-block:2px}.tl-selection input{height:22px}.editor[data-workspace=editing]{grid-template-rows:var(--menu-h) minmax(0, 1fr) 36px 8px clamp(230px, var(--editing-timeline-height,26vh), max(230px, calc(100dvh - 330px))) var(--status-h)}.editor[data-workspace=color]{grid-template-rows:var(--menu-h) minmax(150px, 1fr) 112px var(--transport-h) minmax(170px, 28vh) var(--status-h)}.editor:is([data-workspace=color],[data-workspace=audio],[data-workspace=captions]) :is(.panel-source,.panel-program)>.panel-hd{height:26px;min-height:26px}.editor:is([data-workspace=color],[data-workspace=audio],[data-workspace=captions]) :is(.panel-source,.panel-program)>.preview-controls{padding-block:2px}.editor:is([data-workspace=color],[data-workspace=audio],[data-workspace=captions]) :is(.panel-source,.panel-program)>.monitor-foot{white-space:nowrap;flex-wrap:nowrap;min-height:0;padding-block:3px;font-size:10px;overflow:hidden}.editor:is([data-workspace=color],[data-workspace=audio],[data-workspace=captions]) :is(.panel-source,.panel-program)>.monitor-tools{scrollbar-width:none;flex-wrap:nowrap;padding-block:3px;overflow-x:auto}.editor:is([data-workspace=color],[data-workspace=audio],[data-workspace=captions]) :is(.panel-source,.panel-program)>.monitor-tools :is(button,select,label){flex:none;height:24px;min-height:24px}}@media (width>=901px) and (width<=1279px) and (height>=501px){.viz-layer-pane{width:240px}.viz-element-panels>.viz-layers-panel:not(.is-collapsed){width:200px}}@media (width<=429px){.panel-transport{gap:3px;padding-inline:6px}.panel-transport :is(.transport-btn,.tool-btn){width:30px;min-width:30px;padding:0}.panel-transport .tc{min-width:0;font-size:11px}.panel-transport .tc-duration,.panel-transport .transport-state{display:none}}@media (width<=374px){.panel-transport .transport-stop{display:none}.panel-transport{gap:2px;padding-inline:4px}}@media (width>=1920px) and (height>=501px){.editor[data-workspace=editing]{grid-template-columns:clamp(300px,16vw,420px) minmax(0,1fr) clamp(300px,16vw,420px)}.editor:is([data-workspace=color],[data-workspace=audio],[data-workspace=captions]){grid-template-columns:clamp(260px,14vw,380px) minmax(0,1fr) minmax(0,1fr) clamp(300px,16vw,440px)}.pix-body{grid-template-columns:120px minmax(0,1fr) clamp(300px,15vw,420px)}.convert-body{grid-template-columns:clamp(260px,14vw,380px) minmax(0,1fr) clamp(320px,16vw,440px)}.viz-element-panels>.viz-elements-panel:not(.is-collapsed){width:clamp(220px,11vw,300px)}.viz-element-panels>.viz-layers-panel:not(.is-collapsed){width:clamp(270px,13vw,380px)}.viz-layer-pane{width:clamp(340px,17vw,460px)}}@media (pointer:coarse){.editor-stage-scale,.editor-stage-rotate{width:16px;height:16px}.editor-stage-scale{bottom:-8px;right:-8px}.editor-stage-rotate{top:-28px;left:calc(50% - 8px)}:is(.editor-stage-scale,.editor-stage-rotate,.tl-zoom-handle,.tl-vertical-zoom-handle):before{content:"";position:absolute;inset:-10px}.tl-zoom-handle,.tl-vertical-zoom-handle{position:relative}}@media (height<=500px){.panel-pixlab>:is(.pix-menu,.viz-stage-tools){min-height:0;padding-block:3px}.panel-pixlab>.pix-menu .menu-btn,.panel-pixlab>.viz-stage-tools .tool-btn{height:32px;min-height:32px}.panel-pixlab>.pix-opts{min-height:0;padding-block:3px}.panel-pixlab>.pix-opts :is(select,input:not([type=range]):not([type=checkbox]),button){height:28px;min-height:28px}}