/* Siize Film Room v3: the editor. Dark, dense, precise: 1px lines, mono timecodes, gold playhead, violet selection. Prefix ed-. */
.v-edit{height:100%}
.ed{user-select:none;-webkit-user-select:none;position:absolute;inset:0;display:grid;grid-template-columns:208px 46px minmax(0,1fr) 340px;grid-template-rows:48px minmax(0,1fr) clamp(250px,38vh,346px);background:var(--void);color:var(--ink);font-size:12.5px;transition:right .25s}
body.carol-on .ed{right:396px}
.ed button:disabled{opacity:.35;cursor:default}
.ed kbd{font-family:var(--f-mono);font-size:10px;padding:1px 5px;border:1px solid var(--line2);border-bottom-width:2px;border-radius:4px;background:var(--raise);color:var(--ink2)}
.ed-sp{flex:1}
.ed-mut{color:var(--mut);font-size:11.5px}
.ed-dot{width:7px;height:7px;border-radius:50%;background:var(--mut2);display:inline-block}
.ed-dot.on{background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,.25)}
.ed-ph-only{display:none!important}

/* top bar */
.ed-top{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--deck);min-width:0}
.ed-ib{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--ink2);border:1px solid transparent;flex:none}
.ed-ib:hover{background:var(--raise);color:var(--ink);border-color:var(--line)}
.ed-ib svg{width:17px;height:17px}
.ed-ib.sm{width:28px;height:28px}.ed-ib.xs{width:24px;height:24px;margin-left:auto}.ed-ib.xs svg{width:14px;height:14px}
.ed-brand{display:flex;align-items:center;gap:7px;color:var(--ink2);padding-right:8px;border-right:1px solid var(--line);flex:none}
.ed-brand svg{width:16px;height:16px;color:var(--violet2)}.ed-brand b{font-family:var(--f-disp);font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.ed-title{background:transparent;border:1px solid transparent;border-radius:7px;height:30px;padding:0 8px;font-weight:600;font-size:13.5px;min-width:0;width:min(320px,30vw)}
.ed-title:hover{border-color:var(--line)}.ed-title:focus{outline:none;border-color:var(--violet);background:var(--raise)}
.ed-save{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mut);flex:none}
.ed-save i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.ed-save.busy i{background:var(--gold);animation:livep 1s infinite}
.ed-top .btn{flex:none}
.ed-carolb{background:linear-gradient(135deg,var(--violet),var(--violetd));color:#fff!important}
.ed-carolb:hover{filter:brightness(1.1)}

/* media bin */
.ed-bin{grid-column:1;grid-row:2;border-right:1px solid var(--line);background:var(--deck);overflow-y:auto;padding:8px 8px 12px;min-height:0;scrollbar-width:thin}
.ed-bh{display:flex;align-items:baseline;justify-content:space-between;padding:8px 2px 6px}
.ed-bh b{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}.ed-bh span{font-size:10.5px}
.ed-media{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ed-bi{display:flex;flex-direction:column;gap:2px;text-align:left;padding:4px;border-radius:8px;border:1px solid var(--line);background:var(--raise);touch-action:none;user-select:none;min-width:0}
.ed-bi:hover{border-color:var(--line2);background:var(--raise2)}
.ed-bimg{position:relative;display:block;aspect-ratio:16/10;border-radius:5px;overflow:hidden;background:#000}
.ed-bimg img{width:100%;height:100%;object-fit:cover;display:block}
.ed-bimg em{position:absolute;right:3px;bottom:3px;font-style:normal;font-size:9.5px;background:rgba(0,0,0,.72);padding:0 4px;border-radius:3px}
.ed-lines{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:4px;background:rgba(149,129,248,.9);display:grid;place-items:center;color:#fff}.ed-lines svg{width:11px;height:11px}
.ed-bi b{font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-bi small{font-size:9.5px;color:var(--mut)}
.ed-blist{display:flex;flex-direction:column;gap:3px}
.ed-bl{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:var(--raise);font-size:12px;color:var(--ink2);text-align:left;touch-action:none;user-select:none}
.ed-bl:hover{color:var(--ink);border-color:var(--line2)}
.ed-bl svg{width:15px;height:15px;color:var(--violet2);flex:none}.ed-bl span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-ghost{position:fixed;left:0;top:0;z-index:300;pointer-events:none;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:8px;background:rgba(27,31,45,.95);border:1px solid var(--violet);box-shadow:0 10px 30px rgba(0,0,0,.6);font-size:12px;font-weight:600}
.ed-ghost img{width:44px;height:26px;object-fit:cover;border-radius:4px}

/* tool rail */
.ed-tools{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-right:1px solid var(--line);background:var(--deck);overflow-y:auto;scrollbar-width:none;min-height:0}
.ed-tool{position:relative;width:36px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--ink2);flex:none}
.ed-tool svg{width:18px;height:18px}
.ed-tool kbd{position:absolute;right:1px;bottom:0;font-size:8px;padding:0 2px;border:0;background:none;color:var(--mut2)}
.ed-tool:hover{background:var(--raise);color:var(--ink)}
.ed-tool.on{background:rgba(149,129,248,.2);color:var(--violet2);box-shadow:inset 0 0 0 1px rgba(149,129,248,.55)}
.ed-tool.on kbd{color:var(--violet2)}
.ed-tsep{width:22px;height:1px;background:var(--line2);margin:6px 0;flex:none}

/* program monitor */
.ed-mon{grid-column:3;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;background:#030406}
.ed-mtop{display:flex;align-items:center;gap:4px;height:34px;padding:0 8px;border-bottom:1px solid var(--line);flex:none;min-width:0;overflow:hidden}
.ed-mlab{display:flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:600;white-space:nowrap}
.ed-mb{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border-radius:7px;color:var(--ink2);font-size:11.5px;font-weight:500;white-space:nowrap;flex:none}
.ed-mb svg{width:14px;height:14px}
.ed-mb:hover{background:var(--raise);color:var(--ink)}
.ed-mb.on{color:var(--gold2);background:rgba(242,184,75,.1)}
.ed-seg{padding:2px;flex:none}.ed-seg button{height:22px;padding:0 8px;font-size:11px;display:inline-flex;align-items:center;gap:4px}.ed-seg button svg{width:12px;height:12px}
.ed-seg button.on{background:var(--ink);color:var(--void)}
.ed-zoom{display:inline-flex;align-items:center;gap:1px;padding-left:4px;border-left:1px solid var(--line);margin-left:2px}
.ed-zoom .mono{font-size:11px;color:var(--ink2);min-width:38px;text-align:center}
.ed-stage{position:relative;flex:1;min-height:120px;overflow:hidden;background:#000}
.ed-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.ed-vids{position:absolute;width:2px;height:2px;overflow:hidden;opacity:0;pointer-events:none;left:0;top:0}
.ed-vids video{width:2px;height:2px}
.ed-hud{position:absolute;left:10px;top:10px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none;max-width:calc(100% - 20px)}
.ed-hud span{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;background:rgba(6,7,11,.72);border:1px solid rgba(255,255,255,.1);font-size:11px;backdrop-filter:blur(6px)}
.ed-hsrc{font-weight:600}
.ed-hv{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.ed-hv i{font-style:normal;font-family:var(--f-body);color:var(--mut);font-size:10px}
.ed-hno{color:var(--gold2)}
.ed-hdeep{color:#1b1204;background:var(--gold)!important;font-weight:700}
.ed-hz{font-family:var(--f-mono);color:var(--gold2)}
.ed-txtin{position:absolute;z-index:5;height:30px;min-width:180px;padding:0 10px;border-radius:7px;border:1px solid var(--violet);background:rgba(6,7,11,.92);color:#fff;font-weight:600}
.ed-txtin:focus{outline:none}

/* mark bar */
.ed-mbar{display:flex;align-items:center;gap:10px;min-height:38px;padding:4px 10px;border-top:1px solid var(--line);background:var(--deck);flex:none;overflow-x:auto;scrollbar-width:none}
.ed-mbar[hidden]{display:none}
.ed-mbt{display:flex;align-items:center;gap:7px;color:var(--ink2);font-size:12px;white-space:nowrap}.ed-mbt svg{width:16px;height:16px;color:var(--gold)}.ed-mbt b{color:var(--gold2)}
.ed-sw{display:inline-flex;gap:4px;flex:none}
.ed-sw button{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.ed-sw button.on{box-shadow:0 0 0 2px var(--deck),0 0 0 3.5px var(--c)}
.ed-wd{display:inline-flex;gap:2px;flex:none}
.ed-wd button{width:26px;height:24px;border-radius:6px;display:grid;place-items:center}.ed-wd button i{display:block;width:16px;background:var(--ink2);border-radius:3px}
.ed-wd button.on{background:var(--raise2)}.ed-wd button.on i{background:var(--ink)}
.ed-tg{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2);cursor:pointer;white-space:nowrap;flex:none;user-select:none}
.ed-tg input{position:absolute;opacity:0;width:0;height:0}
.ed-tg span{width:28px;height:16px;border-radius:999px;background:var(--raise2);border:1px solid var(--line2);position:relative;transition:background .15s;flex:none}
.ed-tg span::after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--mut);transition:transform .15s,background .15s}
.ed-tg input:checked+span{background:rgba(149,129,248,.35);border-color:var(--violet)}
.ed-tg input:checked+span::after{transform:translateX(12px);background:var(--violet2)}
.ed-tg input:disabled+span{opacity:.4}
.ed-hint{font-size:11.5px;color:var(--mut);white-space:nowrap}

/* transport */
.ed-trans{display:flex;align-items:center;gap:8px;height:46px;padding:0 10px;border-top:1px solid var(--line);background:var(--deck);flex:none;min-width:0;overflow:hidden}
.ed-tgrp{display:flex;align-items:center;gap:1px;flex:none}
.ed-tb{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;min-width:30px;padding:0 6px;border-radius:7px;color:var(--ink2);font-size:11.5px;font-weight:600;flex:none}
.ed-tb svg{width:15px;height:15px}
.ed-tb:hover{background:var(--raise);color:var(--ink)}
.ed-tb.sm{min-width:26px;height:26px;font-family:var(--f-mono)}
.ed-tb.on{color:var(--gold2);background:rgba(242,184,75,.1)}
.ed-play{width:38px;height:34px;background:var(--ink);color:var(--void)!important;border-radius:9px}.ed-play:hover{background:#fff}
.ed-play svg{width:17px;height:17px}
.ed-tc{display:flex;align-items:baseline;gap:6px;padding:0 10px;border-left:1px solid var(--line);border-right:1px solid var(--line);flex:none}
.ed-tc b{font-size:15px;color:var(--gold2);font-weight:500;letter-spacing:.02em}.ed-tc span{color:var(--mut);font-size:11px}.ed-tc em{font-style:normal;color:var(--violet2);font-size:11px;min-width:0}
.ed-loop{display:inline-flex;gap:1px;flex:none}
.ed-sel{height:28px;border-radius:7px;background:var(--raise);border:1px solid var(--line2);padding:0 6px;font-size:11.5px;color:var(--ink2);max-width:150px;flex:none}
.ed-rec.on{color:#fff;background:#E5484D}.ed-rec.on svg{animation:livep 1s infinite}

/* inspector */
.ed-insp{grid-column:4;grid-row:2/4;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--deck);min-height:0;min-width:0}
.ed-grab{display:none}
.ed-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);flex:none;padding:2px 4px 0}
.ed-tabs button{position:relative;height:32px;padding:0 4px;font-size:11.5px;font-weight:600;color:var(--mut);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.ed-tabs button:hover{color:var(--ink2)}
.ed-tabs button.on{color:var(--ink);background:rgba(255,255,255,.03);border-radius:7px 7px 0 0}.ed-tabs button.on::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--violet);border-radius:2px}
.ed-tabs em{font-style:normal;font-family:var(--f-mono);font-size:10px;min-width:16px;height:16px;border-radius:999px;background:var(--raise2);display:inline-grid;place-items:center;padding:0 4px;color:var(--ink2)}
.ed-tabs em.flag{background:rgba(242,184,75,.2);color:var(--gold2)}
.ed-pane{flex:1;overflow-y:auto;padding:4px 0 76px;min-height:0;scrollbar-width:thin}
.ed-ph2{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.ed-ph2 p{margin:0;font-size:12px}
.ed-h3{margin:0;font-family:var(--f-disp);font-size:22px;font-weight:800;letter-spacing:.01em;line-height:1.05}
.ed-kv{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:12px}.ed-kv span{color:var(--mut)}.ed-kv b{font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-film{display:flex;gap:10px;align-items:center}.ed-film img,.ed-camph{width:88px;height:52px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none;background:var(--raise)}
.ed-camph{display:grid;place-items:center;color:var(--violet2)}.ed-camph svg{width:22px}
.ed-film>div{display:flex;flex-direction:column;gap:1px;min-width:0}.ed-film b{font-size:13px}.ed-film small{font-size:11px;color:var(--ink2)}
.ed-cnts{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.ed-cnts span{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line2)}
.ed-cnts .pass{color:var(--ok);border-color:rgba(74,222,128,.3)}.ed-cnts .flag{color:var(--gold2);border-color:rgba(242,184,75,.35)}.ed-cnts .cant{color:var(--mut)}
.ed-cnts.big{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ed-cnts.big span{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px;border-radius:10px;background:var(--raise);font-weight:500;color:var(--ink2)!important}
.ed-cnts.big b{font-family:var(--f-disp);font-size:26px;line-height:1}
.ed-cnts.big .pass b{color:var(--ok)}.ed-cnts.big .flag b{color:var(--gold)}.ed-cnts.big .cant b{color:var(--mut)}
.ed-tips{margin:0;padding-left:16px;color:var(--ink2);font-size:12px;display:flex;flex-direction:column;gap:3px}
.ed-row2{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ed-f{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;font-size:12px}.ed-f>span:first-child{color:var(--mut)}
.ed-in{height:30px;border-radius:7px;background:var(--raise);border:1px solid var(--line2);padding:0 9px;width:100%;min-width:0}
.ed-in:focus{outline:none;border-color:var(--violet)}.ed-in.bad{border-color:var(--bad)}
.ed-rng{display:flex;align-items:center;gap:8px;min-width:0}.ed-rng input{flex:1;min-width:0;accent-color:var(--violet)}.ed-rng b{font-size:11px;font-weight:500;min-width:52px;text-align:right;color:var(--ink2)}
.ed-wide{display:flex;width:100%}.ed-wide button{flex:1;justify-content:center;padding:0 4px}
.ed-sparkbox{background:var(--raise);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--gold);display:flex;flex-direction:column;gap:4px}
.ed-sparkbox svg{width:100%;height:54px}
.ed-skh{display:flex;justify-content:space-between;align-items:baseline;color:var(--ink2);font-size:11px}.ed-skh b{color:var(--gold2);font-size:15px}
.ed-skf{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink2)}
.ed-sparkbox small{font-size:10.5px}
.ed-phase{padding:10px 14px 6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:700;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}
.ed-chk{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px;border-left:2px solid transparent}
.ed-chk.sel{background:rgba(149,129,248,.07);border-left-color:var(--violet)}
.ed-chh{display:flex;align-items:center;gap:8px}.ed-chh b{flex:1;font-size:12.5px;font-weight:600}
.ed-st{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}.ed-st.pass{background:var(--ok)}.ed-st.flag{background:var(--gold)}.ed-st.cant{background:var(--mut2);box-shadow:inset 0 0 0 1.5px var(--mut)}
.ed-stc{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px}
.ed-stc.pass{color:#0b2a17;background:var(--ok)}.ed-stc.flag{color:#1b1204;background:var(--gold)}.ed-stc.cant{color:var(--ink2);background:var(--raise2)}
.ed-chv{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;align-items:baseline}.ed-chv span{color:var(--ink)}.ed-chv em{font-style:normal;color:var(--mut)}
.ed-rmb{margin-left:auto;font-size:10.5px;color:var(--violet2);font-family:var(--f-body);text-decoration:underline;text-underline-offset:2px}
.ed-rem{color:var(--violet2)!important;font-size:10.5px}
.ed-call{font-size:11.5px;color:var(--ink2);background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.ed-call b{color:var(--ink)}.ed-call small{display:block;color:var(--mut);font-size:10.5px}
.ed-cha{display:flex;flex-wrap:wrap;gap:4px}
.ed-cha .btn.sm{height:26px;padding:0 9px;font-size:11.5px}.ed-cha .btn svg{width:13px;height:13px}
.ed-cb{height:26px;padding:0 9px;border-radius:999px;border:1px solid var(--line2);font-size:11.5px;color:var(--ink2)}
.ed-cb:hover{color:var(--ink);border-color:var(--mut2)}
.ed-cb.pass.on{background:var(--ok);color:#0b2a17;border-color:var(--ok)}.ed-cb.fix.on{background:var(--gold);color:#1b1204;border-color:var(--gold)}.ed-cb.cant.on{background:var(--raise2);color:var(--ink)}
.ed-reason{display:flex;gap:5px;flex-wrap:wrap}.ed-reason .ed-in{flex:1 1 100%}
.ed-log{padding:6px 14px;display:flex;flex-direction:column;gap:6px}
.ed-log div{font-size:11.5px;border-left:2px solid var(--line2);padding-left:8px}.ed-log b{font-weight:500;display:block}.ed-log small{color:var(--mut);font-size:10.5px}
.ed-still{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.ed-still img{width:112px;height:auto;max-height:120px;object-fit:cover;border-radius:7px;border:1px solid var(--line2);cursor:pointer;flex:none;align-self:flex-start}
.ed-stb{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.ed-sth{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ed-sth b{font-size:12px}.ed-sth small{font-size:10.5px;color:var(--mut)}
.ed-stb .ed-sel{max-width:none;width:100%}
.ed-seg button.on.pass{background:var(--ok);color:#0b2a17}.ed-seg button.on.fix{background:var(--gold);color:#1b1204}.ed-seg button.on.now{background:var(--bad);color:#2a0b0b}
.ed-pad{display:block;padding:10px 14px}
.ed-cmpl{display:flex;flex-direction:column;gap:4px}
.ed-cmpi{display:flex;gap:9px;align-items:center;text-align:left;padding:5px;border-radius:9px;border:1px solid var(--line)}
.ed-cmpi:hover{background:var(--raise)}.ed-cmpi.on{border-color:var(--violet);background:rgba(149,129,248,.1)}
.ed-cmpi img{width:64px;height:38px;object-fit:cover;border-radius:5px;flex:none}.ed-cmpi span{display:flex;flex-direction:column;min-width:0}.ed-cmpi b{font-size:12px}.ed-cmpi small{font-size:10.5px;color:var(--mut)}
.ed-angl{display:flex;flex-wrap:wrap;gap:4px}
.ed-angl button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border-radius:7px;border:1px solid var(--line);font-size:11.5px;color:var(--mut)}
.ed-angl button i{width:10px;height:3px;border-radius:2px;background:var(--c);opacity:.35}.ed-angl button b{font-size:11px;color:var(--ink2);font-weight:500}
.ed-angl button.on{color:var(--ink);border-color:var(--line2)}.ed-angl button.on i{opacity:1}
.ed-angc{width:100%;height:190px;display:block;background:var(--raise);border:1px solid var(--line);border-radius:10px;cursor:crosshair;touch-action:none}
.ed-mus{display:flex;flex-direction:column;gap:3px}
.ed-mi{display:flex;align-items:center;gap:8px;padding:5px;border-radius:9px;border:1px solid var(--line)}
.ed-mi>span{flex:1;display:flex;flex-direction:column;min-width:0}.ed-mi b{font-size:12px;font-weight:600}.ed-mi small{font-size:10.5px;color:var(--mut)}
.ed-mi .btn.sm{height:26px;padding:0 9px}.ed-mi .btn svg{width:13px;height:13px}
.ed-mrow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);text-align:left}.ed-mrow.on{border-color:var(--violet)}.ed-mrow svg{width:14px;height:14px;color:var(--violet2)}.ed-mrow b{font-size:12px;flex:1}.ed-mrow small{font-size:10.5px;color:var(--mut)}
.ed-rep{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.ed-rep .ed-phase{margin:4px -14px 0}
.ed-rl{display:flex;flex-direction:column;gap:4px}
.ed-rl>div{display:grid;grid-template-columns:10px 1fr auto;gap:2px 8px;align-items:center;font-size:12px;padding:5px 0;border-bottom:1px solid var(--line)}
.ed-rl b{font-weight:500}.ed-rl span{color:var(--ink2);font-size:11.5px}.ed-rl small{grid-column:2/-1;color:var(--violet2);font-size:11px}
.ed-rst{display:flex;flex-wrap:wrap;gap:5px}.ed-rst img{width:72px;height:48px;object-fit:cover;border-radius:5px;border:1px solid var(--line2)}

/* timeline */
.ed-tl{grid-column:1/4;grid-row:3;display:flex;flex-direction:column;border-top:1px solid var(--line2);background:var(--deck);min-height:0;min-width:0}
.ed-tlbar #edTlTc{white-space:nowrap}
.ed-tlbar{display:flex;align-items:center;gap:4px;height:34px;padding:0 8px;border-bottom:1px solid var(--line);flex:none;min-width:0;overflow-x:auto;scrollbar-width:none}
.ed-vsep{width:1px;height:18px;background:var(--line2);margin:0 4px;flex:none}
.ed-mb.ed-rec.on{color:#fff;background:#E5484D}
.ed-tz{display:inline-flex;align-items:center;gap:2px;flex:none}.ed-tz input{width:110px;accent-color:var(--violet)}
.ed-tlsc{flex:1;overflow:auto;position:relative;min-height:0;scrollbar-width:thin;scrollbar-color:var(--raise2) transparent}
.ed-tlin{position:relative;min-height:100%;user-select:none}
.ed-row{display:flex;border-bottom:1px solid var(--line);position:relative}
.ed-th{position:sticky;left:0;z-index:6;width:150px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 6px 0 8px;background:#0E1018;border-right:1px solid var(--line2)}
.ed-tn{display:flex;align-items:baseline;gap:5px;min-width:0;overflow:hidden}.ed-tn b{font-family:var(--f-mono);font-size:11px;font-weight:600}.ed-tn small{font-size:10px;color:var(--mut);white-space:nowrap}
.ed-tn svg{width:11px;height:11px;color:var(--violet2)}
.ed-thc .ed-tn{font-size:9.5px;color:var(--violet2);align-items:center;gap:4px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.ed-thb{display:flex;gap:1px;flex:none}
.ed-thb button{width:20px;height:18px;border-radius:4px;display:grid;place-items:center;color:var(--mut2)}
.ed-thb button svg{width:12px;height:12px}.ed-thb button:hover{color:var(--ink2);background:var(--raise)}
.ed-thb button.on{color:var(--gold)}
.r-V2 .ed-thb,.r-T .ed-thb,.r-M .ed-thb,.r-C .ed-thb,.r-A1 .ed-thb{opacity:.85}
.ed-lane{position:relative;flex:none;overflow:hidden}
.ed-lane.drop{background:rgba(149,129,248,.12);box-shadow:inset 0 0 0 1px var(--violet)}
.ed-row.locked .ed-lane{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.025) 6px 12px)}
.ed-row.dim .ed-lane>*{opacity:.4}
.ed-rrow{position:sticky;top:0;z-index:8;height:24px;background:#0E1018}
.ed-corner{z-index:9;font-size:10.5px;color:var(--gold2);justify-content:center}
.ed-ruler{background:#0E1018;cursor:default;height:24px;touch-action:none}
.ed-ruler i{position:absolute;bottom:0;width:1px;height:5px;background:var(--mut2)}
.ed-ruler i.mj{height:10px;background:var(--mut)}
.ed-ruler span{position:absolute;top:2px;transform:translateX(3px);font-family:var(--f-mono);font-size:9.5px;color:var(--mut);pointer-events:none}
.ed-loopb{position:absolute;top:0;height:24px;background:rgba(149,129,248,.12);border-left:1px solid var(--violet2);border-right:1px solid var(--violet2);display:flex;justify-content:space-between;pointer-events:none}
.ed-loopb.on{background:rgba(149,129,248,.28)}
.ed-loopb b{font-family:var(--f-mono);font-size:9px;color:var(--violet2);padding:0 3px;line-height:12px;background:rgba(6,7,10,.8)}
.ed-mk{position:absolute;top:0;transform:translateX(-6px);display:flex;align-items:flex-start;gap:2px;color:var(--ice);cursor:grab;z-index:2}
.ed-mk svg{width:12px;height:12px;fill:rgba(127,227,255,.35)}
.ed-mk span{font-size:9.5px;font-weight:600;white-space:nowrap;background:rgba(6,7,10,.75);padding:0 3px;border-radius:3px;margin-top:10px}
.ed-mk.sel{color:var(--violet2)}
.ed-it{position:absolute;top:3px;bottom:3px;border-radius:5px;overflow:hidden;cursor:grab;border:1px solid rgba(255,255,255,.12);touch-action:none}
.ed-it.sel{box-shadow:0 0 0 1.5px var(--violet2),0 0 0 3px rgba(149,129,248,.3);z-index:3}
.ed-h{position:absolute;top:0;bottom:0;width:7px;z-index:2;cursor:ew-resize}
.ed-h.l{left:0}.ed-h.r{right:0}
.ed-it:hover .ed-h,.ed-it.sel .ed-h{background:rgba(255,255,255,.18)}
.ed-it.sel .ed-h{background:rgba(182,168,255,.55)}
.ed-cn{position:absolute;left:6px;top:2px;right:6px;display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.9)}
.ed-cn svg{width:11px;height:11px;flex:none}
.ed-cn em{font-style:normal;font-family:var(--f-mono);font-size:9.5px;padding:0 4px;border-radius:3px;background:rgba(6,7,11,.75);color:var(--gold2)}
.ed-cn em.ramp{color:var(--violet2)}
.ed-cn .ex{margin-left:2px;font-size:8px;padding:0 4px}
.ed-clip{background:#1d2340}
.r-V1 .ed-clip{background:#26304f;border-color:rgba(127,140,220,.35)}
.r-V2 .ed-clip{background:#2c2550;border-color:rgba(182,168,255,.35)}
.ed-clip.cam{background:repeating-linear-gradient(135deg,#231f3d 0 8px,#1e1a33 8px 16px)}
.ed-strip{position:absolute;inset:0;display:flex;opacity:.75;pointer-events:none}
.ed-strip img{flex:1;min-width:0;height:100%;object-fit:cover;border-right:1px solid rgba(0,0,0,.45)}
.r-V1 .ed-cn{top:auto;bottom:2px}
.ed-rampb{position:absolute;top:0;height:4px;background:var(--violet2);pointer-events:none;box-shadow:0 0 6px var(--violet)}
.ed-cut{position:absolute;top:2px;bottom:2px;width:0;z-index:4;pointer-events:auto}
.ed-cut{pointer-events:none}
.ed-cut::before{content:"";position:absolute;left:-4px;width:8px;top:-3px;height:9px;cursor:pointer;pointer-events:auto;background:var(--gold);clip-path:polygon(0 0,100% 0,50% 100%);opacity:.0}
.ed-cut.has::before{opacity:1}
.ed-tl:hover .ed-cut::before{opacity:.55}
.ed-cut span{pointer-events:auto;position:absolute;top:4px;transform:translate(-50%,0);height:18px;min-width:18px;border-radius:5px;background:rgba(242,184,75,.9);color:#1b1204;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.6);cursor:pointer}
.ed-cut span svg{width:12px;height:12px}
.ed-cutz{position:absolute;top:0;bottom:0;width:40px;transform:translateX(-20px);background:rgba(242,184,75,.18);border-left:1px dashed var(--gold);border-right:1px dashed var(--gold);pointer-events:none;z-index:5}
.ed-titl{background:linear-gradient(180deg,#3b2a5c,#2a1f45);border-color:rgba(182,168,255,.45)}
.ed-titl .ed-cn{top:50%;transform:translateY(-50%)}
.ed-mark{top:auto;bottom:auto;height:15px;background:rgba(20,23,34,.95);border-color:color-mix(in srgb,var(--mc) 60%,transparent);border-radius:4px;color:var(--mc)}
.ed-mc{position:absolute;left:0;top:0;bottom:0;width:3px;pointer-events:none}
.ed-mark .ed-cn{top:0;font-size:9.5px;color:var(--ink);left:7px;line-height:13px}
.ed-mark .ed-spark{position:absolute;right:4px;top:0;width:calc(100% - 8px);height:14px;opacity:.6;pointer-events:none}
.ed-cdot{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid #0E1018;cursor:pointer;z-index:2}
.ed-cdot.pass{background:var(--ok)}.ed-cdot.flag{background:var(--gold)}.ed-cdot.cant{background:var(--mut2);box-shadow:inset 0 0 0 1.5px var(--mut)}
.ed-cdot:hover,.ed-cdot.sel{transform:scale(1.35);box-shadow:0 0 0 2px var(--violet2)}
.ed-a1{position:absolute;top:4px;bottom:4px;border-radius:4px;background:rgba(127,227,255,.05);border:1px solid rgba(127,227,255,.12)}
.ed-a1::after{content:"";position:absolute;left:4px;right:4px;top:72%;height:1px;background:rgba(127,227,255,.35)}
.ed-a1 span{position:absolute;left:6px;top:1px;font-size:9.5px;color:var(--mut);white-space:nowrap}
.ed-aud{background:rgba(149,129,248,.14);border-color:rgba(149,129,248,.4)}
.ed-aud.vo{background:rgba(127,227,255,.1);border-color:rgba(127,227,255,.35)}
.ed-wave{position:absolute;left:0;top:1px;pointer-events:none;opacity:.8}
.ed-beats{position:absolute;inset:0;pointer-events:none}.ed-beats i{position:absolute;bottom:0;width:1px;height:6px;background:var(--gold)}
.ed-fade{position:absolute;top:0;bottom:0;pointer-events:none}
.ed-fade.l{left:0;background:linear-gradient(90deg,rgba(6,7,10,.7),transparent)}.ed-fade.r{right:0;background:linear-gradient(270deg,rgba(6,7,10,.7),transparent)}
.ed-cl{position:absolute;top:1px;transform:translateX(-6px);display:flex;align-items:center;gap:3px;color:var(--violet2);cursor:pointer;white-space:nowrap}
.ed-cl svg{width:12px;height:12px}.ed-cl em{font-style:normal;font-size:9px;opacity:.85}
.ed-empty{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:10.5px;color:var(--mut2);white-space:nowrap;pointer-events:none}
.ed-ph{position:absolute;top:0;bottom:0;width:0;z-index:5;pointer-events:none}
.ed-ph::before{content:"";position:absolute;left:-.5px;top:0;bottom:0;width:1px;background:var(--gold)}
.ed-ph i{position:absolute;left:-6px;top:0;width:12px;height:14px;background:var(--gold);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}
.ed-snapl{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed var(--ice);z-index:7;pointer-events:none}
.ed-marq{position:absolute;z-index:9;border:1px solid var(--violet2);background:rgba(149,129,248,.12);pointer-events:none}
.ed-phbar{display:none}

/* export, share, keys sheets */
.sheet .box.ed-exsheet{width:min(980px,calc(100vw - 24px))}
.ed-ex{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:460px}
.ed-exl{min-width:0}
.ed-exl{background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border-right:1px solid var(--line)}
.ed-exl canvas{border-radius:8px;box-shadow:0 0 0 1px var(--line2)}
.ed-exl small{font-size:11.5px;text-align:center}
.ed-exr{padding:26px 22px 20px;display:flex;flex-direction:column;gap:11px}
.ed-exh{font-size:28px;margin:0}
.ed-exts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ed-note{color:var(--gold2);font-size:11.5px}
.ed-dests{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ed-dests button{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line2);background:var(--raise);font-size:12.5px;text-align:left}
.ed-dests button svg{width:16px;height:16px;color:var(--violet2);flex:none}
.ed-dests button.on{border-color:var(--gold);background:rgba(242,184,75,.1)}
.ed-dests button:hover{border-color:var(--mut2)}
.ed-exf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}
.ed-prog{height:8px;border-radius:999px;background:var(--raise2);overflow:hidden;margin-top:6px}.ed-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--gold));transition:width .1s}
.ed-steps{display:flex;flex-direction:column;gap:6px}.ed-steps div{display:flex;align-items:center;gap:8px;color:var(--mut2);font-size:13px}.ed-steps svg{width:15px;height:15px;opacity:0}
.ed-steps div.on{color:var(--ink)}.ed-steps div.done svg{opacity:1;color:var(--ok)}
.ed-ok{width:46px;height:46px;border-radius:50%;background:var(--ok);color:#0b2a17;display:grid;place-items:center}.ed-ok svg{width:24px;height:24px}
.sheet .box.ed-shsheet{width:min(520px,calc(100vw - 24px))}
.ed-share{padding:28px 24px 22px;display:flex;flex-direction:column;gap:12px}.ed-share .h-l{margin:0;font-size:28px}
.sheet .box.ed-keysheet{width:min(900px,calc(100vw - 24px))}
.ed-keys{padding:26px 24px 24px}.ed-keys .h-l{margin:4px 0 14px;font-size:28px}
.ed-kg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}
.ed-kg>div{display:flex;flex-direction:column;gap:5px}
.ed-kr{display:grid;grid-template-columns:minmax(76px,auto) 1fr;gap:10px;align-items:baseline;font-size:12px;color:var(--ink2)}
.ed-kr kbd{font-family:var(--f-mono);font-size:10.5px;padding:2px 6px;border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;background:var(--raise);color:var(--ink);justify-self:start;white-space:nowrap}

@media (min-width:761px){
  body.carol-on .ed{grid-template-columns:0 46px minmax(0,1fr) 300px}
  body.carol-on .ed-bin{display:none}
  body.carol-on .ed-tl{grid-column:2/4}
  body.carol-on .ed-insp .ed-tabs button.ed-ph-only{display:inline-flex!important}
  body.carol-on .ed-mb span,body.carol-on .ed-tlbar .ed-mb span,body.carol-on .ed-trans .ed-seg{display:none}
  body.carol-on .ed-trans select.ed-ph-only{display:inline-block!important}
}
/* mid widths */
@media (max-width:1280px) and (min-width:761px){
  .ed{grid-template-columns:0 46px minmax(0,1fr) 312px}
  .ed-bin{display:none}
  .ed-tl{grid-column:2/4}
  .ed-mb span{display:none}
  .ed-trans .ed-seg{display:none}
  .ed-trans select.ed-ph-only{display:inline-block!important}
  .ed-tabs button{padding:0 7px}
  .ed-insp .ed-tabs button.ed-ph-only{display:inline-flex!important}
  .ed-tlbar .ed-mb span{display:none}
}
@media (max-width:1000px) and (min-width:761px){ .ed{grid-template-columns:0 46px minmax(0,1fr) 280px} .ed-loop,.ed-tlbar .ed-dk{display:none!important} body.carol-on .ed{right:0} }

/* phone */
@media (max-width:760px){
  .ed{grid-template-columns:minmax(0,1fr);grid-template-rows:46px auto minmax(0,1fr) 46px 52px}
  body.carol-on .ed{right:0}
  .ed-dk{display:none!important}
  .ed-ph-only{display:inline-flex!important}
  select.ed-ph-only{display:inline-block!important}
  .ed-top{padding:0 6px;gap:4px}
  .ed-brand{display:none}
  .ed-title{width:auto;flex:1;font-size:13px}
  .ed-save{font-size:0;gap:0}
  .ed-top .btn.gold{width:34px;padding:0;height:32px}
  .ed-bin{display:none}
  .ed-mon{grid-column:1;grid-row:2}
  .ed-mtop{height:32px;padding:0 4px;gap:0}
  .ed-mtop .ed-mlab{display:none}
  .ed-zoom .ed-mb[data-e="zfit"]{display:none}
  .ed-stage{flex:none;height:min(40vh,calc(100vw * .72));min-height:150px}
  .ed-hud span{height:20px;font-size:10px;padding:0 6px}
  .ed-mbar{min-height:36px;gap:8px}
  .ed-trans{height:44px;gap:4px;padding:0 6px}
  .ed-tc{padding:0 6px}.ed-tc b{font-size:13px}.ed-tc span{display:none}
  .ed-mom{max-width:96px}
  .ed-sel{height:28px;max-width:70px}
  .ed-rec{min-width:30px}
  .ed-tl{grid-column:1;grid-row:3;border-top:1px solid var(--line2)}
  .ed-tlbar{height:32px}
  .ed-th{width:54px;padding:0 3px;justify-content:flex-start;gap:2px}
  .ed-th .ed-tn b{font-size:10.5px}
  .ed-addr,.ed-delr,.ed-cnt{display:none!important}
  .ed-corner{font-size:0}
  .ed-mark{height:19px}.ed-mark .ed-cn{line-height:17px;font-size:10.5px}
  .ed-pan{color:var(--ink)!important;background:var(--raise);border:1px solid var(--line2);margin-right:auto}
  .ed-pan span{display:inline!important}
  .ed-tn small,.ed-thb{display:none}
  .ed-tools{grid-column:1;grid-row:4;flex-direction:row;padding:0 6px;border-right:0;border-top:1px solid var(--line);overflow-x:auto;overflow-y:hidden;gap:2px;align-items:center}
  .ed-tool{width:40px;height:36px}
  .ed-tsep{width:1px;height:22px;margin:0 4px}
  .ed-phbar{grid-column:1;grid-row:5;display:flex;align-items:center;gap:6px;padding:0 8px;border-top:1px solid var(--line);background:var(--deck)}
  .ed-phbar .btn svg{width:15px;height:15px}
  .ed-insp{position:fixed;left:0;right:0;bottom:0;height:74vh;z-index:160;border-left:0;border-top:1px solid var(--line2);border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -30px 60px rgba(0,0,0,.6)}
  .ed-insp.open{transform:none}
  .ed-grab{display:block;height:20px;flex:none;cursor:pointer;position:relative}
  .ed-grab::after{content:"";position:absolute;left:50%;top:7px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line2)}
  .ed-pane{padding-bottom:30px}
  .ed-pane .ed-media{padding:8px 14px;grid-template-columns:1fr 1fr 1fr}
  .ed-pane .ed-bh,.ed-pane .ed-blist{padding-left:14px;padding-right:14px}
  .ed-ex{grid-template-columns:minmax(0,1fr)}.ed-exl{border-right:0;border-bottom:1px solid var(--line);padding:12px}
  .ed-exr{padding:18px 16px}
  .ed-kg{grid-template-columns:1fr}
  .ed-exts,.ed-dests{grid-template-columns:1fr}
}

/* sections with rows (lanes): collapse, expand, per-row state, drop indicator */
.ed-chev{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;color:var(--mut);flex:none;transition:transform .15s;transform:rotate(-90deg)}
.ed-chev svg{width:11px;height:11px}.ed-chev:hover{color:var(--ink);background:var(--raise)}
.ed-chev.on{transform:none;color:var(--ink2)}
.ed-th .ed-tn{flex:1}
.ed-cnt{font-style:normal;font-family:var(--f-mono);font-size:9.5px;color:var(--violet2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-coll .ed-tn{flex-direction:row;gap:5px;align-items:baseline}.ed-coll .ed-cnt{font-family:var(--f-body);font-size:10px;max-width:none;overflow:visible}
.ed-coll .ed-lane{background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(255,255,255,.012) 5px 6px)}
.ed-coll .ed-it{border-radius:2px;border-width:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.ed-coll .ed-h{display:none}
.ed-coll .ed-mark{background:var(--mc);opacity:.85}
.ed-secbar{height:20px;background:#0B0D14}
.ed-secbar .ed-th{background:#121521;border-bottom:1px solid var(--line2)}
.ed-secbar .ed-tn{align-items:center}.ed-secbar .ed-tn small{display:none}.ed-secbar .ed-cnt{max-width:none;overflow:visible}
.ed-seclane{background:rgba(149,129,248,.03)}
.ed-sub .ed-th{padding-left:14px;background:#0C0E15}
.ed-sub .ed-th::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--line2)}
.ed-rl b{font-size:10.5px;color:var(--ink2)}.ed-rl small{font-size:9.5px}
.ed-addr{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;color:var(--violet2);font-weight:700;font-size:13px;line-height:1;flex:none;border:1px solid rgba(149,129,248,.35)}
.ed-addr:hover{background:rgba(149,129,248,.2)}
.ed-delr{width:16px;height:16px;border-radius:4px;color:var(--mut);font-size:13px;line-height:1;flex:none}.ed-delr:hover{color:var(--bad);background:var(--raise)}
.ed-lane.drop{background:rgba(149,129,248,.12)}
.ed-lane.drop::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--violet2);box-shadow:0 0 8px var(--violet);z-index:5}
.r-V1 .ed-clip.cutaway{background:#3a2f5c;border-color:rgba(242,184,75,.45)}
.ed-sub.r-M .ed-mark,.r-M:not(.ed-coll) .ed-mark{top:2px;bottom:2px;height:auto}
.ed-row.dim .ed-lane>.ed-it{opacity:.4}
.ed-rowf{display:flex;align-items:center;gap:6px}.ed-rowf b{font-size:12px}.ed-rowf small{flex:1;font-size:11px}
.ed-rowf .ed-ib svg{width:14px;height:14px}

.ed input,.ed textarea{user-select:text;-webkit-user-select:text}
.ed-th .ed-tn{flex:1;min-width:0;white-space:nowrap}
.ed-th:has(.ed-addr) .ed-tn small{display:none}
.ed-th{gap:3px}
.ed-rl{flex-direction:row;align-items:baseline;gap:4px}
.ed-rl small{text-transform:lowercase;color:var(--mut2)!important}

/* on-screen position fields */
.ed-pos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.ed-pos label{display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:var(--mut);position:relative}
.ed-pos .ed-in{height:28px;padding:0 6px;font-size:11.5px}
.ed-pos em{position:absolute;right:6px;bottom:6px;font-style:normal;font-size:10px;color:var(--mut2);pointer-events:none}
.ed-pos input::-webkit-inner-spin-button{display:none}

/* scrub bar: playhead head lives in the ruler so it stays grabbable above the sticky ruler row */
.ed-phh{position:absolute;left:0;top:0;bottom:0;width:0;z-index:3}
.ed-phh i{position:absolute;left:-10px;top:0;width:20px;height:22px;cursor:grab}
.ed-phh i::before{content:"";position:absolute;left:3px;top:0;width:14px;height:16px;background:var(--gold);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}
.ed-phh::after{content:"";position:absolute;left:-.5px;top:14px;bottom:0;width:1px;background:var(--gold);pointer-events:none}
.ed-ph i{display:none}
body.ed-scrubbing,body.ed-scrubbing *{cursor:grabbing!important}
body.ed-scrubbing .ed-ruler{background:#141826}
@media (max-width:760px){.ed-phh i{left:-14px;width:28px;height:24px}.ed-phh i::before{left:4px;width:20px;height:20px}}
.ed-ruler .ed-phh i{position:absolute;left:-10px;top:0;bottom:auto;width:20px;height:22px;background:none}
@media (max-width:760px){.ed-ruler .ed-phh i{left:-14px;width:28px;height:24px}}

/* audio: real waveforms */
.ed-a1.has{background:rgba(127,227,255,.07);border-color:rgba(127,227,255,.3)}
.ed-a1.has::after{display:none}
.ed-a1 .ed-wave{top:3px}
.ed-vwave{position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(0deg,rgba(6,7,11,.7),transparent);pointer-events:none}
.ed-vwave .ed-wave{top:0;opacity:.9}
.ed-you{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ice);border:1px solid rgba(127,227,255,.4);border-radius:999px;padding:0 6px;margin-left:6px;vertical-align:middle}
.ed-cn .ed-you{margin-left:2px;padding:0 4px;font-size:8px;background:rgba(6,7,11,.75)}
.ed-miss{color:var(--bad)!important}
.ed-wavebox{background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:4px 6px}.ed-wavebox svg{width:100%;height:46px;display:block}

/* ======================= phone layout (.ed-m: portrait or landscape phones) =======================
 * Portrait, top to bottom: slim bar, preview (about half the screen) with its overlay strip, frame-step strip,
 * timeline under a fixed center playhead, toolbar, and room for the app pill. Primary actions sit in the bottom half. */
.ed-mtb,.ed-ms,.ed-tipsm,.ed-mov,.ed-mph,.ed-fs,.ed-sug{display:none}
.ed.ed-m{right:0!important;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(44px + env(safe-area-inset-top,0px)) clamp(240px,46vh,460px) 54px minmax(0,1fr) 62px calc(54px + env(safe-area-inset-bottom,0px));touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:hidden}
.ed.ed-m button{touch-action:manipulation}
.ed.ed-m button:active{transform:scale(.94)}
.ed.ed-m .ed-bin,.ed.ed-m .ed-tools,.ed.ed-m .ed-insp,.ed.ed-m .ed-mtop,.ed.ed-m .ed-mbar,.ed.ed-m .ed-brand,.ed.ed-m .ed-carolb,.ed.ed-m .ed-top [data-e="keys"],.ed.ed-m .ed-top [data-e="share"],.ed.ed-m .ed-top [data-e="undo"],.ed.ed-m .ed-top [data-e="redo"],.ed.ed-m .ed-ph,.ed.ed-m .ed-phh,.ed.ed-m .ed-marq,.ed.ed-m .ed-tlbar{display:none!important}
/* top bar */
.ed.ed-m .ed-top{grid-column:1/-1;grid-row:1;padding:env(safe-area-inset-top,0px) 6px 0;gap:2px}
.ed.ed-m .ed-title{flex:1;min-width:0;width:auto;font-size:14px;text-overflow:ellipsis}
.ed.ed-m .ed-save{font-size:0;gap:0;width:14px;justify-content:center}
.ed.ed-m .ed-ib{width:44px;height:44px}
.ed.ed-m .ed-top .btn.gold{width:auto;height:36px;padding:0 14px;margin-left:4px;font-size:13px}
.ed.ed-m .ed-top .btn.gold .ed-dk{display:inline!important}
/* preview + overlay strip */
.ed.ed-m .ed-mon{grid-column:1;grid-row:2;min-height:0;position:relative;display:flex;flex-direction:column}
.ed.ed-m .ed-stage{flex:1;height:auto;min-height:0}
.ed.ed-m .ed-stage canvas{touch-action:none}
.ed.ed-m .ed-hud{max-width:calc(100% - 66px);flex-wrap:wrap}
.ed.ed-m .ed-hud span{flex:none;height:22px;font-size:11px;padding:0 7px}
.ed.ed-m .ed-trans{position:absolute;left:0;right:0;bottom:0;height:48px;gap:2px;padding:0 4px;border:0;background:linear-gradient(180deg,transparent,rgba(6,7,11,.78) 45%);z-index:6;transition:opacity .2s}
.ed-ob{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--ink);flex:none}
.ed-ob svg{width:20px;height:20px}
.ed-ob:disabled{opacity:.3}
.ed-ob.on{color:var(--gold2)}
.ed-oplay svg{width:22px;height:22px}
.ed-otc{display:flex;flex-direction:column;line-height:1.05;min-width:66px;padding:0 2px}
.ed-otc b{font-size:13.5px;color:var(--gold2);font-weight:600}
.ed-otc small{font-size:10px;color:var(--ink2)}
.ed-ochip{height:30px;min-width:46px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(6,7,11,.55);font:600 12px var(--f-mono);color:var(--ink);flex:none;position:relative}
.ed-ochip::before{content:"";position:absolute;inset:-7px -2px}
.ed-dia{color:var(--mut)}.ed-dia.on{color:var(--gold)}
.ed-dia svg{width:17px;height:17px}
.ed.ed-m .ed-mov{display:block;position:absolute;inset:0;pointer-events:none}
.ed-movr{position:absolute;right:6px;top:6px;display:flex;flex-direction:column;gap:6px;transition:opacity .2s}
.ed-movb{pointer-events:auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(6,7,11,.62);border:1px solid rgba(255,255,255,.14);color:var(--ink2);font:600 11px var(--f-mono);backdrop-filter:blur(6px)}
.ed-movb svg{width:19px;height:19px}.ed-movb.on{color:var(--gold2);border-color:rgba(242,184,75,.5)}
.ed-done{pointer-events:auto;position:absolute;left:50%;bottom:56px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 18px;border-radius:999px;background:var(--gold);color:#1b1204;font-weight:700;font-size:13.5px;box-shadow:0 8px 24px -6px rgba(0,0,0,.6);white-space:nowrap}
.ed-done svg{width:17px;height:17px}
.ed.ed-m .ed-done:active{transform:translateX(-50%) scale(.95)}
.ed.ed-noctl .ed-trans,.ed.ed-noctl .ed-movr{opacity:0;pointer-events:none}
.ed.ed-noctl .ed-trans *{pointer-events:none}
/* trash zone while dragging something on the film */
.ed-trash{position:absolute;left:50%;bottom:8px;transform:translate(-50%,20px);display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;background:rgba(6,7,11,.75);border:1px dashed rgba(255,255,255,.35);color:var(--ink2);font-size:12.5px;font-weight:600;opacity:0;transition:opacity .15s,transform .15s,background .15s;pointer-events:none}
.ed-trash svg{width:18px;height:18px}
.ed.ed-dragobj .ed-trash{opacity:1;transform:translate(-50%,0)}
.ed.ed-overtrash .ed-trash{background:#E5484D;border-color:#E5484D;color:#fff;transform:translate(-50%,0) scale(1.08)}
.ed.ed-dragobj .ed-trans{opacity:0}
.ed-pp{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;display:grid;place-items:center;background:rgba(6,7,11,.55);color:#fff;pointer-events:none;animation:edpp .5s ease-out forwards}
.ed-pp svg{width:28px;height:28px}
@keyframes edpp{0%{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.15)}}
.ed-txtbig{font-size:18px!important;height:44px!important;min-width:220px}
/* frame-step strip */
.ed.ed-m .ed-fs{grid-column:1;grid-row:3;display:flex;align-items:center;gap:6px;padding:5px 6px;background:var(--deck);border-top:1px solid var(--line);min-width:0}
.ed-fsb{flex:none;width:52px;height:44px;border-radius:12px;background:var(--raise);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;gap:2px;color:var(--ink);font:600 11px var(--f-mono);touch-action:none}
.ed-fsb svg{width:16px;height:16px}
.ed-fsc{flex:1;min-width:0;height:44px;position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line2);touch-action:none;cursor:ew-resize}
.ed-fsc canvas{position:absolute;inset:0;width:100%;height:100%}
.ed-fsl{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gold);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.ed-fsf{position:absolute;left:50%;top:2px;transform:translateX(4px);font-size:9.5px;color:var(--gold2);background:rgba(6,7,11,.7);padding:0 4px;border-radius:4px}
.ed-fs.tick .ed-fsl{animation:edtick .16s ease-out}
@keyframes edtick{0%{transform:scaleX(2.6);background:#fff}100%{transform:none}}
/* timeline under a fixed center playhead */
.ed.ed-m .ed-tl{grid-column:1;grid-row:4;position:relative;min-height:0;border-top:1px solid var(--line2);display:block}
.ed.ed-m .ed-tlsc{position:absolute;inset:0;height:auto;overflow-x:auto;overflow-y:auto;touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ed.ed-m .ed-tlsc::-webkit-scrollbar{display:none}
.ed.ed-m .ed-mph{display:block;position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gold);z-index:9;pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.ed.ed-m .ed-mph i{position:absolute;left:-7px;top:0;width:16px;height:10px;background:var(--gold);clip-path:polygon(0 0,100% 0,50% 100%)}
.ed.ed-m .ed-mph.tick{animation:edtick .18s ease-out}
.ed-tlm .ed-row{border-bottom:1px solid var(--line);position:relative}
.ed-tlm .ed-rrow{height:24px;position:sticky;top:0;z-index:7;background:var(--deck)}
.ed-tlm .ed-ruler{height:24px;position:relative}
.ed-tlm .ed-ruler i{position:absolute;bottom:0;width:1px;height:5px;background:rgba(255,255,255,.22)}
.ed-tlm .ed-ruler i.mj{height:10px;background:rgba(255,255,255,.5)}
.ed-tlm .ed-ruler span{position:absolute;top:2px;transform:translateX(3px);font:500 9.5px var(--f-mono);color:var(--mut);white-space:nowrap;pointer-events:none}
.ed-kd{position:absolute;bottom:2px;width:9px;height:9px;margin-left:-4.5px;background:var(--gold);transform:rotate(45deg);border-radius:1px;pointer-events:none}
.ed-rdot{position:absolute;top:13px;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:transparent;z-index:2}
.ed-rdot::after{content:"";position:absolute;left:8px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--ok)}
.ed-rdot.flag::after{background:#E5484D}.ed-rdot.cant::after{background:var(--mut)}
.ed-tlm .ed-lane{overflow:visible;position:relative;height:100%}
.ed-lname{position:sticky;left:6px;z-index:1;display:inline-flex;align-items:center;gap:4px;font-size:9.5px;color:var(--mut);opacity:.75;pointer-events:none;white-space:nowrap;height:100%}
.ed-lname svg{width:11px;height:11px}
.ed-tlm .ed-empty.ed-sticky{position:sticky;left:118px;top:auto;transform:none;white-space:nowrap;font-size:11px;color:var(--mut2);display:inline-flex;align-items:center;height:100%;margin-left:8px;pointer-events:none}
.ed-plusn{position:sticky;float:right;right:6px;top:3px;z-index:8;height:22px;min-width:34px;padding:0 7px;border-radius:999px;background:var(--raise2);border:1px solid var(--line2);font:600 11px var(--f-mono);color:var(--ink)}
.ed-plusn::before{content:"";position:absolute;inset:-11px -5px}
.ed-plusn.on{border-color:var(--violet);color:var(--violet2)}
.ed-tlm .ed-row.r-V1{background:rgba(255,255,255,.02)}
.ed-tlm .ed-clip{top:4px;bottom:4px;height:auto;border-radius:8px}
.ed-tlm .ed-clip .ed-cn{bottom:3px;top:auto;font-size:11px}
.ed-tlm .ed-clip.frz{background:repeating-linear-gradient(135deg,#1c2a3a 0 8px,#22344a 8px 16px);border-color:rgba(127,227,255,.6)}
.ed-tlm .ed-clip.frz .ed-cn svg{width:12px;height:12px;margin-right:3px}
.ed-durc{position:absolute;top:3px;left:50%;transform:translateX(-50%);z-index:5;height:18px;padding:0 7px;border-radius:999px;background:rgba(6,7,11,.85);color:var(--gold2);font:600 10.5px var(--f-mono);display:flex;align-items:center;white-space:nowrap;pointer-events:none}
.ed-dur{font-style:normal;font:600 9.5px var(--f-mono);color:var(--gold2);margin-left:5px}
.ed-chip{position:absolute;bottom:auto;border-radius:5px;border:1px solid;overflow:hidden}
.ed-chip .ed-cn{position:absolute;top:0;bottom:0;left:6px;right:4px;font-size:10px;display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden}
.ed-chip .ed-cn svg{width:11px;height:11px;flex:none}
.ed-chip.k-title{background:linear-gradient(180deg,#46336e,#2f2350);border-color:rgba(182,168,255,.55)}
.ed-chip.k-mark{background:rgba(20,23,34,.95);border-color:color-mix(in srgb,var(--mc) 70%,transparent);box-shadow:inset 3px 0 0 var(--mc)}
.ed-chip.k-pip{background:#2c2550;border-color:rgba(127,227,255,.5)}
.ed-chip.k-cut{background:rgba(242,184,75,.55);border-color:var(--gold)}
.ed-chip.k-caps{background:rgba(127,227,255,.14);border-color:rgba(127,227,255,.5);color:var(--ink);padding:0;text-align:left}
.ed-chip.ed-aud{background:rgba(20,23,34,.9)}
.ed-chip.ed-aud.vo{border-color:rgba(127,227,255,.5)}.ed-chip.ed-aud.a2{border-color:rgba(182,168,255,.5)}
.ed-chip.ed-aud svg:not(.ed-cn svg){position:absolute;left:0;top:1px;width:100%;opacity:.8}
.ed-chip.ed-aud .ed-cn{text-shadow:0 1px 2px #000}
.ed.ed-m .ed-it.sel{box-shadow:0 0 0 2px var(--violet2),0 0 0 4px rgba(149,129,248,.3);z-index:6}
.ed.ed-m .ed-it .ed-h{display:none}
/* trim handles: drawn 12-18 px, hit area twice that; flat bar at the media end */
.ed.ed-m .ed-it.sel .ed-h{display:block;position:absolute;top:0;bottom:0;width:16px;background:rgba(242,184,75,.95);touch-action:none;z-index:4}
.ed.ed-m .ed-it.sel .ed-h.l{left:0;border-radius:7px 0 0 7px}.ed.ed-m .ed-it.sel .ed-h.r{right:0;left:auto;border-radius:0 7px 7px 0}
.ed.ed-m .ed-it.sel .ed-h::before{content:"";position:absolute;top:-6px;bottom:-6px;left:-18px;right:-18px}
.ed.ed-m .ed-it.sel .ed-h::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:12px;margin:-6px 0 0 -1px;background:#1b1204;border-radius:2px}
.ed.ed-m .ed-it.sel .ed-h.end{width:6px;background:#fff}
.ed.ed-m .ed-it.sel .ed-h.end::after{display:none}
.ed.ed-m .ed-chip.sel .ed-h{width:12px}
.ed.ed-m .ed-it.lifted{z-index:20;box-shadow:0 14px 30px rgba(0,0,0,.65),0 0 0 2px var(--gold);opacity:.96}
.ed.ed-m .ed-snapl:not([hidden]){display:block}
.ed.ed-m .ed-snapl{position:absolute;top:0;bottom:0;width:0;border-left:1.5px dashed var(--gold2);z-index:8;pointer-events:none}
.ed.ed-m .ed-snapl.tick{animation:edsnap .22s ease-out}
@keyframes edsnap{0%{border-left-color:#fff;filter:drop-shadow(0 0 4px var(--gold))}100%{filter:none}}
.ed.ed-m .ed-cut{pointer-events:auto;top:50%;bottom:auto;width:26px;height:26px;margin:-13px 0 0 -13px;padding:0;border-radius:8px;background:rgba(6,7,11,.82);border:1px solid rgba(242,184,75,.7);color:var(--gold2);z-index:5;display:grid;place-items:center}
.ed.ed-m .ed-cut::before{display:none}
.ed.ed-m .ed-cut::after{content:"";position:absolute;inset:-9px}
.ed.ed-m .ed-cut span{position:static;transform:none;height:auto;min-width:0;background:none;box-shadow:none;color:inherit}
.ed.ed-m .ed-cut.has{background:var(--gold);color:#1b1204}
/* reorder: equal thumbnails */
.ed-reo{position:absolute;inset:0;z-index:12;background:rgba(6,7,11,.92);backdrop-filter:blur(3px)}
.ed-reo span{position:absolute;top:50%;left:0;width:60px;height:60px;margin-top:-30px;border-radius:10px;overflow:hidden;border:1px solid var(--line2);transition:transform .16s ease}
.ed-reo span.lift{transition:none;z-index:2;border:2px solid var(--gold);box-shadow:0 14px 30px rgba(0,0,0,.7);margin-top:-36px}
.ed-reo img{width:100%;height:100%;object-fit:cover}
.ed-reo b{position:absolute;left:4px;top:3px;font:600 10px var(--f-mono);background:rgba(6,7,11,.7);padding:0 4px;border-radius:4px}
/* toolbar: root, or contextual in its place with a back chevron */
.ed.ed-m .ed-mtb{grid-column:1;grid-row:5;display:flex;align-items:center;gap:0;padding:4px 2px;background:var(--deck);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain}
.ed.ed-m .ed-mtb::-webkit-scrollbar{display:none}
.ed-mtbb{flex:1 0 auto;min-width:56px;height:54px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;color:var(--ink2);font-size:10.5px;font-weight:600;white-space:nowrap;padding:0 7px}
.ed-mtbb svg{width:22px;height:22px}
.ed-mtbb.on{color:var(--gold2);background:rgba(242,184,75,.12)}
.ed-mtb.ctx{background:linear-gradient(180deg,rgba(149,129,248,.14),var(--deck))}
.ed-mtbx{color:var(--violet2);position:sticky;left:0;z-index:2;background:var(--deck);box-shadow:10px 0 12px -8px rgba(0,0,0,.8);border-radius:0 12px 12px 0;flex:0 0 auto;min-width:64px;max-width:96px}
.ed-mtbx span{max-width:88px;overflow:hidden;text-overflow:ellipsis}
.ed-mtsep{flex:none;width:1px;height:34px;background:var(--line2);margin:0 2px}
.ed-dot2{position:absolute;top:6px;right:calc(50% - 16px);width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px var(--deck)}
.ed-swi{width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.ed-wdi{width:22px;height:var(--w);border-radius:3px;background:currentColor;margin:calc((22px - var(--w)) / 2) 0}
.ed-pulse{animation:edpulse .28s ease-out}
@keyframes edpulse{0%{transform:scale(.9)}60%{transform:scale(1.05)}100%{transform:scale(1)}}
.ed.ed-m .ed-mtb{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),rgba(0,0,0,.35));mask-image:linear-gradient(90deg,#000 calc(100% - 22px),rgba(0,0,0,.35))}
.ed.ed-m .ed-phbar{grid-column:1;grid-row:6;display:flex;align-items:flex-start;padding:6px 10px 0;border-top:1px solid var(--line);background:var(--deck)}
/* Carol's suggestion chip, floating above the toolbar */
.ed.ed-m .ed-sug{display:flex;position:absolute;left:8px;right:8px;bottom:calc(62px + 54px + env(safe-area-inset-bottom,0px) + 8px);z-index:11;justify-content:center;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.ed.ed-m .ed-sug.on{opacity:1;transform:none}
.ed.ed-m.ed-sugon .ed-tlm{padding-bottom:60px!important}
.ed.ed-m .ed-sug.on>*{pointer-events:auto}
.ed-sugb{display:flex;align-items:center;gap:8px;min-height:44px;max-width:calc(100% - 50px);padding:0 14px;border-radius:999px 0 0 999px;background:linear-gradient(135deg,var(--violet),var(--violetd));color:#fff;font-size:12.5px;font-weight:600;text-align:left;box-shadow:0 10px 28px -6px rgba(0,0,0,.7)}
.ed-sugb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-sugb svg{width:16px;height:16px;flex:none}
.ed-sugx{width:44px;height:44px;border-radius:0 999px 999px 0;background:var(--violetd);color:#fff;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.2);box-shadow:0 10px 28px -6px rgba(0,0,0,.7)}
.ed-sugx svg{width:15px;height:15px}
/* sheets: half height, drag up for full, swipe down closes and keeps the change */
.ed.ed-m .ed-ms{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;height:min(50vh,480px);z-index:170;background:var(--deck);border:1px solid var(--line2);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,.6);transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);touch-action:pan-y}
.ed.ed-m .ed-ms.open{transform:none}
.ed.ed-m .ed-ms.full{height:calc(100% - 52px - env(safe-area-inset-top,0px))}
.ed.ed-m .ed-ms.drag{transition:none}
.ed-ms-grab{height:24px;flex:none;position:relative;cursor:grab;touch-action:none}
.ed-ms-grab::after{content:"";position:absolute;left:50%;top:9px;width:44px;height:5px;margin-left:-22px;border-radius:5px;background:var(--line2)}
.ed-ms-h{display:flex;align-items:center;gap:8px;padding:0 6px 6px 16px;flex:none;touch-action:none}
.ed-ms-h b{flex:1;font-family:var(--f-disp);font-size:20px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.ed-ms-b{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:2px 14px 84px;-webkit-overflow-scrolling:touch}
.ed-ms-b .ed-ph2,.ed-ms-b .ed-chk,.ed-ms-b .ed-phase,.ed-ms-b .ed-still,.ed-ms-b .ed-log,.ed-ms-b .ed-rep{padding-left:0;padding-right:0}
.ed-ms-b .ed-phase{background:none}
.ed-ms-b .ed-cha .btn.sm,.ed-ms-b .ed-cb{height:40px;padding:0 14px;font-size:13px}
.ed-ms-b .ed-row2 .btn.sm{height:40px;font-size:13px}
.ed-ms-b .ed-in{height:44px;font-size:16px}
.ed-ms-b .ed-seg button{height:36px}
.ed-ms-b .ed-tg span{width:36px;height:22px}.ed-ms-b .ed-tg span::after{width:16px;height:16px}.ed-ms-b .ed-tg input:checked+span::after{transform:translateX(14px)}
.ed-ms-b .ed-rng input{height:32px}
.ed-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px;align-items:center}
.ed-chipb{min-height:40px;min-width:56px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--raise);font-size:13px;font-weight:600;color:var(--ink)}
.ed-chipb.on{border-color:var(--gold);background:rgba(242,184,75,.14);color:var(--gold2)}
.ed-bigg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 10px}
.ed-bigg.four,.ed-bigg.tools{grid-template-columns:repeat(4,minmax(0,1fr))}
.ed-bigg.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ed-bigb{min-height:66px;padding:8px 4px;border-radius:14px;background:var(--raise);border:1px solid var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink);text-align:center;line-height:1.15}
.ed-bigb svg{width:22px;height:22px;color:var(--violet2)}
.ed-bigb.on{border-color:var(--gold);background:rgba(242,184,75,.12)}.ed-bigb.on svg{color:var(--gold2)}
.ed-ar{display:block;height:30px;width:calc(30px * var(--ar));max-width:54px;max-height:40px;border:2px solid currentColor;border-radius:4px;opacity:.8}
.ed-bigb .ed-ar{height:min(30px,calc(54px / var(--ar)))}
.ed-curve{background:var(--raise);border:1px solid var(--line2);border-radius:12px;padding:6px;margin-bottom:8px}.ed-curve svg{width:100%;height:64px;display:block}
.ed-msh{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:700;margin:10px 0 6px;display:flex;align-items:center;gap:6px}
.ed-mshint{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;color:var(--ink2);margin:0 0 6px}.ed-mshint svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--violet2)}
.ed-segbig{width:100%}.ed-segbig button{height:40px!important;font-size:13px!important}
.ed-tgbig{font-size:14px;margin:12px 0 4px;white-space:normal}
.ed-swbig{gap:12px;flex-wrap:wrap}.ed-swbig button{width:40px;height:40px}
.ed-wdbig{gap:8px}.ed-wdbig button{width:auto;height:48px;flex:1;flex-direction:column;gap:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:12px}.ed-wdbig button i{width:30px}.ed-wdbig span{font-size:11.5px;color:var(--ink2)}
/* visual grids: transitions animate, text styles preview */
.ed-vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 10px}
.ed-vgrid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:420px){.ed-vgrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ed-vtile{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:center;font-size:12px;font-weight:600;color:var(--ink);padding:0;min-width:0}
.ed-vtile>b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-vtile.on .ed-vt,.ed-vtile.on .ed-tt{outline:2px solid var(--gold);outline-offset:2px}
.ed-vt{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--line2)}
.ed-vt i{position:absolute;inset:0}
.ed-vt .a{background:linear-gradient(135deg,#3a4a6b,#1d2638)}
.ed-vt .b{background:linear-gradient(135deg,#6b4a9a,#3a2b5a)}
.ed-vt.cut .b{animation:vtcut 2s steps(1) infinite}
.ed-vt.dissolve .b{animation:vtdis 2s ease-in-out infinite}
.ed-vt.wipe .b{animation:vtwipe 2s ease-in-out infinite}
.ed-vt.dip .b{animation:vtdis 2s ease-in-out infinite}
.ed-vt.dip .a{animation:vtdipa 2s ease-in-out infinite}
@keyframes vtcut{0%{opacity:0}50%{opacity:1}}
@keyframes vtdis{0%,20%{opacity:0}60%,100%{opacity:1}}
@keyframes vtwipe{0%,15%{clip-path:inset(0 100% 0 0)}65%,100%{clip-path:inset(0 0 0 0)}}
@keyframes vtdipa{0%,10%{opacity:1}35%,100%{opacity:0}}
.ed-tt{position:relative;display:flex;flex-direction:column;justify-content:center;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#2a3247,#141823);border:1px solid var(--line2);padding:6px;text-align:left}
.ed-tt.lower{justify-content:flex-end}
.ed-tt.lower i{position:absolute;left:6px;bottom:8px;width:3px;height:22px;background:var(--violet)}
.ed-tt.lower b{margin-left:8px;font-family:var(--f-disp);font-size:13px;color:#fff;letter-spacing:.04em}
.ed-tt.lower small{margin-left:8px;font-size:9px;color:var(--ink2)}
.ed-tt.big{align-items:center;text-align:center}
.ed-tt.big b{font-family:var(--f-disp);font-size:24px;color:var(--gold2);line-height:1}
.ed-tt.big small{font-size:8.5px;letter-spacing:.16em;color:var(--ink2)}
.ed-tt.card{align-items:center;flex-direction:row;gap:6px}
.ed-tt.card i{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--violet));flex:none}
.ed-tt.card b{font-size:12px;color:#fff}
/* export */
.ed-exm{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.ed-exsum{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--raise);border:1px solid var(--line2);margin:8px 0;font-size:12.5px;color:var(--ink2)}
.ed-exsum .mono{color:var(--ink);font-weight:600}
.ed-wbtn{width:100%;height:48px;justify-content:center;font-size:15px;margin-top:6px}
.ed-exring{position:relative;width:150px;height:150px;margin:10px auto 8px}
.ed-exring svg{width:100%;height:100%}
.ed-exring circle{transition:stroke-dashoffset .2s linear}
.ed-exring b{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:var(--gold2)}
.ed-ok{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:8px auto 4px;background:rgba(61,214,140,.15);color:var(--ok)}
.ed-ok svg{width:28px;height:28px}
.ed-h3{text-align:center;font-family:var(--f-disp);font-size:22px;margin:0 0 4px}
.ed-exm>.ed-mshint{justify-content:center;text-align:center}
/* captions */
.ed-caps{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.ed-capl{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:10px;background:var(--raise);border:1px solid var(--line)}
.ed-capt{flex:none;height:32px;min-width:48px;padding:0 6px;border-radius:8px;background:var(--raise2);font-size:11px;color:var(--gold2)}
.ed-capl>span{display:flex;flex-wrap:wrap;gap:2px;align-items:center;min-height:32px}
.ed-word{padding:6px 4px;border-radius:6px;font-size:14px;color:var(--ink);min-height:32px}
.ed-word:active{background:rgba(149,129,248,.2)}
.ed-wordin{width:110px!important;height:34px!important;font-size:14px!important}
/* first-run tips */
.ed.ed-m .ed-tipsm{display:block;position:absolute;inset:0;z-index:175;pointer-events:none}
.ed-tip{position:absolute;width:250px;transform:translate(-50%,-100%);pointer-events:auto;background:var(--raise2);border:1px solid var(--violet);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 18px 40px rgba(0,0,0,.6);animation:edtip .3s ease-out}
.ed-tip::after{content:"";position:absolute;left:calc(50% + var(--ax,0px) - 7px);bottom:-7px;width:14px;height:14px;background:var(--raise2);border-right:1px solid var(--violet);border-bottom:1px solid var(--violet);transform:rotate(45deg)}
.ed-tip b{font-size:14.5px}.ed-tip span{font-size:12.5px;color:var(--ink2)}
.ed-tip div{display:flex;align-items:center;gap:8px;margin-top:6px}.ed-tip small{flex:1;color:var(--mut);font-size:11px}.ed-tip [data-tip="skip"]{font-size:12.5px;color:var(--ink2);padding:0 10px;min-height:40px}
.ed-tip .btn{min-height:40px}
@keyframes edtip{from{opacity:0;transform:translate(-50%,-92%)}to{opacity:1;transform:translate(-50%,-100%)}}
/* landscape phone: preview on the left; strip, timeline and tools on the right */
.ed.ed-m.ed-land{grid-template-columns:minmax(0,1fr) min(380px,46vw);grid-template-rows:40px 52px minmax(0,1fr) 58px 46px}
.ed.ed-m.ed-land .ed-top{grid-column:1/-1;grid-row:1}
.ed.ed-m.ed-land .ed-top .ed-ib{width:40px;height:40px}
.ed.ed-m.ed-land .ed-mon{grid-column:1;grid-row:2/6;border-right:1px solid var(--line2)}
.ed.ed-m.ed-land .ed-fs{grid-column:2;grid-row:2;border-top:0;border-bottom:1px solid var(--line)}
.ed.ed-m.ed-land .ed-fsb{width:44px}
.ed.ed-m.ed-land .ed-tl{grid-column:2;grid-row:3;border-top:0}
.ed.ed-m.ed-land .ed-mtb{grid-column:2;grid-row:4}
.ed.ed-m.ed-land .ed-phbar{grid-column:2;grid-row:5}
.ed.ed-m.ed-land .ed-mtbb{flex:1 0 auto;min-width:52px;height:50px;font-size:11px}
.ed.ed-m.ed-land .ed-sug{left:8px;right:auto;width:calc(100% - min(380px,46vw) - 16px);bottom:56px}
.ed.ed-m.ed-land .ed-ms{left:auto;top:0;width:min(380px,46vw);height:auto;border-radius:22px 0 0 22px;border:1px solid var(--line2);border-right:0;transform:translateX(105%)}
.ed.ed-m.ed-land .ed-ms.open{transform:none}
.ed.ed-m.ed-land .ed-ms.full{height:auto}
.ed.ed-m .ed-it,.ed.ed-m .ed-lane,.ed.ed-m .ed-row{touch-action:pan-x pan-y}
.ed.ed-m .ed-it.sel .ed-h{touch-action:none}
body:has(.ed.ed-m) #toast{bottom:auto;top:calc(52px + env(safe-area-inset-top,0px));transform:translate(-50%,-8px)}
body:has(.ed.ed-m) #toast.show{transform:translate(-50%,0)}
@media (min-width:384px){.ed.ed-m:not(.ed-land) .ed-mtb{-webkit-mask-image:none;mask-image:none}}
/* drafts: the Film Room with no film open on a phone */
.ed-drafts{position:absolute;inset:0;overflow-y:auto;background:var(--void);padding:0 0 90px}
.ed-dh{display:flex;align-items:center;gap:6px;height:52px;padding:0 6px;border-bottom:1px solid var(--line);background:var(--deck);position:sticky;top:0;z-index:2}
.ed-dh .ed-ib{width:44px;height:44px}
.ed-dh b{font-family:var(--f-disp);font-size:20px;text-transform:uppercase;letter-spacing:.04em}
.ed-dsec{padding:14px 16px 4px}
.ed-dsec .eyebrow{display:block;margin-bottom:10px}
.ed-dstrip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px;scroll-snap-type:x mandatory}
.ed-dstrip::-webkit-scrollbar{display:none}
.ed-dcard{flex:none;width:200px;display:flex;flex-direction:column;gap:3px;text-align:left;scroll-snap-align:start}
.ed-dcard img{width:200px;height:118px;object-fit:cover;border-radius:12px;border:1px solid var(--line2);margin-bottom:4px}
.ed-dcard b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-dcard small{font-size:11.5px;color:var(--mut)}
.ed-dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ed-dfilm{display:flex;flex-direction:column;gap:3px;text-align:left;min-width:0}
.ed-dfilm img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid var(--line2);margin-bottom:4px}
.ed-dfilm b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ed-dfilm small{font-size:11.5px;color:var(--mut)}
body:has(.ed.ed-m.ed-land) #toast{left:calc((100% - min(380px,46vw)) / 2);max-width:calc(100% - min(380px,46vw) - 24px);transition:opacity .25s,transform .25s}
/* phone: tap targets 40+ and text 11+ (mobile-native pass) */
.ed.ed-m .ed-title{height:40px}
.ed.ed-m .ed-save{font-size:11px;width:14px;overflow:hidden;white-space:nowrap;color:transparent;justify-content:flex-start}
.ed.ed-m .ed-ochip{height:40px;border-radius:12px}
.ed.ed-m .ed-ochip::before{display:none}
.ed.ed-m .ed-rdot{top:12px;width:40px;height:40px;margin:-20px 0 0 -20px}
.ed.ed-m .ed-rdot::after{left:17px;top:17px}
.ed.ed-m .ed-hud i,.ed.ed-m .ed-hud span{font-size:11px}
.ed.ed-m .ed-otc small{font-size:11px}
.ed.ed-m .ed-fsf{font-size:11px}
.ed.ed-m .ed-tlm .ed-ruler span{font-size:11px}
.ed.ed-m .ed-lname{font-size:11px}
.ed.ed-m .ed-mtbb{font-size:11px}
.ed.ed-m .ed-ms-b small,.ed.ed-m .ed-ms-b .muted{font-size:11.5px}
.ed.ed-m .ed-ms-b .ex,.ed.ed-m .ed-ex-in .ex{font-size:11px}
.ed.ed-m .ed-msh{font-size:11px}
.ed.ed-m .ed-durc{font-size:11px}
.ed.ed-m .ed-tt.lower small,.ed.ed-m .ed-tt.big small{font-size:11px}
.ed.ed-m .ed-tt.big small{letter-spacing:.08em}
.ed.ed-m .ed-ms-b .ed-phase,.ed.ed-m .ed-ms-b .ed-stc{font-size:11px}
.ed.ed-m .ed-ms-b .ed-rmb{font-size:12px;min-height:40px;padding:0 6px;display:inline-flex;align-items:center}
.ed.ed-m .ed-ms-b .ed-angl button{min-height:40px}
.ed.ed-m .ed-ms-b .ed-seg button{height:40px}
.ed.ed-m .ed-capt{height:40px}
.ed.ed-m .ed-capl>span{gap:0}
.ed.ed-m .ed-word{min-height:40px;min-width:40px;padding:0 5px}
.ed.ed-m .ed-chip .ed-cn{font-size:11.5px}
.ed.ed-m .ed-chip .ex,.ed.ed-m .ed-cn .ex{font-size:11px;padding:0 4px}
.ed.ed-m .ed-cn em,.ed.ed-m .ed-dur{font-size:11px}
.ed.ed-m .ed-cut{width:40px;height:40px;margin:-20px 0 0 -20px;background:none;border:0}
.ed.ed-m .ed-cut::after{display:none}
.ed.ed-m .ed-cut span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(6,7,11,.82);border:1px solid rgba(242,184,75,.7)}
.ed.ed-m .ed-cut.has{background:none;color:#1b1204}
.ed.ed-m .ed-cut.has span{background:var(--gold)}
.ed.ed-m .ed-ms:not(.open){visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
.ed-tip.below{transform:translate(-50%,0);animation:none}
.ed-tip.below::after{bottom:auto;top:-7px;transform:rotate(225deg)}

/* bk478: a full-screen view (the Film Room) owns the screen: the install banner never covers its toolbar */
body.full #mobBanner{display:none!important}
.ed.ed-m .ed-it.sel{z-index:6}
.ed-dph{display:grid;place-items:center;width:100%;aspect-ratio:16/9;border-radius:10px;background:var(--raise2);color:var(--mut)}
.ed-dph svg{width:28px;height:28px}

/* bk488: render on Siize (the price line), captions from the sound, the 3D body, publishing the report */
.ed-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.ed-exq{display:block;font-size:11.5px;line-height:1.4;margin-top:4px;color:var(--mut)}.ed-exq.free{color:var(--green,#4ADE80)}.ed-exq.paid{color:var(--gold2,#F2B84B)}
.ed-exeng{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.ed-exeng .seg{max-width:100%}.ed-exeng .btn{margin-top:4px}
.ed-exr .ed-f .seg+.ed-exq{grid-column:1/-1}
.ed-capq{display:flex;flex-direction:column;gap:10px;padding:24px 20px 20px}.ed-capq .h-l{font-size:22px;margin:0;padding-right:36px}.ed-capq .kicker{display:flex;align-items:center;gap:6px}.ed-capq .kicker svg{width:16px;height:16px}.ed-capq .ed-sel{width:100%;min-height:40px}.ed-capq .ed-row2{flex-wrap:wrap}
.ed-pubnote{width:100%;box-sizing:border-box;min-height:72px;resize:vertical;font:inherit;margin:6px 0}
.ed-pubst{display:flex;align-items:center;gap:6px;color:var(--green,#4ADE80);font-size:11.5px;margin-top:4px}.ed-pubst svg{width:14px;height:14px}
.ed.ed-t3d:not(.ed-m){grid-template-columns:208px 46px minmax(0,1fr) 430px}
.ed-b3d{display:flex;flex-direction:column;gap:10px;padding:10px 12px;min-width:0}
.b3h{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.b3h b{margin-right:auto;font-size:13px}
.b3tag{font:600 10.5px var(--f-mono,monospace);color:#7FE3FF;border:1px solid #2D5166;background:#0F1D29;border-radius:99px;padding:3px 8px}.b3tag.gold{color:#F2B84B;border-color:#6B5321;background:#1D170A}
.b3wrap{position:relative;border:1px solid var(--line);border-radius:12px;background:radial-gradient(120% 90% at 50% 40%,#161A2E,#0A0C14);overflow:hidden}
#b3c{display:block;width:100%;height:300px;touch-action:none;cursor:grab}#b3c:active{cursor:grabbing}
.b3views{position:absolute;left:8px;top:8px;display:flex;gap:5px;flex-wrap:wrap;right:8px}
.b3leg{position:absolute;left:10px;bottom:8px;right:10px;display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--mut);pointer-events:none}.b3leg i{width:9px;height:9px;border-radius:3px;display:inline-block}.b3leg span{margin-left:auto}
.b3graph{border:1px solid var(--line);border-radius:12px;background:var(--raise);padding:9px 10px;display:flex;flex-direction:column;gap:5px}
.b3gh{display:flex;align-items:baseline;gap:8px;font-size:12.5px}.b3gh span{margin-left:auto;font-size:12px}
#b3g{width:100%;height:92px;display:block;cursor:pointer;touch-action:none}.b3gf{font-size:11px;color:var(--mut)}
.b3grp{display:flex;flex-direction:column;gap:4px}.b3gt{display:flex;align-items:baseline;gap:7px;font-size:12px;margin-top:4px;flex-wrap:wrap}.b3gt span{color:var(--mut);font-size:11px}
.b3gt em{margin-left:auto;font-style:normal;font:600 10px var(--f-mono,monospace);padding:2px 7px;border-radius:99px;border:1px solid var(--line)}
.b3gt em.good{color:#4ADE80;border-color:#1F5A37}.b3gt em.fair{color:#7FE3FF;border-color:#2D5166}.b3gt em.est{color:#F2B84B;border-color:#6B5321}
.b3r{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.b3r.on{border-color:var(--violet);background:rgba(149,129,248,.1)}
.b3n{flex:1;min-width:0}.b3v{display:flex;gap:8px;font-size:12px}.b3v i{font-style:normal;min-width:44px;text-align:right}.b3v i.l{color:#7FE3FF}.b3v i.r{color:#F2B84B}.b3m{min-width:84px;text-align:right;color:var(--mut);font-size:11px}
.b3note{font-size:11px;color:var(--mut);line-height:1.45;margin:0}
.ed-m #b3c{height:240px}.ed-m .b3m{display:none}.ed-ms-b .ed-b3d{padding:0}

.ed-exf .btn:disabled,.ed-exm .btn:disabled{opacity:.42;cursor:not-allowed}
.ed-exeng .ed-chips{margin:0}
.ed-prop{padding:24px 20px 20px;display:flex;flex-direction:column;gap:10px}.ed-prop .h-l{padding-right:36px}
.ed-m .b3tag,.ed-m .b3leg,.ed-m .b3leg span,.ed-m .b3gt em{font-size:11px}.ed-ms-b .ed-rl b,.ed-ms-b .ed-rl span,.ed-ms-b .ed-rl small{font-size:12px}.ed-ms-b .ed-rep{padding:0}
.ed-ms-b .ed-rl{display:flex;flex-direction:column}.ed-ms-b .ed-rep{padding:0 2px}.ed-ms-b .ed-rep .ed-cnts.big span{font-size:12px}