:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#ececef;--panel:#fff;--panel2:#f4f4f6;--line:#d6d6dc;--fg:#17171a;--muted:#6b6b75;--accent:#3b3b42;--work:#3b3b42;--accent-fg:#fff;--danger:#d6403a;--shadow:0 6px 24px #00000024;--radius:10px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151518;--panel:#212126;--panel2:#2a2a31;--line:#3a3a43;--fg:#f1f1f4;--muted:#9d9da8;--accent:#e4e4e9;--work:#d8d8de;--accent-fg:#0b0b10;--shadow:0 6px 24px #00000080}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font:13px/1.35 var(--font);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#app{grid-template:"rail work side"1fr"rail time side"/auto 1fr auto;display:grid;position:fixed;inset:0}.qd-rail{background:var(--panel);border-right:1px solid var(--line);z-index:5;flex-direction:column;grid-area:rail;gap:4px;padding:8px 6px;display:flex}.qd-rail .sep{background:var(--line);height:1px;margin:4px 2px}.qd-rail .grow{flex:1}#work{grid-area:work;min-width:0;min-height:0;position:relative;overflow:hidden}#side{background:var(--panel);border-left:1px solid var(--line);z-index:5;flex-direction:column;grid-area:side;width:292px;display:flex;overflow-y:auto}#time{background:var(--panel);border-top:1px solid var(--line);z-index:5;grid-area:time;min-width:0}#side.hidden,#time.hidden{display:none}.qd-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:34px;height:34px;padding:0 8px;display:inline-flex}.qd-btn:hover{background:var(--panel2)}.qd-btn[aria-pressed=true],.qd-btn.on{background:var(--accent);color:var(--accent-fg)}.qd-btn.small{min-width:26px;height:26px;padding:0 6px;font-size:12px}.qd-btn.outline{border-color:var(--line)}.qd-btn:disabled{opacity:.4;cursor:default}.section{border-bottom:1px solid var(--line);padding:10px 12px}.section>h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.presets{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px;display:grid}.presets .qd-btn{border-color:var(--line);height:30px;font-size:12px}.preview{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:64px;margin-bottom:8px;display:block}@media (prefers-color-scheme:dark){.preview{background:#fff}}.qd-fluid{background:var(--panel2);cursor:ew-resize;border-radius:6px;justify-content:space-between;align-items:center;height:24px;margin:3px 0;padding:0 8px;display:flex;position:relative;overflow:hidden}.qd-fluid-bar{background:color-mix(in srgb, var(--accent) 28%, transparent);pointer-events:none;position:absolute;inset:0 auto 0 0}.qd-fluid-label,.qd-fluid-value{pointer-events:none;font-size:12px;position:relative}.qd-fluid-value{color:var(--muted);font-variant-numeric:tabular-nums}.group-title{color:var(--muted);margin:8px 0 2px;font-size:11px}.qd-viewport{background:var(--bg);position:absolute;inset:0}.qd-viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.qd-overlay{touch-action:none;outline:none}.layer{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:flex}.layer:hover{background:var(--panel2)}.layer.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.layer .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer input.rename{width:100%}.menu{z-index:50;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-width:150px;padding:4px;position:fixed}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.menu button:hover{background:var(--panel2)}.tl{flex-direction:column;display:flex}.tl-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.tl-bar .count{color:var(--muted);font-variant-numeric:tabular-nums}.tl-grid{max-height:180px;position:relative;overflow:auto}.tl-ruler,.tl-track{height:24px;display:flex;position:relative}.tl-ruler{background:var(--panel);z-index:2;border-bottom:1px solid var(--line);cursor:ew-resize;position:sticky;top:0}.tl-cell{flex:0 0 var(--cell,22px);border-right:1px solid color-mix(in srgb, var(--line) 60%, transparent);height:100%;color:var(--muted);text-align:center;font-size:10px;line-height:24px}.tl-cell.beyond{opacity:.35}.tl-cel{background:color-mix(in srgb, var(--accent) 45%, var(--panel2));border:1px solid var(--accent);cursor:grab;border-radius:5px;position:absolute;top:3px;bottom:3px;overflow:hidden}.tl-cel.current{background:var(--accent)}.tl-head{background:var(--danger);z-index:3;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.tl-label{z-index:1;background:var(--panel);text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--line);flex:0 0 90px;padding:0 8px;font-size:12px;line-height:24px;position:sticky;left:0;overflow:hidden}.floating{z-index:8;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:4px;padding:6px;display:flex;position:absolute}#selbar{bottom:14px;left:50%;transform:translate(-50%)}#elbar{top:14px;left:50%;transform:translate(-50%)}#topright{top:12px;right:12px}#debug-note{white-space:pre;max-width:440px;padding:8px 10px;font:11px ui-monospace,monospace;bottom:12px;left:12px}.swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:18px;height:18px;padding:0}.swatch.on{border-color:var(--accent)}.picker{z-index:60;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:232px;box-shadow:var(--shadow);padding:10px;position:fixed}.picker canvas{touch-action:none;cursor:crosshair;border-radius:6px;width:100%;display:block}.picker .sv{height:150px}.picker .hue{height:14px;margin-top:8px}.colour-swatch{border:1px solid var(--line);cursor:grab;border-radius:8px;width:44px;height:30px;padding:0}.tiles{display:flex;position:absolute;inset:0}.tile-row,.tile-col{flex:1 1 0;min-width:0;min-height:0;display:flex}.tile-row{flex-direction:row}.tile-col{flex-direction:column}.tile{flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.tile.active{box-shadow:inset 0 0 0 2px var(--accent)}.seam{background:var(--line);cursor:col-resize;z-index:4;flex:0 0 6px}.tile-col>.seam{cursor:row-resize}.seam:hover,.seam:focus-visible{background:var(--accent)}.tip{z-index:100;color:#fff;pointer-events:none;white-space:nowrap;background:#111;border-radius:6px;padding:4px 8px;font-size:12px;position:fixed}.tip kbd{background:#333;border-radius:4px;margin-left:6px;padding:1px 5px;font:11px ui-monospace,monospace}.toast{z-index:90;color:#fff;box-shadow:var(--shadow);background:#111;border-radius:8px;padding:8px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.drop{z-index:20;border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;border-radius:12px;place-items:center;font-size:15px;display:grid;position:absolute;inset:8px}dialog{border:1px solid var(--line);background:var(--panel);color:var(--fg);box-shadow:var(--shadow);border-radius:12px;min-width:340px;max-width:90vw;padding:16px 18px}dialog::backdrop{background:#00000059}dialog h2{margin:0 0 10px;font-size:15px}dialog label{justify-content:space-between;align-items:center;gap:12px;margin:6px 0;display:flex}dialog input[type=text],dialog input[type=number],dialog select{border:1px solid var(--line);background:var(--panel2);border-radius:6px;padding:5px 7px}.progress{background:var(--panel2);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.progress>div{background:var(--accent);width:0;height:100%;transition:width .1s}.peer{color:#fff;border:2px solid var(--panel);border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-6px;font-size:11px;display:grid}.diag{white-space:pre;color:var(--muted);font:11px ui-monospace,monospace}@media (width<=760px){#side{width:240px}}.tl-bar{gap:4px 6px}.tl-grid{max-height:150px}#side{max-height:100%}#shapebar,#framebar{bottom:14px;left:50%;transform:translate(-50%)}.qd-viewport.loading .qd-overlay{cursor:progress}.qd-viewport.loading:after{content:"Loading…";background:var(--panel,#fff);color:var(--text,#111);border-radius:999px;padding:4px 10px;font:12px system-ui;position:absolute;bottom:12px;left:12px;box-shadow:0 1px 4px #00000040}.popover{z-index:50;background:var(--panel);border:1px solid var(--line);width:320px;max-height:70vh;box-shadow:var(--shadow);border-radius:10px;padding:8px;position:fixed;overflow:auto}.library .lib-head{justify-content:space-between;align-items:center;padding:2px 4px 8px;display:flex}.library .lib-row{align-items:center;gap:2px;display:flex}.library .lib-name{text-align:left;cursor:pointer;min-width:0;color:inherit;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:flex-start;gap:0;padding:6px 8px;display:flex}.library .lib-name:hover{background:var(--panel2)}.library .lib-name span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.library .lib-name small{color:var(--muted,#777)}.library input[type=text]{border:1px solid var(--accent,#3b3b42);background:var(--panel);min-width:0;color:inherit;border-radius:6px;flex:1;padding:6px 8px}.library .qd-btn.armed{color:#d33}.library .muted{color:var(--muted,#777);padding:8px}.library .lib-actions{gap:2px;display:flex}.modal-backdrop{z-index:80;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:min(420px,100vw - 32px);color:var(--text,inherit);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.modal h2{margin:0 0 4px;font-size:16px}.modal .row{align-items:center;gap:8px;display:flex}.modal .row>span:first-child{width:84px;color:var(--muted,#777)}.modal select,.modal input[type=number]{border:1px solid var(--line);background:var(--panel2,transparent);min-width:0;color:inherit;border-radius:6px;flex:1;padding:6px 8px}.modal .row input[type=number]+span{white-space:nowrap}.modal .muted{color:var(--muted,#777);font-size:12px}.modal .actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal .actions button{border:1px solid var(--line);background:var(--panel2,transparent);color:inherit;cursor:pointer;border-radius:8px;padding:6px 14px}.modal .actions button.primary{background:var(--accent,#3b3b42);border-color:var(--accent,#3b3b42);color:#fff}.modal .actions button:disabled{opacity:.5;cursor:default}#framebar{align-items:center;gap:6px}.bar-input{border:1px solid var(--line);background:var(--panel2,transparent);color:inherit;border-radius:6px;min-width:0;padding:4px 8px}.bar-input.num{width:64px}#peers{z-index:5;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;position:absolute;top:10px;right:12px}#peers .peer{color:#fff;text-shadow:0 0 2px #00000080;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:grid}#peers .peer-note{color:var(--muted,#777);margin-left:4px}.model-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.model-bar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:10px;left:10px}.model-bar .model-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--muted,#777);padding:0 6px;font-size:12px;overflow:hidden}.modal.wide{width:min(560px,100vw - 32px);max-height:calc(100vh - 48px)}.shortcut-list{flex-direction:column;gap:2px;display:flex;overflow:auto}.shortcut-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:3px 2px;display:grid}.shortcut-row .qd-btn{width:auto;min-width:84px;height:28px;padding:0 10px}#minimap{z-index:4;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);opacity:.92;border-radius:10px;padding:4px;position:absolute;bottom:12px;right:12px}#minimap canvas{cursor:crosshair;touch-action:none;border-radius:6px;width:168px;height:112px;display:block}.diag{color:var(--muted,#777);margin:8px 12px 12px;font-size:12px}.diag-text{white-space:pre-wrap;color:var(--text,inherit);margin:6px 0 0;font:11px/1.4 ui-monospace,monospace}:root{--bg:#fafafa;--panel:#fff;--panel2:#f3f3f5;--line:#ececef;--radius:16px;--shadow:0 0 0 1px #00000008, 0 4px 18px #0000000f;--tl-h:0px}@media (prefers-color-scheme:dark){:root{--bg:#151518;--panel:#212126;--panel2:#2a2a31;--line:#33333b;--shadow:0 0 0 1px #ffffff0a, 0 4px 18px #00000073}}#app{display:block}#work{position:absolute;inset:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.qd-rail{z-index:6;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex;position:absolute;top:72px;bottom:auto;left:12px}.rail-card{border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.rail-card .qd-btn{border-radius:12px;width:40px;height:40px}.rail-card .qd-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.rail-card .sep{background:var(--line);width:24px;height:1px;margin:4px 0}.rail-card.colour{border-radius:50%;padding:6px}.colour-circle{cursor:grab;width:38px;height:38px;box-shadow:inset 0 0 0 2px var(--panel);border:0;border-radius:50%;padding:0;display:block}#canvasbar{z-index:6;border-radius:16px;align-items:center;gap:8px;height:44px;padding:6px;display:flex;position:absolute;top:12px;left:12px}#canvasbar .brand{align-items:center;gap:8px;display:inline-flex}#canvasbar .slash{color:var(--muted)}.canvas-pick{cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:100%;padding:0 8px;display:inline-flex}.canvas-pick:hover{background:var(--panel2)}#side{top:12px;right:12px;bottom:calc(var(--tl-h) + 24px + 128px);scrollbar-width:none;pointer-events:none;background:0 0;border:0;gap:12px;width:284px;padding:0 2px 2px;position:absolute;overflow:hidden auto}#side>*{pointer-events:auto;flex:none}.card h3{color:var(--fg);margin:0 0 8px;padding:2px 4px;font-size:13px;font-weight:500}.layers-card{padding:10px}.brush-bar{z-index:6;flex-direction:column;gap:8px;width:260px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.brush-card{border-radius:16px;align-items:center;gap:6px;height:44px;padding:6px;display:flex}.brush-card .weight{flex:1;min-width:0;margin:0}.brush-view{border:1px solid var(--line);background:#fff;border-radius:10px;position:relative;overflow:hidden}.brush-view .preview{border:0;border-radius:0;height:74px;margin:0}.brush-name{color:#222;font-size:12px;font-weight:500;position:absolute;bottom:6px;left:8px}.brush-toggle{background:0 0;flex:none}.weight .qd-fluid{border:1px solid var(--line);background:var(--panel);border-radius:10px;height:30px;margin:0}.weight .qd-fluid-label{font-weight:500}.brush-more{max-height:70vh;padding:10px;overflow:auto}.muted{color:var(--muted);font-size:12px}.layers-card .layer{border:0;border-radius:10px;gap:8px;padding:6px}.layers-card .layer.active{background:var(--panel2)}.layers-card [role=list]{max-height:42vh;overflow-y:auto}.layers-card input[type=range]{flex:1;min-width:0}.layer-actions{justify-content:flex-end;gap:2px;margin-top:8px;display:flex}#time{z-index:7;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding-bottom:4px;position:absolute;bottom:12px;left:12px;right:12px}#time.hidden,#time.collapsed .tl-grid{display:none}#time.collapsed .tl-bar{border-bottom:0}.tl-bar{border-bottom:0;padding:8px 14px}.tl-grid{background:var(--panel2);border-radius:10px;max-height:150px;margin:0 10px 6px}.tl-ruler{background:var(--panel2);border-bottom:0}.tl-label{background:var(--panel2)}.tl-collapse{min-width:40px;height:18px;padding:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#time:not(.collapsed){padding-bottom:20px}#zoomcard{right:12px;bottom:calc(var(--tl-h) + 24px);z-index:6;border-radius:16px;flex-direction:column;align-items:center;padding:4px;display:flex;position:absolute}#zoomcard .qd-btn{width:36px;height:34px}.zoom-pct{cursor:pointer;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;min-width:44px;padding:6px 4px;font-size:12px}#minimap{right:72px;bottom:calc(var(--tl-h) + 24px);box-shadow:none;background:0 0;border:0;padding:0}#peers{top:12px;right:308px}#shapebar,#framebar{bottom:calc(var(--tl-h) + 24px)}#selbar{bottom:auto;transform:none}#elbar{top:12px}@media (width<=760px){#side{width:220px}#peers{display:none!important}}@media (height<=820px){.qd-rail{gap:6px;top:64px}.rail-card .qd-btn{width:34px;height:34px}.rail-card{gap:2px;padding:4px}.colour-circle{width:32px;height:32px}.tl-grid{max-height:100px}}#time.collapsed .tl-scroll,#time.collapsed .tl-resize{display:none}.tl-resize{cursor:ns-resize;touch-action:none;border-radius:4px;height:8px;margin:-2px 40% 0;position:relative}.tl-resize:after{content:"";background:var(--line);border-radius:2px;height:2px;position:absolute;top:3px;left:30%;right:30%}.tl-bar{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:4px;padding:4px 12px 8px;overflow-x:auto}.tl-bar .sep-v{background:var(--line);width:1px;height:20px;margin:0 4px}.tl-scroll{background:var(--panel2);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;margin:0 10px 4px;position:relative;overflow:auto}.tl-scroll:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}.tl-inner{min-width:100%;position:relative}.tl-row{border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);display:flex;position:relative}.tl-row.off{opacity:.55}.tl-ruler-row{z-index:4;background:var(--panel2);position:sticky;top:0}.tl-corner,.tl-label{z-index:3;background:var(--panel);border-right:1px solid var(--line);flex:0 0 200px;width:200px;position:sticky;left:0}.tl-corner{background:var(--panel2)}.tl-label{cursor:pointer;align-items:center;gap:4px;padding:0 8px 0 12px;font-size:12px;display:flex}.tl-label .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tl-lane{background-image:linear-gradient(to right, color-mix(in srgb, var(--line) 70%, transparent) 1px, transparent 1px);background-size:var(--px) 100%;touch-action:none;flex:1 0 auto;position:relative}.tl-ruler{cursor:ew-resize;height:100%}.tl-marks{pointer-events:none;position:absolute;inset:0}.tl-mark{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:6px}.tl-outside{background:color-mix(in srgb, var(--panel) 45%, transparent);pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;right:0}.tl-outside.before{box-sizing:border-box;border-right:1px solid color-mix(in srgb, var(--work) 70%, transparent)}.tl-outside.after{border-left:1px solid color-mix(in srgb, var(--work) 70%, transparent)}.tl-work{background:color-mix(in srgb, var(--work) 40%, transparent);z-index:4;cursor:grab;touch-action:none;border-radius:5px;height:10px;position:absolute;bottom:5px}.tl-work:hover{background:color-mix(in srgb, var(--work) 70%, transparent)}.tl-work-h{cursor:ew-resize;touch-action:none;background:var(--work);border-radius:5px;width:min(12px,45%);position:absolute;top:-5px;bottom:-5px;box-shadow:0 1px 3px #0000004d}.tl-work-h:after{content:"";background:var(--panel);width:2px;height:8px;box-shadow:-3px 0 var(--panel), 3px 0 var(--panel);border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl-work-h:hover{background:color-mix(in srgb, var(--work) 85%, var(--panel))}.tl-work-h:before{content:"";width:28px;position:absolute;top:-6px;bottom:-6px;left:50%;transform:translate(-50%)}.tl-work-h.start{left:0;transform:translate(-50%)}.tl-work-h.end{right:0;transform:translate(50%)}@media (pointer:coarse){.tl-work{height:14px;bottom:3px}.tl-work-h{width:min(20px,45%);top:-7px;bottom:-7px}.tl-work-h:before{width:40px;top:-8px;bottom:-8px}}.tl-clip{background:color-mix(in srgb, var(--accent) 38%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);touch-action:none;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:5px;bottom:5px;overflow:hidden}.tl-clip.hold{background-image:repeating-linear-gradient(135deg,#0000 0 6px,#ffffff1f 6px 12px)}.tl-clip.cur{background-color:color-mix(in srgb, var(--accent) 62%, var(--panel))}.tl-clip.sel{border-color:var(--fg);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 60%, transparent);z-index:1}.tl-clip-label{color:var(--fg);opacity:.75;pointer-events:none;font-variant-numeric:tabular-nums;font-size:10px}.tl-clip .grip{pointer-events:none;width:8px;position:absolute;top:0;bottom:0}.tl-clip .grip.l{left:0}.tl-clip .grip.r{right:0}.tl-clip.sel .grip:after{content:"";background:var(--fg);opacity:.7;border-radius:2px;width:3px;position:absolute;top:30%;bottom:30%}.tl-clip.sel .grip.l:after{left:2px}.tl-clip.sel .grip.r:after{right:2px}.tl-playhead{background:var(--danger);z-index:2;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.tl-cap{background:var(--danger);clip-path:polygon(0 0,100% 0,50% 100%);width:14px;height:12px;position:absolute;top:0;left:-6px}.tl-marquee{z-index:6;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);pointer-events:none;position:absolute}.tl-selbar{flex-wrap:nowrap;align-items:center;gap:4px}.tl-selbar .count{padding:0 6px;font-size:12px}.tl-selbar .sep-v{background:var(--line);width:1px;height:18px;margin:0 4px}.tl-bar .qd-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.tl-selbar{display:inline-flex!important}.tl-selbar .sel-count{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;display:inline-block}.tl-range{background:color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid var(--accent);z-index:3;cursor:default;border-radius:8px;position:absolute;top:3px;bottom:3px}.tl-range-h{cursor:ew-resize;background:var(--accent);touch-action:none;border-radius:8px;width:24px;position:absolute;top:-1px;bottom:-1px}.tl-range-h:after{content:"";opacity:.9;background:#fff;border-radius:2px;width:3px;position:absolute;top:25%;bottom:25%;left:10px}.tl-range-h.start{left:-6px}.tl-range-h.end{right:-6px}.tl-playhead{background:color-mix(in srgb, var(--danger) 14%, transparent);border-left:1px solid var(--danger);border-right:1px solid var(--danger);width:auto}.tl-mark{text-align:center;top:7px}.tl-now{background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;border-radius:6px;place-items:center;font-size:10px;font-weight:600;display:grid;position:absolute;top:2px;bottom:2px}.tl-label.active{background:var(--panel);font-weight:inherit}.tl-row.active .tl-label{background:color-mix(in srgb, var(--accent) 9%, var(--panel));box-shadow:inset 3px 0 0 var(--accent)}.tl-row.active .tl-lane{background-color:color-mix(in srgb, var(--accent) 6%, transparent)}.layers-card [role=list]{margin:-3px;padding:3px}.layer.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.layer:focus-visible{outline-offset:-2px}#side{width:320px;padding:16px 18px 26px;top:-4px;right:-6px}@media (width<=760px){#side{width:256px}}:root{accent-color:var(--accent)}.layer{position:relative}.layer.drop-before,.layer.drop-after{box-shadow:none}.layer.drop-before:before,.layer.drop-after:after{content:"";background:var(--accent);pointer-events:none;border-radius:0;height:2px;position:absolute;left:4px;right:4px}.layer.drop-before:before{top:-1px}.layer.drop-after:after{bottom:-1px}.menu .menu-row{align-items:center;gap:8px;min-width:220px;padding:6px 8px;display:flex}#selbar .qd-btn{width:34px;height:32px}#selbar .sep-v{background:var(--line);width:1px;height:18px;margin:0 3px}#selbar .qd-btn.on{background:var(--accent);color:var(--accent-fg)}.tl-vrow{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent)}.tl-vrow .tl-label{color:var(--muted);font-size:11px}.tl-vclip{background:color-mix(in srgb, var(--fg) 22%, var(--panel));border:1px solid color-mix(in srgb, var(--fg) 45%, transparent);touch-action:none;cursor:grab;border-radius:5px;align-items:center;padding:0 8px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.tl-cache{pointer-events:none;z-index:1;height:3px;position:absolute;bottom:0;left:0;right:0}.tl-cache i{background:#4cae6c;border-radius:1px;position:absolute;top:0;bottom:0}.tl-vclip .tl-clip-label{white-space:nowrap;font-size:10px}.tl-vclip .grip{cursor:ew-resize;width:14px;position:absolute;top:0;bottom:0}.tl-vclip .grip.l{left:0}.tl-vclip .grip.r{right:0}.bar-input,.bar-input.num{field-sizing:content;width:auto;min-width:3ch;max-width:22ch}.bar-input[type=number]{appearance:textfield}.bar-input[type=number]::-webkit-inner-spin-button{display:none}.tl-row.active .tl-label{box-shadow:none}.tl-label{position:sticky}.tl-row.active .tl-label:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:16px;margin-top:-8px;position:absolute;top:50%;left:5px}.tl-scroll,.tl-scroll:focus,.tl-scroll:focus-visible{box-shadow:none;outline:none}.tl-ruler-row,.tl-corner,.tl-ruler,.tl-scroll{background:var(--panel)}.tl-row:not(.tl-ruler-row) .tl-lane{background-color:var(--panel2);background-color:#0000}.tl-row:not(.tl-ruler-row){background-color:var(--panel2)}.tl-row.active{background:color-mix(in srgb, var(--accent) 9%, var(--panel2))}.tl-scroll{border-radius:10px}.tl-bar{flex-wrap:nowrap;gap:10px;padding:4px 14px 12px}.tl-group{background:var(--panel2);border-radius:14px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex}.tl-group .qd-btn{border-radius:10px;width:34px;height:32px}.tl-group .qd-btn:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}.tl-group .qd-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.tl-group .qd-btn.small{min-width:34px}.tl-spacer{flex:1}.tl-bar .count{font-variant-numeric:tabular-nums;text-align:center;min-width:56px;padding:0 4px;font-size:13px}.tl-bar .sep-v{display:none}.tl-scroll{margin-top:2px}.tl-collapse{inset:8px 14px auto auto;transform:none}.tl-resize{margin-top:0}#time:not(.collapsed),#time{padding-bottom:0}.tl{padding-top:10px}.tl-resize{margin:0;position:absolute;top:2px;left:40%;right:40%}.tl-collapse{z-index:8;min-width:30px;height:26px}#time.collapsed .tl-bar{padding-top:12px}.tl-bar{padding:2px 14px 8px}.tl-scroll{margin-top:0;margin-bottom:10px}.tl-collapse{top:10px}.tl-bar{padding-right:56px}.tl-collapse{height:26px;padding:0;top:18px;right:10px}#time.collapsed .tl-bar{padding-top:2px;padding-bottom:8px}#time.collapsed{padding-bottom:6px}.text-inline{transform-origin:0 0;white-space:pre;z-index:6;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;border:0;outline:none;position:absolute;top:0;left:0}.lock:not(.on){opacity:0}.tl-label:hover .lock,.layer:hover .lock,.lock:focus-visible{opacity:.6}.lock.on{opacity:1}.layers-card[hidden]{display:none}.tl-label button[aria-label=Layer\ actions]{opacity:.5}.tl-label:hover button[aria-label=Layer\ actions]{opacity:1}.tl-row:not(.tl-ruler-row){position:relative}.tl-row.drop-before:before,.tl-row.drop-after:after{content:"";background:var(--accent);z-index:5;pointer-events:none;height:2px;position:absolute;left:0;right:0}.tl-row.drop-before:before{top:-1px}.tl-row.drop-after:after{bottom:-1px}.layer-thumb{background:var(--panel2);border:1px solid var(--line);box-sizing:border-box;border-radius:4px;flex:none;width:30px;height:30px}.tl-clip .layer-thumb{aspect-ratio:1;pointer-events:none;width:auto;height:calc(100% - 4px);position:absolute;top:50%;left:4px;transform:translateY(-50%)}