:root{color-scheme:dark;--bg: #070907;--panel: #111611;--panel-2: #171d18;--line: #2c382d;--text: #eef5e8;--muted: #a3b19f;--hot: #ff4f5e;--signal: #91ff6b;--gold: #ffcf5a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#020302;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-height:100vh;padding:clamp(.75rem,2vw,1.25rem)}.shell:has(.review-panel[hidden]){grid-template-columns:minmax(0,1fr)}.stage{min-width:0;display:grid;align-items:center;justify-items:center}.monitor{position:relative;overflow:hidden;width:min(100%,78rem);aspect-ratio:16 / 9;max-height:calc(100vh - 2.5rem);background:#020302;border:1px solid rgba(145,255,107,.14);border-radius:8px;box-shadow:0 1.5rem 5rem #000000b8}.monitor.is-portrait{width:min(100%,30rem);aspect-ratio:9 / 16;justify-self:center}.monitor:not(.is-live-mode):not(.is-ready-mode) .controls-toggle{display:none}.monitor.is-reviewing .controls-toggle,.monitor.is-reviewing .capture-dock{display:none}#sourceVideo,#signalCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#sourceVideo{object-fit:contain;opacity:0}#signalCanvas{object-fit:contain}.brand-bug{position:absolute;top:max(.55rem,env(safe-area-inset-top));right:max(.6rem,env(safe-area-inset-right));z-index:2;display:none;width:clamp(2.2rem,4vw,3.4rem);height:auto;opacity:.46;filter:invert(1);pointer-events:none}.monitor.is-ready-mode .brand-bug,.monitor.is-live-mode .brand-bug{display:block}.monitor.is-ready-mode .brand-bug,.monitor.is-live-mode .brand-bug{top:max(.75rem,calc(env(safe-area-inset-top) + 2.35rem))}.idle{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:start;gap:.75rem;padding:clamp(1.25rem,5vw,4rem);background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px),linear-gradient(120deg,#91ff6b14,#ff4f5e14)}.idle-watermark{position:absolute;left:auto;right:clamp(1rem,7vw,5rem);top:50%;width:min(22rem,34%);height:auto;opacity:.085;filter:invert(1);transform:translateY(-50%);pointer-events:none}.idle.hidden{display:none}.brand{position:relative;z-index:1;margin:0;color:var(--signal);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{position:relative;z-index:1;max-width:16ch;margin:0;font-size:clamp(2.6rem,7vw,6.2rem);line-height:.92;letter-spacing:0}.idle p:last-child{max-width:38rem;margin:0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5}.idle-action{position:relative;z-index:1;justify-self:start;width:auto;min-width:13rem;min-height:3rem;margin-top:.6rem;padding:.25rem 1.1rem;border-color:#91ff6b57;background:#02030275;color:var(--signal);font-size:.74rem;font-weight:900;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status{position:absolute;left:.75rem;bottom:.75rem;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#91ff6bb8;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 .8rem rgba(0,0,0,.9)}.controls-toggle{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));z-index:4;min-height:2rem;padding:0 .65rem;border-color:#91ff6b3d;background:#02030257;color:var(--signal);font-size:.68rem;font-weight:900;text-transform:uppercase;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.live-controls{position:absolute;top:max(3rem,calc(env(safe-area-inset-top) + 2.7rem));right:max(.5rem,env(safe-area-inset-right));bottom:auto;z-index:3;display:flex;flex-direction:column;gap:.38rem;width:min(15.5rem,calc(100% - 1rem));max-height:calc(100% - 3.6rem);padding:.48rem;overflow:auto;border:1px solid rgba(145,255,107,.18);border-radius:8px;background:linear-gradient(90deg,rgba(145,255,107,.18),transparent 30%,transparent 70%,rgba(145,255,107,.1)),#0203024d;box-shadow:inset 0 1px #91ff6b2e,inset 0 -1px #91ff6b14,0 1rem 3rem #0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:thin}.phase-intro,.phase-source,.phase-ready{left:auto;top:max(3rem,calc(env(safe-area-inset-top) + 2.7rem));right:max(.5rem,env(safe-area-inset-right));transform:none}.phase-live{left:auto;right:max(.5rem,env(safe-area-inset-right));transform:none}.live-controls[hidden],.phase-intro .source-step,.phase-intro .source-tools,.phase-intro .begin-step,.phase-intro .tune-step,.phase-intro .capture-step,.phase-source .intro-step,.phase-source .tune-step,.phase-source .capture-step,.phase-ready .intro-step,.phase-ready .begin-step,.phase-ready .tune-step,.phase-ready .capture-step,.phase-live .intro-step,.phase-live .source-step,.phase-live .source-tools,.phase-live .begin-step,.phase-live .capture-step{display:none}.phase-source:not(.has-source) .source-tools{display:none}.phase-ready:not(.has-source) .source-tools{display:none}.live-controls-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.2rem .25rem;color:var(--signal);font-size:.66rem;font-weight:900;text-transform:uppercase}.live-controls-head button{min-height:1.75rem;padding:0 .5rem;background:#02030242;font-size:.64rem}.phase-intro .live-controls-head,.phase-source .live-controls-head,.phase-ready .live-controls-head{display:none}.controls{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1rem;align-self:stretch;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,black)}.controls .panel:first-of-type{margin-top:0}.group{display:grid;gap:.45rem}.live-controls .group,.live-controls .source-grid,.live-controls .record-row,.source-callout,.clip-picker{padding:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.live-controls .group{gap:.28rem}.live-step{display:grid;gap:.38rem;padding:0;border-bottom:1px solid rgba(145,255,107,.16);border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.live-step:last-child{border-bottom:0}.step-label{width:fit-content;margin:0;padding:0 0 .22rem;border:0;border-bottom:1px solid rgba(145,255,107,.28);border-radius:0;background:transparent;color:#91ff6bb8;font-size:.54rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.source-callout{display:grid;gap:.2rem}.source-callout strong{color:#eef5e8f5;font-size:.95rem;line-height:1.05}.source-callout span{color:#eef5e8a8;font-size:.63rem;line-height:1.25}.source-step{position:relative;align-content:start}.source-reset{position:absolute;top:0;right:0;width:1.55rem;min-height:1.55rem;padding:0;border-color:#91ff6b3d;border-radius:999px;background:#02030266;color:#eef5e8db;line-height:1}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem}.source-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-picker{display:grid;gap:.25rem;align-items:stretch}.clip-input{display:none}.phase-source:not(.has-source),.phase-ready,.phase-intro{width:min(18rem,calc(100% - 1rem))}.begin-step{margin-top:auto;padding-top:.22rem}.begin-step button{width:100%}label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.live-controls label{color:#eef5e8b8;font-size:.62rem;letter-spacing:.06em}input[type=file]{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}input[type=file].clip-input{display:none}.live-controls input[type=file]{padding:.34rem;border-color:#eef5e824;background:#0203021f;font-size:.68rem}input[type=email],input[type=text],textarea{width:100%;padding:.72rem;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}textarea{resize:vertical}input[type=range]{width:100%;accent-color:var(--signal)}.live-controls input[type=range]{height:1rem}.grid,.record-row,.type-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-labels{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}button{position:relative;min-height:2.75rem;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);cursor:pointer}.live-controls button{min-height:1.85rem;border-color:#91ff6b29;background:#02030238;color:#eef5e8e0;font-size:.62rem;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.type-labels button{min-height:1.75rem;padding:0 .25rem;color:var(--muted);font-size:.58rem;font-weight:900;text-transform:uppercase}.type-labels button.active{border-color:#91ff6bb8;background:#91ff6b21;color:var(--signal)}#tintSwatch{display:inline-block;width:1rem;height:1rem;border:1px solid var(--line);border-radius:999px;background:#555}a{color:var(--signal)}.links{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem;font-weight:800;text-transform:uppercase}.panel{display:grid;gap:.75rem;padding:.8rem;border:1px solid var(--line);border-radius:8px;background:#ffffff06}.panel p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.35}.panel-head,.auth-row{display:flex;align-items:center;gap:.6rem}.panel-head{justify-content:space-between;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.auth-row input{min-width:0}.auth-row button,.panel-head button{flex:0 0 auto}button:hover:not(:disabled){border-color:#91ff6b94}button:disabled{cursor:not-allowed;opacity:.46}.record{background:var(--hot);border-color:color-mix(in srgb,var(--hot) 70%,white);color:#fff;font-weight:900}.live-controls .record{background:#ff4f5e94}.capture-dock{position:absolute;right:max(.5rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));z-index:4;display:grid;grid-template-columns:minmax(5.6rem,auto);gap:.35rem;padding:.38rem;border:1px solid rgba(145,255,107,.18);border-radius:8px;background:#02030257;box-shadow:0 .9rem 2.4rem #00000070;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.capture-dock[hidden]{display:none}.capture-dock button{min-height:2.1rem;padding:0 .65rem;border-color:#91ff6b33;background:#02030247;color:#eef5e8e6;font-size:.68rem;font-weight:900;text-transform:uppercase}.capture-dock .record{border-color:color-mix(in srgb,var(--hot) 70%,white);background:#ff4f5ecc;color:#fff}.capture-step{grid-template-columns:1fr 1fr}.capture-step .step-label{grid-column:1 / -1}.record.recording{background:var(--gold);border-color:var(--gold);color:#171000}.record.recording:disabled{opacity:1}.phase-live.live-controls{border-color:#91ff6b14;background:#02030214;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.phase-live .live-step{border-bottom-color:#91ff6b14}.phase-live .step-label,.phase-live label{width:fit-content;padding:.16rem .32rem;border:1px solid rgba(145,255,107,.12);border-radius:4px;background:#0203028a;color:#eef5e8d1}.phase-live .type-labels button{background:#02030229}.phase-live .type-labels button.active{background:#91ff6b1c}.playback{width:100%;margin-top:auto;border:1px solid var(--line);border-radius:6px;background:#020302}.review-panel{position:absolute;top:max(3rem,calc(env(safe-area-inset-top) + 2.7rem));right:max(.5rem,env(safe-area-inset-right));z-index:5;display:grid;gap:.45rem;width:min(19rem,calc(100% - 1rem));max-height:calc(100% - 3.6rem);padding:.55rem;overflow:auto;border:1px solid rgba(145,255,107,.22);border-radius:8px;background:linear-gradient(90deg,rgba(145,255,107,.16),transparent 36%,transparent 72%,rgba(145,255,107,.08)),#02030280;box-shadow:0 1rem 3rem #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.review-head,.review-actions{display:flex;align-items:center;gap:.4rem}.review-head{justify-content:space-between;color:var(--signal);font-size:.66rem;font-weight:900;text-transform:uppercase}.review-head button{width:1.65rem;min-height:1.65rem;padding:0;border-radius:999px;background:#02030252;line-height:1}.review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.review-actions button,.review-panel button{min-height:1.9rem;font-size:.62rem;font-weight:900;text-transform:uppercase}.review-panel .panel{gap:.45rem;padding:.55rem;background:#02030233}.review-panel label{font-size:.62rem}.review-panel input,.review-panel textarea{padding:.5rem;font-size:.72rem}.review-panel .playback{margin:0}.review-panel .review-head button{min-height:1.65rem}.review-panel.is-submit-step .playback,.review-panel.is-submit-step>.review-actions{display:none}.submit-details{display:grid;gap:.45rem}.submit-details[hidden],.review-panel[hidden]{display:none}.page{width:min(68rem,100%);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.page-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-head h1{max-width:none;font-size:clamp(2.4rem,7vw,5rem)}.button-link{display:inline-grid;min-height:2.75rem;align-items:center;padding:0 1rem;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text);text-decoration:none}.notice{margin-bottom:1rem;color:var(--muted)}.video-grid,.review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem}.review-list{grid-template-columns:1fr}.video-card{display:grid;gap:.6rem;padding:.8rem;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.video-card video{width:100%;aspect-ratio:16 / 9;border-radius:6px;background:#020302}.video-card h2{margin:0;font-size:1.05rem}.video-card p{margin:0;color:var(--muted);line-height:1.4}.admin-auth{margin-bottom:1rem}@media (max-width: 860px){.shell{grid-template-columns:1fr}.monitor{max-height:none}.controls{align-self:auto}.live-controls{top:3.25rem;left:auto;right:.6rem;bottom:.6rem;width:min(15.5rem,calc(100% - 1.2rem))}}@media (orientation: landscape) and (max-height: 520px){body{overflow:hidden;background:#020302}.shell{display:block;min-height:100svh;padding:0}.stage{min-height:100svh}.monitor{height:100svh;max-height:none;border:0;border-radius:0;aspect-ratio:auto;box-shadow:none}.monitor.is-portrait{width:min(100vw,56.25svh);height:100svh}.controls{display:none}.status{left:max(.45rem,env(safe-area-inset-left));bottom:max(.45rem,env(safe-area-inset-bottom));min-width:0;padding:.32rem .45rem;border-color:#91ff6b33;background:#02030247;font-size:.62rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.controls-toggle{min-height:1.75rem;padding:0 .5rem;font-size:.58rem}.brand-bug{width:min(2.6rem,7vw);opacity:.38}.live-controls{top:max(2.35rem,calc(env(safe-area-inset-top) + 2.25rem));bottom:max(.35rem,env(safe-area-inset-bottom));width:min(13rem,36vw);max-height:calc(100svh - 2.7rem);gap:.32rem;padding:.36rem}.phase-intro,.phase-source,.phase-ready{left:auto;top:max(2.35rem,calc(env(safe-area-inset-top) + 2.25rem));right:max(.35rem,env(safe-area-inset-right));transform:none;width:min(17rem,54vw)}.phase-live{left:auto;right:max(.35rem,env(safe-area-inset-right));transform:none;width:min(13rem,36vw)}.live-controls-head{padding:.05rem .15rem;font-size:.56rem}.live-controls-head button{min-height:1.45rem;padding:0 .38rem;font-size:.55rem}.live-controls .group,.live-controls .source-grid,.live-controls .record-row,.source-callout,.clip-picker{padding:0;background:transparent}.live-step{gap:.24rem;padding:0 0 .28rem}.source-grid{gap:.18rem}.step-label{font-size:.46rem}.source-callout strong{font-size:.72rem}.source-callout span{font-size:.5rem}.live-controls label{font-size:.52rem}.live-controls button{min-height:1.48rem;font-size:.49rem}.capture-dock{right:max(.35rem,env(safe-area-inset-right));bottom:max(.35rem,env(safe-area-inset-bottom));gap:.22rem;padding:.28rem}.capture-dock button{min-height:1.6rem;padding:0 .45rem;font-size:.52rem}.review-panel{top:max(2.35rem,calc(env(safe-area-inset-top) + 2.25rem));right:max(.35rem,env(safe-area-inset-right));width:min(16rem,44vw);max-height:calc(100svh - 2.7rem);gap:.3rem;padding:.38rem}.review-panel .panel{gap:.32rem;padding:.38rem}.review-panel input,.review-panel textarea{padding:.34rem;font-size:.58rem}.live-controls input[type=file]{padding:.22rem;font-size:.5rem}.type-labels{gap:.2rem}.type-labels button{min-height:1.35rem;font-size:.47rem}#tintSwatch{width:.72rem;height:.72rem}}@media (max-width: 520px){.shell{padding:.6rem}.grid{grid-template-columns:1fr}.type-labels{grid-template-columns:repeat(3,minmax(0,1fr))}.live-controls{gap:.58rem;padding:.65rem}.live-controls .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-grid.source-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr))}.record-row{grid-template-columns:1fr 1fr}.auth-row,.page-head{align-items:stretch;flex-direction:column}}