:root{--navy-0:#050a1c;--navy-1:#081430;--navy-2:#0a1f4d;--panel:#102048b8;--panel-solid:#0d1b3f;--line:#78a0ff29;--line-strong:#78a0ff4d;--text:#e8f0ff;--text-2:#a9b8d9;--text-3:#6f80a8;--cyan:#36e3ff;--blue:#3d7bff;--accent-grad:linear-gradient(135deg, #36e3ff, #3d7bff);--danger:#ff6b7a;--radius:12px;--lane-video:#4a6fa8;--lane-zoom:#5b5fc7;--lane-keys:#a08850;--lane-voice:#a07468;--lane-music:#5f8d72;--lane-layer:#7a68a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{background:radial-gradient(120% 90% at 20% 0%, var(--navy-2), var(--navy-0) 70%);height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:#3d7bff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}button:hover:not(:disabled){border-color:var(--line-strong);background:#3d7bff38}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent-grad);color:#04122f;border:none;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:#3d7bff24}button.danger{color:var(--danger)}button.on{color:var(--cyan);background:#36e3ff2e;border-color:#36e3ff8c}input[type=range]{accent-color:var(--cyan);width:100%}input[type=checkbox]{accent-color:var(--cyan)}select,input[type=text],input[type=number]{font:inherit;color:var(--text);border:1px solid var(--line);background:#050a1c99;border-radius:7px;padding:5px 7px}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.home{flex-direction:column;align-items:center;gap:32px;height:100%;padding:56px 24px;display:flex;overflow:auto}.brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:26px;font-weight:700;display:flex}.chooser{grid-template-columns:repeat(2,minmax(200px,260px));gap:18px;display:grid}.choice{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:22px}.choice .title{font-size:17px;font-weight:600}.choice svg{color:var(--cyan)}.library{width:min(760px,100%)}.library h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:13px;font-weight:600}.library-item{border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.library-item:hover{border-color:var(--line);background:#3d7bff1a}.notice{max-width:760px;color:var(--text-2);background:#36e3ff12;border:1px solid #36e3ff40;border-radius:10px;padding:12px 14px;line-height:1.5}.error{color:var(--danger)}.editor{grid-template-rows:48px 1fr var(--timeline-height,280px);grid-template-columns:1fr 300px 52px;grid-template-areas:"top top top""stage inspector rail""timeline timeline timeline";height:100%;display:grid}.editor.panel-hidden{grid-template-columns:1fr 0 52px}.topbar{border-bottom:1px solid var(--line);background:#050a1c80;grid-area:top;align-items:center;gap:8px;padding:0 12px;display:flex}.topbar .name{background:0 0;border:1px solid #0000;width:300px;min-width:120px;font-weight:600}.topbar .name:focus{border-color:var(--line-strong)}.stage{background:#020510a6;flex-direction:column;grid-area:stage;min-width:0;min-height:0;display:flex;position:relative}.canvas-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex;position:relative;overflow:hidden}.canvas-wrap canvas{border-radius:4px;display:block;box-shadow:0 10px 40px #00000073}.overlay{pointer-events:none;position:absolute}.crop-box{border:1.5px solid var(--cyan);pointer-events:auto;cursor:move;position:absolute;box-shadow:0 0 0 9999px #0205108c}.crop-box .h{background:var(--cyan);border-radius:3px;width:12px;height:12px;position:absolute}.transport{justify-content:center;align-items:center;gap:10px;padding:8px;display:flex}.timecode{font-variant-numeric:tabular-nums;text-align:center;width:76px}.inspector{border-left:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);grid-area:inspector;padding:14px;overflow-y:auto}.inspector h3{margin:4px 0 12px;font-size:15px}.inspector h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:18px 0 8px;font-size:11px}.field{color:var(--text-2);grid-template-columns:96px 1fr 40px;align-items:center;gap:8px;margin:7px 0;display:grid}.field .value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-3);font-size:12px}.toggle{color:var(--text-2);align-items:center;gap:8px;margin:7px 0;display:flex}.segmented{border:1px solid var(--line);background:#050a1c8c;border-radius:8px;gap:2px;padding:2px;display:flex}.segmented button{background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;padding:5px 4px;font-size:12px}.segmented button.on{color:var(--text);background:#3d7bff59}.swatches{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.swatch{aspect-ratio:16/10;background:0 0;border:2px solid #0000;border-radius:7px;padding:0;overflow:hidden}.swatch.on{border-color:var(--cyan)}.swatch canvas,.swatch div,.swatch img{width:100%;height:100%;display:block}.swatch img{object-fit:cover}.cursor-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.cursor-grid button{flex-direction:column;gap:4px;padding:8px 4px 6px;font-size:11px}.rail{border-left:1px solid var(--line);background:#050a1c8c;flex-direction:column;grid-area:rail;align-items:center;gap:6px;padding:10px 0;display:flex}.rail button{width:44px;color:var(--text-2);background:0 0;border:none;flex-direction:column;gap:2px;padding:7px 0 5px;font-size:9.5px}.rail button.on{color:var(--cyan);background:#36e3ff1f}.timeline{border-top:1px solid var(--line);background:#04091ae0;flex-direction:column;grid-area:timeline;min-height:0;display:flex}.timeline-tools{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:5px 10px;display:flex}.timeline-body{flex:1;min-height:0;display:flex;overflow:hidden}.lane-heads{border-right:1px solid var(--line);flex:none;width:150px;overflow:hidden}.lane-scroll{flex:1;position:relative;overflow:auto}.ruler{z-index:3;border-bottom:1px solid var(--line);cursor:ew-resize;background:#04091af5;height:24px;position:sticky;top:0}.ruler .tick{border-left:1px solid var(--line);height:100%;color:var(--text-3);white-space:nowrap;padding:5px 0 0 4px;font-size:10px;position:absolute;top:0}.lane-head{color:var(--text-2);white-space:nowrap;border-bottom:1px solid #78a0ff12;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.lane-head .lname{text-overflow:ellipsis;flex:1;overflow:hidden}.lane-head button{background:0 0;border:none;padding:2px 4px}.lane{border-bottom:1px solid #78a0ff12;position:relative}.item{white-space:nowrap;text-overflow:ellipsis;cursor:grab;color:#f2f6ff;-webkit-user-select:none;user-select:none;border:1px solid #ffffff24;border-radius:6px;padding:3px 7px;font-size:11px;position:absolute;top:4px;bottom:4px;overflow:hidden}.item.selected{outline:2px solid var(--cyan);outline-offset:-1px}.item.disabled{opacity:.4}.item.removed{color:var(--text-3);border-style:dashed;background:repeating-linear-gradient(135deg,#ffffff0d 0 6px,#0000 6px 12px)!important}.item .edge{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.item .edge.l{left:0}.item .edge.r{right:0}.item canvas.wave{opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.item span{position:relative}.playhead{background:var(--cyan);z-index:4;pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #36e3ffb3}.guide{opacity:.8;z-index:4;pointer-events:none;background:#36e3ff;width:1px;position:absolute;top:0;bottom:0}.inout{z-index:2;pointer-events:none;background:#02051099;position:absolute;top:0;bottom:0}.key-badge{background:var(--lane-keys);white-space:nowrap;border-radius:5px;height:20px;padding:1px 6px;font-size:11px;position:absolute;top:6px}.recorder{flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:24px;display:flex}.toolbar{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;align-items:stretch;gap:4px;padding:6px;display:flex;box-shadow:0 12px 40px #0006}.toolbar>button{background:0 0;border:none;border-radius:10px;flex-direction:column;gap:3px;min-width:74px;padding:8px 12px;font-size:11px}.toolbar>button.on{color:var(--cyan);background:#36e3ff24}.toolbar .sep{background:var(--line);width:1px;margin:6px 4px}.toolbar .rec{color:#ff5a6e}.options{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(460px,100%);padding:14px 16px}.live-preview{border:1px solid var(--line);border-radius:10px;max-width:min(900px,100%);max-height:50vh;position:relative}.countdown{color:var(--cyan);z-index:20;background:#02051099;justify-content:center;align-items:center;font-size:140px;font-weight:700;display:flex;position:fixed;inset:0}.modal-back{z-index:30;background:#02051099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:14px;min-width:320px;padding:18px}progress{width:100%;accent-color:var(--cyan)}.modal.shortcuts{width:min(760px,100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto}.shortcut-groups{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4px 28px;display:grid}.shortcut-groups h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:14px 0 6px;font-size:11px}.shortcut{color:var(--text-2);border-bottom:1px solid #78a0ff12;justify-content:space-between;gap:12px;padding:4px 0;display:flex}kbd{font:inherit;white-space:pre;color:var(--text);border:1px solid var(--line);background:#3d7bff29;border-radius:5px;padding:1px 6px;font-size:12px}.skim-line{z-index:4;pointer-events:none;background:#ffffffbf;width:1px;position:absolute;top:0;bottom:0}.seam{z-index:3;pointer-events:none;background:#ffc45cd9;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.seam.selected{background:#ffc45c;width:4px;margin-left:-2px}.seam-handle{cursor:pointer;background:#ffc45c;border-radius:4px;width:14px;height:18px;margin-left:-7px;position:absolute;top:3px}.seam-handle:hover{filter:brightness(1.15)}.seam-handle.selected{outline:2px solid var(--cyan)}.range-sel{border-left:1px solid var(--cyan);border-right:1px solid var(--cyan);z-index:2;pointer-events:none;background:#36e3ff24;position:absolute;bottom:0}