:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf0f3;--header:#181a1e;--stage:#24272c;--panel:#1b1e22;--line:#34383e;--muted:#a0a8b2;--accent:#20c4e6;--rail:68px;--topbar:56px;background:#15171a;font:14px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:1rem}h2{font-size:.95rem}button,select,input,a{font:inherit}button,select,input[type=number],.primary{border:1px solid var(--line);color:inherit;background:#292d33;border-radius:6px;padding:.45rem .65rem}button,select{cursor:pointer}button:not(:disabled):hover,select:hover{border-color:var(--accent)}button:disabled{opacity:.38;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.symbols,.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.primary{color:#061d26;background:#19b6dd;border-color:#0000;align-items:center;gap:6px;font-weight:750;text-decoration:none;display:inline-flex}.primary .icon{width:16px;height:16px}.topbar{height:var(--topbar);background:var(--header);border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-right:22px;display:flex}.mark{width:var(--rail);border-right:1px solid var(--line);height:100%;color:var(--accent);place-items:center;font-size:27px;font-weight:850;display:grid}.project-label{color:var(--muted);font-size:.8rem}.topbar .primary{color:#fff;background:linear-gradient(100deg,#3888ec,#17b8db);margin-left:auto;padding:.5rem .85rem}.editor{grid-template:minmax(300px, 1fr) minmax(207px, 36vh) / var(--rail) minmax(0, 1fr);min-height:calc(100dvh - var(--topbar));display:grid;position:relative}.rail{border-right:1px solid var(--line);background:var(--header);flex-direction:column;grid-row:span 2;gap:7px;padding:12px 5px;display:flex}.rail button{color:var(--muted);background:0 0;border-color:#0000;justify-items:center;gap:4px;padding:8px 0;font-size:.72rem;display:grid}.rail button[aria-expanded=true],.rail button:hover{color:var(--accent);background:#29333b}.workspace{min-width:0;min-height:0;display:flex}.media{background:var(--panel);border-right:1px solid var(--line);flex:0 0 min(265px,28vw);padding:15px;overflow-y:auto}.media .import{align-items:center;gap:6px;margin:12px 0 7px;display:inline-flex}.hint{color:var(--muted);font-size:.8rem}#media{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}#media li{background:#25292f;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}#media span,#track button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer{background:var(--stage);flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.format-shortcut{z-index:2;color:#d4dde6;min-width:47px;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px #0004}.format{z-index:2;border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;width:min(260px,100% - 20px);padding:11px;display:grid;position:absolute;top:48px;left:10px;box-shadow:0 6px 20px #0008}.format label{min-width:0;color:var(--muted);gap:4px;font-size:.8rem;display:grid}.format label:first-child,.format label:last-child{grid-column:span 2}.format input,.format select{width:100%}.canvas{width:min(calc(100cqw - 24px), calc((100cqh - 24px) * var(--ratio,.5625)));aspect-ratio:var(--ratio,.5625);background:#060607;position:relative;box-shadow:0 6px 28px #0005}.canvas video{object-fit:var(--fit,contain);width:100%;height:100%;position:absolute}.empty-preview{text-align:center;color:var(--muted)}.upload{color:#eef2f6;background:0 0;border:0;justify-items:center;gap:13px;margin:0 auto 4px;padding:0;font-weight:700;display:grid}.upload span{color:#fff;background:#0fbadc;border-radius:15px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 8px 22px #00b8db44}.upload .icon{width:28px;height:28px}[data-dragging]{outline:2px solid var(--accent);outline-offset:-3px}.timeline{border-top:1px solid var(--line);background:#17191d;min-width:0}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;min-height:47px;padding:6px 12px;display:flex}.edit-tools,.transport,.jump{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.toolbar button{padding:.35rem .45rem;font-size:.8rem}.edit-tools button,#play{background:0 0;border-color:#0000;place-items:center;padding:4px;display:grid}.edit-tools button:not(:disabled):hover,#play:not(:disabled):hover{background:#323941}.transport{gap:8px}#play{background:#323942;border-radius:50%}#play .icon{width:16px;height:16px}output,#elapsed{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}.jump{color:var(--muted);font-size:.78rem}.jump input{color:#edf0f3;width:65px;padding:.3rem}.timeline-body{grid-template-columns:100px minmax(0,1fr);padding:0 8px 12px 0;display:grid}.track-label{color:var(--muted);justify-content:center;align-items:center;gap:5px;padding-top:19px;display:flex}.track-label .icon{width:15px;height:15px}.track-area{min-width:0;padding:4px 0 0;position:relative}#ruler{color:var(--muted);border-top:1px solid var(--line);background:repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 2.5%) top / 100% 4px no-repeat;justify-content:space-between;padding:4px 2px 0;font-size:.74rem;display:flex}#position{width:100%;accent-color:var(--accent);cursor:ew-resize;margin:3px 0 10px;display:block}#track{gap:3px;display:flex;overflow-x:auto}#track button{text-align:left;background:#18404b;border-color:#316171;flex-basis:0;min-width:38px;min-height:55px;padding:8px}#track button[aria-pressed=true]{border-color:var(--accent);background:#205669}.empty-track{width:100%;min-height:55px;color:var(--muted);background:#21252a;justify-content:center;align-items:center;gap:8px;display:flex}.empty-track .icon{width:16px;height:16px}#selection{margin-top:8px}#status{z-index:2;bottom:7px;left:calc(var(--rail) + 10px);color:var(--muted);font-size:.75rem;position:absolute}.export-panel{z-index:5;right:12px;top:calc(var(--topbar) + 9px);background:#22262b;border:1px solid #3c444d;border-radius:10px;width:min(350px,100% - 24px);padding:14px;position:fixed;box-shadow:0 12px 32px #0008}.export-heading,.export-actions{align-items:center;gap:8px;display:flex}.export-heading{justify-content:space-between}#close-export{padding:0 6px;font-size:1.15rem}#export-status{color:#e7edf2;margin-top:10px}#export-progress{width:100%;height:10px;accent-color:var(--accent);margin-top:7px}.export-actions{justify-content:flex-end;margin-top:10px}#elapsed{margin-right:auto}@media (width>=830px){.toolbar{grid-template-columns:1fr auto 1fr;display:grid}.jump{justify-content:flex-end}}@media (width<=700px){:root{--rail:54px}.editor{grid-template-rows:minmax(290px,55vh) minmax(230px,auto)}.timeline-body{grid-template-columns:42px minmax(0,1fr)}.track-label span,.project-label{display:none}.media{flex-basis:min(155px,38vw);padding:8px}.empty-preview{padding:8px}}