:root{font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182a45;background:#f5f8ff;--blue:#2778ec;--muted:#72839c;--stroke:#dde7f5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.filePick,button{border:1px solid #d0ddec;background:#fff;color:#233a5b;border-radius:11px;padding:9px 13px;font-weight:660;cursor:pointer;transition:background .15s}.filePick:hover,button:hover:not(:disabled){background:#edf5ff}button:disabled{cursor:not-allowed;opacity:.42}.drop:focus-visible,.filePick:focus-visible,.ruler:focus-visible,.segment:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69aaff;outline-offset:3px}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover:not(:disabled){background:#125ebf}button.danger{color:#b23749}.top{height:65px;border-bottom:1px solid var(--stroke);background:#fff;display:flex;align-items:center;gap:22px;padding:0 max(20px,calc((100vw - 1320px)/ 2))}.brand{text-decoration:none;color:#162e54;font-size:20px;white-space:nowrap;font-weight:850}.mark{display:inline-block;background:#3d97ff;color:#fff;border-radius:10px;padding:2px 10px;margin-right:5px}.crumb{color:#8190a4;font-size:13px}.crumb strong{color:#355477}.privacy{margin-left:auto;background:#ebf8f0;color:#1a8050;border-radius:30px;padding:5px 11px;font-size:12px}main{max-width:1320px;margin:auto;padding:32px 22px 70px}.hero{padding:12px 0 28px}.eyebrow{font-size:11px;color:#2875de;font-weight:850;letter-spacing:.16em}.hero h1{margin:10px 0 12px;font-size:clamp(33px,4.6vw,58px);letter-spacing:-.057em;line-height:1.08}.hero h1 em{color:#3385ed;font-style:normal}.hero>p{color:#697c95;max-width:870px;font-size:17px;margin:0 0 13px}.tip{display:inline-block;background:#fff3ce;color:#735c25;padding:8px 12px;border-radius:10px;font-size:12px}.panel{background:#fff;border:1px solid var(--stroke);border-radius:19px;box-shadow:0 11px 35px #23509b09;padding:21px;min-width:0}.gridTop{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:17px;align-items:start}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.panelhead h2{margin:0;letter-spacing:-.035em;font-size:20px}.panelhead p{font-size:12px;color:#74849c;margin:3px 0 0}.pill{color:#4570ad;background:#edf4ff;border-radius:30px;padding:4px 9px;font-size:11px;font-weight:700;white-space:nowrap}.monitorStage{background:#0d172a;border-radius:13px;overflow:hidden;aspect-ratio:16/9;position:relative;display:grid;place-items:center}.monitorStage canvas{display:block;width:100%;height:100%;object-fit:contain}.programBadge{position:absolute;top:12px;left:12px;background:#101c2bc7;color:#fff;padding:5px 9px;font-size:10px;border-radius:7px;letter-spacing:.08em}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.transport button{padding:8px 11px}.clock{margin-left:auto;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.seekLabel{display:block;margin-top:13px;font-size:12px;color:#627794;font-weight:700}.seekLabel input{width:100%;display:block;margin:10px 0;accent-color:var(--blue)}.keyhint,.micro{display:block;color:#8292a8;font-size:12px;line-height:1.6}.monitorStatus{margin-top:11px;padding:10px 12px;background:#f1f6ff;color:#41618a;font-size:12px;border-radius:11px}.drop{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;background:#f8fbff;border:2px dashed #b4cdf3;border-radius:13px;padding:16px;cursor:pointer}.drop.drag{border-color:#2d77de;background:#e9f3ff}.drop span:not(.upload){font-size:12px;color:#8191a7}.drop .upload{color:#3687ec;font-size:30px}.drop input,.filePick input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.controls label,.cutInspector label,.project>label,.twoFields label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px;margin:12px 0}.controls select,.cutInspector input,.cutInspector select,.project input,.twoFields select{border:1px solid #cddded;padding:9px;border-radius:10px;width:100%;background:#fff;color:#223957}.buttonrow{display:flex;gap:8px;flex-wrap:wrap}.buttonrow>*{flex:1;min-width:130px;text-align:center}.controls .micro{margin:14px 0}.progressBox{padding:12px;background:#f3f8ff;border-radius:12px;margin-top:12px}.progressTrack{height:8px;border-radius:12px;background:#dbe8fa;overflow:hidden}.progressTrack span{background:#3186f2;display:block;width:0%;height:100%}.cameraSection,.gridBottom,.learn,.timelineSection{margin-top:17px}.cameraGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.empty{padding:24px;text-align:center;color:#8494aa;background:#f6f9ff;border:1px dashed #cbdcf4;border-radius:12px;grid-column:1/-1}.cameraCard{background:#f8fbff;border:1px solid #dce7f5;border-radius:14px;padding:11px;min-width:0}.cameraCard.isActive{border-color:#4f9cf7;box-shadow:0 0 0 2px #c9e0ff}.cameraTitle{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;gap:6px}.camColor{border-radius:7px;background:#e2eeff;color:#1f6ad7;font-size:11px;padding:2px 7px}.cameraCard video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#09142a;border-radius:8px;margin:9px 0}.camName{display:block;font-size:12px;color:#425a77;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camDetails{font-size:11px;color:#7c8da5;margin:4px 0 9px}.camFields{display:grid;grid-template-columns:1fr;gap:7px}.camFields label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#677d97}.camFields input{min-width:0;width:100%;padding:7px;border:1px solid #d0dff0;border-radius:8px;background:#fff;color:#1f3655}.camActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.camActions button{padding:7px 9px;font-size:11px;flex:1}.audioResult{font-size:11px;color:#416e9f;margin-top:7px}.timelineShell{position:relative;padding:4px 0 20px}.ruler{height:30px;cursor:crosshair;position:relative;background:linear-gradient(to right,#f5f8fe,#eef4fd);border:1px solid #dde9f7;border-radius:10px 10px 0 0;touch-action:pan-y}.ruler .tick{position:absolute;top:8px;font-size:10px;color:#71849d;transform:translateX(-50%)}.segments{height:59px;display:flex;border:1px solid #dde9f7;border-top:0;overflow:hidden;border-radius:0 0 10px 10px;background:#f4f8ff}.segment{border:0;border-right:2px solid #fff;padding:4px 9px;border-radius:0;color:#fff;font-size:12px;font-weight:750;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.segment:nth-child(4n+1){background:#357fe6}.segment:nth-child(4n+2){background:#28a49b}.segment:nth-child(4n+3){background:#9863dc}.segment:nth-child(4n){background:#d78937}.segment.active{box-shadow:inset 0 0 0 3px #142f51}.emptySegment{display:grid;place-items:center;flex:1;color:#8391a6;font-size:12px}.playhead{position:absolute;top:0;bottom:13px;width:2px;background:#172b46;pointer-events:none;z-index:2}.playhead:before{content:"";position:absolute;top:-4px;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #172b46}.cutsRow{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.cutChip{padding:7px 11px;font-size:12px}.cutChip.active{background:#e8f2ff;border-color:#5e9df5}.cutInspector{background:#f6faff;padding:12px;border-radius:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:12px}.cutInspector h3{width:100%;margin:0;font-size:14px}.cutInspector label{margin:0;min-width:145px;flex:1}.gridBottom{display:grid;grid-template-columns:1.2fr 1fr;gap:17px}.twoFields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex;align-items:flex-start;gap:9px;margin:10px 0;font-size:13px}.checkbox input{accent-color:var(--blue);margin-top:4px}.filePick{display:block;position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.steps>div{padding:14px;background:#f5f9ff;border-radius:12px}.learn>p,.steps p{font-size:13px;color:#70809b}.learn h3{margin:18px 0 8px}.overlay[hidden],[hidden]{display:none!important}.overlay{position:fixed;inset:0;background:#0e1a33ba;z-index:90;display:grid;place-items:center}.dialog{background:#fff;border-radius:19px;padding:27px;width:min(450px,92vw)}.dialog h2{margin:0 0 8px}.dialog button{margin-top:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#142a49;color:#fff;padding:12px 17px;border-radius:12px;z-index:100;display:none;max-width:90vw}.toast.show{display:block}@media(max-width:1060px){.cameraGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.gridBottom,.gridTop{grid-template-columns:1fr}.crumb{display:none}.panel{padding:17px}.hero{padding:10px 0 24px}.steps{grid-template-columns:1fr}}@media(max-width:520px){main{padding:18px 11px 60px}.privacy{display:none}.cameraGrid{grid-template-columns:1fr}.twoFields{grid-template-columns:1fr}.cutInspector{display:block}.cutInspector label{margin:10px 0}.clock{width:100%}.hero h1{font-size:37px}}.filePick{position:relative;overflow:hidden}.filePick input{left:0;top:0}.twoFields input{border:1px solid #cddded;padding:9px;border-radius:10px;width:100%;background:#fff;color:#223957}.camWave{display:block;width:100%;height:38px;margin:8px 0 0;background:#edf4ff;border:1px solid #d8e6f9;border-radius:7px}.camFields input[type=range]{width:100%;accent-color:#347cf6;cursor:pointer;padding:0;min-height:28px}.camFields label{min-width:0}#resolution{min-width:0}.monitorStage canvas{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.deliver>label:not(.checkbox){display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:13px;font-weight:700;max-width:290px}.deliver>label:not(.checkbox) select{border:1px solid #cddded;padding:9px;border-radius:10px;width:100%;background:#fff;color:#223957}.camFields .subtleMini{display:inline-flex;margin-top:7px;padding:7px 10px;font-size:12px;background:#edf5ff;color:#1d5cb0;border:1px solid #bad4f5;border-radius:9px;cursor:pointer}.camFields .subtleMini:disabled{opacity:.48;cursor:not-allowed}.camFields label input[type=number]{width:100%;min-width:0}.buttonrow{flex-wrap:wrap}#audioGain{width:100%}#alignMarkers{white-space:normal}:is(#alignMarkers,#prevCut,#nextCut,.subtleMini):focus-visible{outline:3px solid #287cfa;outline-offset:3px}