:root{color-scheme:dark;--bg: #111317;--bg2: #16191e;--panel: #1a1d23;--raised: #22262e;--raised2: #2a2f39;--line: #2c313b;--line2: #3a404c;--text: #eef0f4;--muted: #9aa1ae;--dim: #6f7684;--lime: #c6f078;--lime-d: #9fcc4f;--lime-ink: #15200a;--danger: #ff5b5b;--warn: #ffc24b;--ok: #5fd28a;--video: #4b6cb7;--image: #3f8f8a;--audio: #2f8a5f;--textc: #a77d2e;--sticker: #9a4fa8;--radius: 10px;--tap: 40px;--font: Arial, "Helvetica Neue", Helvetica, sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.ico{flex:none;display:block}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.w100{width:100%}a{color:var(--lime)}.boot{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:var(--bg)}.boot-name{font-size:22px;font-weight:700;letter-spacing:.3px}.boot-sub{color:var(--muted)}.boot-err{color:var(--warn);max-width:320px;text-align:center}.btn,.ibtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 14px;border-radius:9px;border:1px solid var(--line2);background:var(--raised);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s,color .12s}.ibtn{width:var(--tap);padding:0}.btn:hover,.ibtn:hover{border-color:var(--lime-d)}.btn:focus-visible,.ibtn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.clip:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.btn.primary{background:var(--lime);color:var(--lime-ink);border-color:var(--lime);font-weight:700}.btn.primary:hover{background:#d4f78f}.btn.ghost,.ibtn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover,.ibtn.ghost:hover{background:var(--raised)}.btn.danger{background:#3a1d20;border-color:#6b2b30;color:#ffb3b3}.btn.small{min-height:32px;padding:0 10px;font-size:13px}.ibtn.on,.btn.on{color:var(--lime);border-color:var(--lime-d);background:#262e1c}button:disabled{opacity:.45;cursor:not-allowed}input[type=text],input[type=number],input[type=search],select,textarea{background:var(--bg2);border:1px solid var(--line2);border-radius:8px;padding:8px 10px;min-height:36px;min-width:0}textarea{resize:vertical}input[type=range]{accent-color:var(--lime);width:100%;min-height:28px}input[type=color]{width:44px;height:32px;padding:2px;border:1px solid var(--line2);border-radius:8px;background:var(--bg2)}input[type=checkbox]{accent-color:var(--lime);width:18px;height:18px}#app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:0 var(--sar) 0 var(--sal)}.topbar{display:flex;align-items:center;gap:8px;padding:calc(8px + var(--sat)) 12px 8px;border-bottom:1px solid var(--line);background:var(--bg2);min-width:0}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;white-space:nowrap;margin-right:6px}.brand img{width:28px;height:28px}.brand small{display:block;font-size:9.5px;letter-spacing:1.6px;color:var(--muted);font-weight:400}.pname{width:220px;max-width:30vw;background:transparent;border-color:transparent;font-weight:700}.pname:hover,.pname:focus{border-color:var(--line2);background:var(--bg2)}.savestate{font-size:12px;color:var(--dim);white-space:nowrap}.savestate.error{color:var(--warn)}.spacer{flex:1}.topbar .sep{width:1px;height:24px;background:var(--line);margin:0 4px}.workspace{display:grid;min-height:0;overflow:hidden;grid-template-columns:300px minmax(0,1fr) 312px;grid-template-rows:minmax(220px,1fr) minmax(200px,38%);grid-template-areas:"lib stage insp" "tl tl tl"}.lib{grid-area:lib;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.stage{grid-area:stage;display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 40%,#1d2129,#101216 75%)}.insp{grid-area:insp;border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.tl{grid-area:tl;border-top:1px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;min-height:0}.appfoot{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:6px 12px calc(6px + var(--sab));font-size:11.5px;color:var(--dim);border-top:1px solid var(--line);background:var(--bg2)}.appfoot a{color:var(--muted)}.tabs{display:flex;gap:1px;padding:8px 6px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 1 0;display:grid;justify-items:center;gap:3px;padding:6px 2px;min-width:38px;border-radius:8px;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.tab:hover{color:var(--text);background:var(--raised)}.tab.on{color:var(--lime);background:#20261a}.panel{flex:1;overflow-y:auto;padding:12px;min-height:0;overscroll-behavior:contain}.panel h3{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--lime);margin:16px 0 8px;font-weight:700}.panel h3:first-child{margin-top:2px}.dropzone{display:grid;justify-items:center;gap:6px;padding:18px 12px;border:1.5px dashed #4d5a37;border-radius:12px;background:#c6f0780a;text-align:center;cursor:pointer}.dropzone:hover,.dropzone.drag{border-color:var(--lime);background:#c6f07814}.dropzone img{width:120px;height:auto;opacity:.95}.assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.asset{position:relative;border-radius:9px;overflow:hidden;background:var(--raised);border:1px solid var(--line);cursor:pointer;aspect-ratio:16/10}.asset:hover{border-color:var(--lime-d)}.asset .thumb{position:absolute;inset:0;background:#0d0f12 center/cover no-repeat}.asset .meta{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 4px;font-size:10.5px;background:linear-gradient(transparent,#000c);display:flex;gap:4px;align-items:center}.asset .meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.asset .badge{position:absolute;top:4px;left:4px;font-size:10px;padding:1px 6px;border-radius:5px;background:#000a}.asset .badge.miss{background:#6b2b30;color:#ffd0d0}.asset .add{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:7px;border:0;background:var(--lime);color:var(--lime-ink);display:grid;place-items:center;cursor:pointer}.asset.audio .thumb{background:linear-gradient(135deg,#1d3a2d,#12251c)}.grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid-list.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:grid;gap:6px;padding:8px;border-radius:10px;background:var(--raised);border:1px solid var(--line);cursor:pointer;text-align:left}.card:hover{border-color:var(--lime-d)}.card .cover{aspect-ratio:16/10;border-radius:7px;background:#0e1014 center/cover no-repeat;display:grid;place-items:center;overflow:hidden}.card .cover img{width:100%;height:100%;object-fit:cover}.card b{font-size:12.5px}.card small{color:var(--muted);font-size:11px}.sticker-btn{aspect-ratio:1;border-radius:10px;border:1px solid var(--line);background:var(--raised);display:grid;place-items:center;cursor:pointer;padding:8px}.sticker-btn img{width:100%;height:100%}.sticker-btn:hover{border-color:var(--lime-d)}.textpreset{padding:14px 8px;border-radius:10px;border:1px solid var(--line);background:#0f1115;cursor:pointer;text-align:center;font-weight:700;min-height:56px}.textpreset:hover{border-color:var(--lime-d)}.note{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0}.note.warn{color:#ffd88a}.pill{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:20px;border:1px solid var(--line2);color:var(--muted)}.pill.lime{color:var(--lime);border-color:#4d5a37}.pill.warn{color:var(--warn);border-color:#6a5326}.pill.red{color:#ff9b9b;border-color:#6b2b30}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:8px}.stack>.btn,.panel .row>.btn{white-space:normal;text-align:left;height:auto;padding-top:8px;padding-bottom:8px;max-width:100%}.stack>.btn{justify-content:flex-start}.panel{overflow-x:hidden}.tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.stagebar{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;color:var(--muted)}.stagebar select{min-height:32px;padding:4px 8px;font-size:12.5px}.viewport{flex:1;min-height:0;position:relative;overflow:hidden}.viewport canvas{position:absolute;inset:0;margin:auto;max-width:calc(100% - 24px);max-height:calc(100% - 12px);width:auto;height:auto;background:#000;box-shadow:0 10px 40px #0009;border-radius:4px;touch-action:none}.viewport .empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:20px;pointer-events:none}.viewport .empty img{width:min(320px,70%)}.viewport .empty b{font-size:18px}.viewport .empty .row{pointer-events:auto;justify-content:center}.transport{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px 10px}.transport .tc{font-variant-numeric:tabular-nums;font-size:13px;min-width:150px;text-align:center;color:var(--muted)}.transport .tc b{color:var(--text)}.transport .ibtn{flex:none}.playbtn{width:48px!important;height:48px;border-radius:50%;background:var(--lime)!important;color:var(--lime-ink)!important;border:0!important}.insp-head{padding:12px 14px 8px;border-bottom:1px solid var(--line)}.insp-head .eyebrow{font-size:10.5px;letter-spacing:1.6px;color:var(--lime);text-transform:uppercase}.insp-head h2{margin:4px 0 0;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.insp-tabs::-webkit-scrollbar{display:none}.insp-tabs button{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:7px;cursor:pointer;font-size:12.5px;white-space:nowrap}.insp-tabs button.on{background:#20261a;color:var(--lime)}.section{padding:4px 0 10px;border-bottom:1px solid var(--line);margin-bottom:8px}.section:last-child{border-bottom:0}.section>.stitle{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:8px 0 6px;display:flex;justify-content:space-between;align-items:center}.field{display:grid;grid-template-columns:96px minmax(0,1fr) 54px 26px;gap:6px;align-items:center;min-height:36px;font-size:12.5px}.field>span:first-child{color:var(--muted)}.field .val{width:100%;padding:4px;min-height:30px;text-align:right;font-size:12px}.field.simple{grid-template-columns:96px minmax(0,1fr)}.kf{width:24px;height:24px;border:0;background:transparent;color:var(--dim);cursor:pointer;display:grid;place-items:center;border-radius:6px}.kf.has{color:var(--lime-d)}.kf.at{color:var(--lime);background:#262e1c}.seg{display:inline-flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}.seg button{border:0;background:transparent;padding:7px 10px;cursor:pointer;color:var(--muted);font-size:12px;min-height:32px}.seg button.on{background:var(--raised2);color:var(--lime)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line2);background:var(--raised);border-radius:18px;padding:6px 11px;cursor:pointer;font-size:12px;min-height:32px}.chip.on{border-color:var(--lime-d);color:var(--lime);background:#20261a}.field-col{display:grid;gap:6px;margin:8px 0;font-size:12.5px}.field-col>span{color:var(--muted)}.tltools{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tltools::-webkit-scrollbar{display:none}.tltools .zoom{display:flex;align-items:center;gap:4px;margin-left:auto}.tltools .zoom input{width:110px}.tlbody{flex:1;display:grid;grid-template-columns:112px minmax(0,1fr);min-height:0;position:relative}.theads{overflow:hidden;border-right:1px solid var(--line);background:var(--panel)}.theads .ruler-pad{height:28px;border-bottom:1px solid var(--line)}.thead{height:var(--trackh, 54px);display:flex;align-items:center;gap:2px;padding:0 4px 0 8px;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--muted)}.thead span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thead .ibtn{width:26px;min-height:26px;height:26px;border:0;background:transparent;color:var(--dim)}.thead .ibtn.on{color:var(--warn)}.tlscroll{overflow:auto;position:relative;overscroll-behavior:contain;touch-action:pan-x pan-y}.tlinner{position:relative;min-height:100%}.ruler{height:28px;position:sticky;top:0;z-index:4;background:var(--bg2);border-bottom:1px solid var(--line);cursor:text;touch-action:none}.ruler .tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--line2);font-size:10px;color:var(--dim);padding:3px 4px;pointer-events:none;font-variant-numeric:tabular-nums}.ruler .tick.minor{top:20px}.ruler .mk{position:absolute;top:2px;width:10px;height:12px;margin-left:-5px;background:var(--warn);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.ruler .mk.beat{background:#6ec3ff;height:8px}.ruler .mk.scene{background:#d58cff}.lane{height:var(--trackh, 54px);position:relative;border-bottom:1px solid #23272e}.lane.audio{background:#13171a}.lane.drop{background:#1b2216}.clip{position:absolute;top:4px;bottom:4px;border-radius:7px;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--video);border:1px solid #ffffff22;color:#fff;font-size:11px;contain:layout paint}.clip.image{background:var(--image)}.clip.audio{background:var(--audio)}.clip.text{background:var(--textc)}.clip.sticker{background:var(--sticker)}.clip.color,.clip.placeholder{background:#3b4150}.clip.placeholder{border:1.5px dashed var(--lime-d)}.clip .strip{position:absolute;inset:0;display:flex;opacity:.85;pointer-events:none}.clip .strip img{height:100%;flex:none;object-fit:cover}.clip canvas.wave{position:absolute;left:0;bottom:0;width:100%;height:60%;pointer-events:none;opacity:.9}.clip .label{position:absolute;left:6px;top:3px;right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000;pointer-events:none;font-weight:700}.clip .tags{position:absolute;left:6px;bottom:3px;display:flex;gap:3px;pointer-events:none}.clip .tags i{font-style:normal;font-size:9.5px;padding:0 4px;border-radius:4px;background:#000a}.clip.sel{outline:2px solid var(--lime);outline-offset:-1px;z-index:2}.clip.missing{background:repeating-linear-gradient(45deg,#4a2226,#4a2226 8px,#3a1b1e 8px 16px)}.clip .h{position:absolute;top:0;bottom:0;width:14px;z-index:3;cursor:ew-resize;display:none}.clip.sel .h{display:block;background:var(--lime)}.clip .h.l{left:0;border-radius:6px 0 0 6px}.clip .h.r{right:0;border-radius:0 6px 6px 0}.clip .h:after{content:"";position:absolute;left:50%;top:30%;bottom:30%;width:2px;margin-left:-1px;background:var(--lime-ink);border-radius:2px}.clip .kfdot{position:absolute;bottom:2px;width:7px;height:7px;margin-left:-3.5px;background:var(--lime);transform:rotate(45deg);pointer-events:none}.trans{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:6px;z-index:3;display:grid;place-items:center;border:1px solid var(--line2);background:var(--raised);color:var(--muted);cursor:pointer}.trans.on{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}.playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--lime);z-index:6;pointer-events:none;will-change:transform}.playhead:before{content:"";position:absolute;top:0;left:-6px;border:7px solid transparent;border-top:9px solid var(--lime)}.snapline{position:absolute;top:0;bottom:0;width:1px;background:#fff;opacity:.7;z-index:5;pointer-events:none}.modal-back{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:100;padding:16px;padding-top:calc(16px + var(--sat));padding-bottom:calc(16px + var(--sab))}.modal{width:min(460px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line2);border-radius:16px;box-shadow:0 20px 60px #000a}.modal.wide{width:min(760px,100%)}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 16px 6px}.modal-head h2{flex:1;margin:0;font-size:17px}.modal-head .ibtn{border:0;background:transparent}.modal-body{padding:6px 16px 10px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px 16px;flex-wrap:wrap}.modal-foot:empty{display:none}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + var(--sab));display:grid;gap:8px;z-index:200;width:min(520px,calc(100% - 24px))}.toast{display:flex;gap:10px;align-items:center;padding:10px 10px 10px 14px;border-radius:12px;background:#262b34;border:1px solid var(--line2);box-shadow:0 8px 30px #0008}.toast span{flex:1}.toast.ok{border-color:#2f6a45}.toast.ok .ico{color:var(--ok)}.toast.warn{border-color:#6a5326}.toast.warn .ico{color:var(--warn)}.toast.error{border-color:#6b2b30}.toast.error .ico{color:var(--danger)}.toast-x{border:0;background:transparent;cursor:pointer;color:var(--muted);padding:6px}.progress{height:8px;background:var(--raised2);border-radius:8px;overflow:hidden}.progress>i{display:block;height:100%;width:0;background:var(--lime);border-radius:8px;transition:width .2s}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px}.kv dt{color:var(--muted)}.kv dd{margin:0}.list{display:grid;gap:6px}.list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--raised);border:1px solid var(--line)}.list-item .grow{flex:1;min-width:0}.list-item .grow b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.matrix{width:100%;border-collapse:collapse;font-size:12.5px}table.matrix td,table.matrix th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.mobilebar,.sheet-head{display:none}@media(max-width:1180px){.workspace{grid-template-columns:260px minmax(0,1fr) 280px}}@media(max-width:900px){:root{--tap: 44px}#app{grid-template-rows:auto 1fr auto auto}.topbar{padding:calc(6px + var(--sat)) 8px 6px;gap:4px}.brand small,.savestate,.topbar .hide-m,.brand>div{display:none}.topbar .btn.primary{padding:0 12px}.topbar .ibtn{width:36px}.tltools .zoom input{width:70px}.viewport .empty img{width:min(200px,50%)}.viewport .empty b{font-size:16px}.tab{min-width:52px;flex:1 0 auto}.brand{margin-right:0}.pname{width:auto;flex:1;max-width:none;min-width:60px}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(200px,1fr) minmax(190px,40%);grid-template-areas:"stage" "tl"}.lib,.insp{position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:min(72dvh,620px);height:auto;border:1px solid var(--line2);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px #000c;transform:translateY(105%);transition:transform .22s ease;padding-bottom:var(--sab)}.lib.open,.insp.open{transform:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 0 16px}.sheet-head:before{content:"";position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line2)}.stagebar{padding:4px 8px}.viewport canvas{max-width:calc(100% - 12px);max-height:calc(100% - 6px)}.transport{padding:4px 8px 6px;gap:2px}.transport .tc{min-width:110px;font-size:12px}.tlbody{grid-template-columns:64px minmax(0,1fr)}.thead{padding:0 2px 0 4px;flex-wrap:wrap;align-content:center}.thead span{flex-basis:100%;font-size:10.5px}.thead .ibtn{width:22px;height:22px;min-height:22px}.mobilebar{display:flex;gap:2px;padding:4px 6px calc(4px + var(--sab));background:var(--panel);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.mobilebar::-webkit-scrollbar{display:none}.mobilebar button{flex:1 0 64px;display:grid;justify-items:center;gap:2px;padding:6px 4px;min-height:52px;border:0;background:transparent;color:var(--muted);font-size:10.5px;border-radius:10px}.mobilebar button.on{color:var(--lime);background:#20261a}.appfoot{padding:4px 8px;font-size:10.5px;gap:8px}.sheet-back{position:fixed;inset:0;z-index:55;background:#0007}.field{grid-template-columns:84px minmax(0,1fr) 52px 26px}.modal{border-radius:16px}}@media(max-width:900px)and (orientation:landscape)and (max-height:520px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"stage tl"}.appfoot{display:none}.lib,.insp{left:auto;width:min(420px,60vw);max-height:100dvh;top:0;border-radius:18px 0 0 18px;transform:translate(105%)}.lib.open,.insp.open{transform:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body.powersave *{transition:none!important;animation:none!important}.lockbar{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:6px}.locked{opacity:.55}