.vod-shell{width:min(1280px,calc(100% - 32px));margin:0 auto 70px}.vod-hero{padding:26px;border:1px solid rgba(25,217,242,.18);border-radius:24px;background:linear-gradient(145deg,rgba(10,24,35,.94),rgba(5,10,15,.97));box-shadow:0 24px 70px rgba(0,0,0,.28)}.vod-hero h1{margin:8px 0 10px;font:900 clamp(50px,8vw,88px)/.86 "Barlow Condensed",sans-serif;text-transform:uppercase}.vod-hero h1 span{color:#7fe9f7}.vod-hero p{max-width:860px;color:#9fb0bc;line-height:1.6}.vod-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.vod-badges span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c4d3dc}.vod-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:18px 0}.vod-toolbar label,.vod-form label,.segment-editor label,.marker-form label,.rollup-grid label{display:grid;gap:6px;color:#9cb0bd;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vod-status{padding:12px 14px;border:1px solid rgba(25,217,242,.16);border-radius:14px;background:rgba(25,217,242,.04);color:#9edee7;font-size:13px}.vod-status.error{border-color:rgba(255,95,118,.25);color:#ff9cac}.vod-status.success{border-color:rgba(95,210,145,.25);color:#9be6bd}.vod-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.vod-kpi{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.025)}.vod-kpi small{display:block;color:#7f92a2;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.08em}.vod-kpi strong{display:block;margin-top:6px;font:900 30px/1 "Barlow Condensed",sans-serif}.vod-grid{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.55fr);gap:16px;align-items:start}.vod-panel{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(145deg,rgba(12,23,34,.9),rgba(5,10,15,.98));box-shadow:0 18px 48px rgba(0,0,0,.22)}.vod-panel h3{margin:4px 0 14px;font:900 29px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.vod-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vod-form .wide{grid-column:1/-1}.vod-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vod-library{display:grid;gap:8px;margin-top:14px;max-height:620px;overflow:auto}.vod-row{width:100%;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.02);color:#fff;text-align:left;cursor:pointer}.vod-row.active,.vod-row:hover{border-color:rgba(25,217,242,.32);background:rgba(25,217,242,.05)}.vod-row strong,.vod-row span{display:block}.vod-row small{display:block;margin-top:5px;color:#8397a5}.vod-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.vod-detail-head h2{margin:4px 0 5px;font:900 clamp(34px,5vw,58px)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase}.vod-detail-head p{margin:0;color:#8da1af}.vod-empty{padding:60px 20px;text-align:center;color:#7c909e}.segment-builder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.segment-builder .wide{grid-column:1/-1}.segment-builder label{display:grid;gap:5px;color:#93a5b1;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.segment-list{display:grid;gap:10px;margin-top:14px}.segment-card{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.02)}.segment-card.selected{border-color:rgba(25,217,242,.35);background:rgba(25,217,242,.045)}.segment-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.segment-card h4{margin:0;font:900 23px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.segment-card small{color:#8295a3}.segment-pill{padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.segment-pill.complete{color:#8ee9bb;border-color:rgba(95,210,145,.25)}.segment-pill.reviewing{color:#8edfed;border-color:rgba(25,217,242,.25)}.segment-pill.needs_review{color:#ffb0ba;border-color:rgba(255,95,118,.25)}.segment-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.segment-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.segment-editor .wide{grid-column:1/-1}.segment-editor textarea,.rollup-grid textarea{min-height:100px}.marker-form{display:grid;grid-template-columns:130px 150px 1fr 140px auto;gap:8px;align-items:end;margin-top:14px}.marker-list{display:grid;gap:7px;margin-top:10px}.marker-row{display:grid;grid-template-columns:82px 110px 1fr;gap:10px;align-items:start;padding:10px;border-bottom:1px solid rgba(255,255,255,.05)}.marker-row b{color:#7fe9f7}.marker-row small{color:#7d909d}.rollup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.rollup-grid .wide{grid-column:1/-1}.analysis-note{margin-top:14px;padding:12px 14px;border:1px solid rgba(246,183,60,.18);border-radius:14px;background:rgba(246,183,60,.04);color:#c8b986;font-size:12px;line-height:1.5}.video-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#7fe9f7;font-weight:800;font-size:12px}.section-divider{height:1px;background:rgba(255,255,255,.07);margin:20px 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.copy-feedback{font-size:11px;color:#9be6bd;margin-left:8px}@media(max-width:980px){.vod-grid{grid-template-columns:1fr}.vod-kpis{grid-template-columns:repeat(2,1fr)}.marker-form{grid-template-columns:1fr 1fr}.marker-form label:nth-child(3){grid-column:1/-1}.marker-form button{grid-column:1/-1}.segment-builder{grid-template-columns:1fr 1fr}}@media(max-width:620px){.vod-shell{width:min(100% - 20px,1280px)}.vod-toolbar,.vod-form,.segment-editor,.rollup-grid{grid-template-columns:1fr}.vod-form .wide,.segment-editor .wide,.rollup-grid .wide{grid-column:auto}.vod-kpis{grid-template-columns:1fr 1fr}.marker-form{grid-template-columns:1fr}.marker-form label:nth-child(3),.marker-form button{grid-column:auto}.segment-builder{grid-template-columns:1fr}.segment-builder .wide{grid-column:auto}.vod-detail-head{display:block}.vod-detail-head .vod-actions{margin-top:10px}.marker-row{grid-template-columns:72px 1fr}.marker-row span:last-child{grid-column:1/-1}}