.productionHome{background:#f4f6f8;color:#172a36;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.productionHome header{background:#fffefc;border-bottom:1px solid #dce4e7;backdrop-filter:blur(15px)}.productionHome header a{color:#236853}.productionHome main{max-width:1180px;margin:auto;padding:40px 24px 80px}.productionHome h1{font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px;line-height:1.12;margin:14px 0 20px}.productionHome h2{font-size:23px;letter-spacing:-.5px}.productionHome .intro{font-size:18px;max-width:720px;line-height:1.65;color:#536875}.productionHome .eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:#287559}.productionHome .productionCard{min-width:0;background:white;border:1px solid #dce4e9;border-radius:22px;padding:28px;margin:20px 0;box-shadow:0 8px 28px #17354305}.productionHome .productionCard p,.productionHome li{line-height:1.7}.productionHome .pricingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.productionHome .pricingGrid .productionCard{display:flex;flex-direction:column}.productionHome .pricingGrid button{margin-top:auto}.productionHome .price{font-size:42px;font-weight:750;margin:8px 0}.productionHome .price small{font-size:15px;font-weight:450;color:#536875}.productionHome .featured{border:2px solid #2c765c;background:#f5fbf7}.productionHome button,.productionHome .actionLink{background:#266c55;border:1px solid #266c55;border-radius:11px;color:white;padding:13px 20px;cursor:pointer;font-weight:650;line-height:1.3}.productionHome button:disabled{background:#e9edf0;color:#7a8b94;border-color:#dce4e9;cursor:default}.productionHome button.secondary{background:white;color:#28574c;border-color:#ccdcd5}.productionHome input,.productionHome select{background:#fff;border:1px solid #cbd7df;color:#172a36;border-radius:10px;padding:12px;width:100%;max-width:100%;box-sizing:border-box;margin:7px 0 15px}.productionHome .notice{background:#e7f1ec;color:#234e3f;padding:15px 20px;border-radius:12px;line-height:1.6}.productionHome .hint{color:#637887;font-size:13px}.productionHome .formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.productionHome .teamRow,.productionHome .cueRow{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e3e9ed;padding:14px 0;flex-wrap:wrap;overflow-wrap:anywhere}.productionHome .cueRow>span{flex:1;min-width:180px}.productionHome .teamRow input{flex:2;min-width:160px}.productionHome .teamRow select{flex:1;min-width:120px}.productionHome .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.productionHome .toolbar select{width:auto;min-width:220px;margin:0}.productionHome .programAction{background:#a83d43;border-color:#a83d43}.productionHome .workspaceTrail{background:white;border-color:#dce4e7}.productionHome .workspaceTrail a{color:#45645b;border-color:#dce4e7}.productionHome .workspaceTrail a[aria-current=page]{color:#174d38;background:#e4f2e9}.productionHome [hidden]{display:none!important}.productionHome a{color:#236853}.productionHome :focus-visible{outline:3px solid #4da68c;outline-offset:3px}@media(max-width:760px){.productionHome main{padding:26px 16px 60px}.productionHome .pricingGrid,.productionHome .formGrid{grid-template-columns:1fr}.productionHome .productionCard{padding:22px}.productionHome header{position:static}.productionHome header nav{flex-wrap:wrap}.productionHome h1{letter-spacing:-1px}}

.productionHome p,.productionHome li{color:#415865}.productionHome .price{color:#172a36}.productionHome .eyebrow{color:#287559}.productionHome .notice{color:#234e3f}.productionHome .hint,.productionHome small{color:#536875}.productionHome a.actionLink{color:#fff}

/* Producer Desk: show assets, rundown and preparation stay visible together. */
.producerDesk{background:#edf1f4}.producerDesk header{position:static;background:#101b28;border:0;color:#eaf2f5;padding:20px 30px;display:flex;justify-content:space-between;gap:20px}.producerDesk header a{color:#e5f0ec;text-decoration:none}.deskBrand{font-weight:850;letter-spacing:1px}.deskBrand span{font-size:10px;letter-spacing:2px;color:#bce989;border-left:1px solid #687779;margin-left:16px;padding-left:16px}.producerDesk main{max-width:1840px;padding:28px 28px 80px}.deskHeading{display:flex;align-items:center;justify-content:space-between;gap:36px}.deskHeading h1{font-size:clamp(30px,3.1vw,48px);margin:8px 0 12px;letter-spacing:-1.7px}.deskHeading .intro{margin:0}.showPicker{min-width:300px;max-width:420px;flex:1}.showPicker>label{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#38575b}.showPicker select{font-weight:700;padding:14px}.showPicker .toolbar{justify-content:flex-end}.producerDesk .notice{margin:24px 0 18px;padding:12px 18px;font-size:14px}.showStrip{display:flex;align-items:center;gap:20px;margin:22px 0 16px}.showStrip>div{display:flex;align-items:baseline;gap:15px;flex:1;min-width:0}.showStrip strong{font-size:24px;letter-spacing:-.6px;overflow-wrap:anywhere}.showStrip span{font-size:12px;color:#526b72}.showStrip .roleBadge{background:#dce9e0;color:#276348;padding:7px 11px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:1px}.producerDesk .showStrip .actionLink{padding:9px 16px;font-size:12px;text-decoration:none}.monitorDeck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 270px;gap:16px;padding:20px;background:#111d2a;border-radius:19px;box-shadow:0 10px 25px #0b1a2520}.monitorBox{min-width:0;align-self:start}.monitorLabel{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;color:#bdcdd5}.previewBadge,.programBadge{font-weight:800;font-size:9px;letter-spacing:1px;padding:4px 7px;border-radius:4px;background:#244a3e;color:#bcebbf}.programBadge{background:#613039;color:#ffc2bf}.monitorPicture{position:relative;aspect-ratio:16/9;background:#071019;border:1px solid #33424e;border-radius:9px;overflow:hidden}.monitorPicture img{position:absolute;width:100%;height:100%;object-fit:contain;z-index:1;background:#071019}.monitorEmpty{position:absolute;inset:0;display:grid;place-content:center;color:#8ea0ae;font-size:13px;text-align:center;padding:30px;background:radial-gradient(ellipse at center,#23364740,transparent 65%)}.connectionRail label{color:#d3e0e4;font-size:12px}.connectionRail p{color:#c3d0d6;font-size:12px}.connectionRail small{color:#94aab3;line-height:1.5;display:block}.producerDesk .connectionRail select{background:#20313e;border-color:#3c515e;color:#edf6f4;padding:10px;font-size:12px}.connectionRail #operatorPanel{display:grid;gap:8px;margin-top:18px}.producerDesk .connectionRail button{padding:11px;font-size:12px}.producerDesk .connectionRail .secondary{background:transparent;border-color:#576b75;color:#d4e3e5}.takeButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.producerDesk .takeButtons button{font-size:15px;font-weight:850;letter-spacing:1px}.deskGrid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(340px,1.65fr) minmax(290px,1fr);gap:18px;align-items:start;margin-top:20px}.producerDesk .deskGrid .productionCard{margin:0;padding:23px;border-radius:17px;box-shadow:0 5px 15px #0b1a2505}.sectionHeading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}.sectionHeading .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 7px}.sectionHeading h2{font-size:21px;margin:0;letter-spacing:-.6px}.countBadge{padding:5px 8px;border-radius:6px;background:#edf2f4;color:#58727a;font-size:10px;white-space:nowrap;font-weight:750}.uploadTile{display:block;padding:20px 14px;text-align:center;background:#f5f8f8;border:1.5px dashed #b9cdd1;border-radius:11px;color:#355c57;font-size:12px;font-weight:700;cursor:pointer}.uploadTile input{display:none}.creativeButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.producerDesk .creativeButtons button{grid-column:1/-1;background:#1c3d4c;font-size:13px}.secondaryLink{border:1px solid #d9e3e5;border-radius:8px;padding:10px 8px;text-align:center;text-decoration:none;font-size:11px;line-height:1.4}.producerDesk #importAssets{width:100%;font-size:12px;padding:10px}.producerDesk .searchLabel input{margin:20px 0 10px;background:#f5f7f9;font-size:12px}.assetFilters{display:flex;gap:7px;margin-bottom:16px}.producerDesk .assetFilters button{background:transparent;color:#60767e;border-color:transparent;padding:6px 10px;font-size:11px}.producerDesk .assetFilters button[aria-pressed=true]{color:#205845;background:#e7f1eb;border-color:#d1e5d9}.assetGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.producerDesk .assetCard{padding:0;overflow:hidden;background:white;border:1px solid #dce5e7;border-radius:9px;color:#19333c;text-align:left;min-width:0;transition:transform .15s,box-shadow .15s}.producerDesk .assetCard:hover{transform:translateY(-2px);box-shadow:0 5px 14px #102b3420}.assetVisual{aspect-ratio:16/10;background:linear-gradient(135deg,#19334a,#3b5d64);display:grid;place-items:center;overflow:hidden}.assetVisual img{width:100%;height:100%;object-fit:cover}.videoGlyph{font-size:28px;color:#e2f2df}.assetCard b{display:block;padding:10px 10px 4px;font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assetCard small{display:block;padding:0 10px 10px;font-size:8px;letter-spacing:.7px}.assetGrid .emptyState{grid-column:1/-1;font-size:13px;padding:20px 0}.quickCueButtons{display:flex;flex-wrap:wrap;gap:6px}.producerDesk .quickCueButtons button{padding:9px 10px;background:#f3f7f6;color:#356454;border-color:#dbe7e1;font-size:10px}.rundownList{margin-top:20px}.rundownCue{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dfe7ea;border-radius:10px;padding:13px 12px;margin:9px 0;background:#fff;transition:background .15s}.rundownCue.selected{border-color:#7fae98;background:#f2f9f5;box-shadow:inset 3px 0 #3f8a63}.cueNumber{font-size:12px;color:#8798a1;font-variant-numeric:tabular-nums}.producerDesk button.cueSelect{background:none;border:0;color:#1d3540;padding:0;text-align:left;min-width:0}.cueSelect strong{display:block;overflow-wrap:anywhere;line-height:1.5;font-size:13px}.cueSelect small{display:block;font-size:10px;margin-top:5px;color:#71828b}.cueState{font-size:9px;white-space:nowrap;padding:4px 7px;border-radius:5px;background:#e9f5ed;color:#377456}.cueState.needs-work{background:#fff0db;color:#876626}.cueState.done{background:#e9eef3;color:#6b7a89}.cueActions{grid-column:2/-1;display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.producerDesk .cueActions button{font-size:9px;padding:5px 8px;border-radius:5px}.producerDesk .cueActions .loadPreview{background:#276c55;color:#fff;border-color:#276c55;margin-right:auto}.emptyRundown{padding:70px 24px;background:#f6f8fa;border:1px dashed #ccd9dd;border-radius:13px;text-align:center;color:#789099;font-size:14px;line-height:1.8}.inspector{position:sticky;top:18px}.producerDesk .inspector h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere}.inspector p{font-size:12px}.inspector label{display:block;font-size:11px;color:#415d68;font-weight:650;margin-top:14px}.producerDesk .inspector input,.producerDesk .inspector select,.producerDesk .inspector textarea{margin:6px 0 0;padding:10px;font-size:12px;background:#f8fafb}.producerDesk textarea{width:100%;box-sizing:border-box;border:1px solid #cbd7df;border-radius:9px;color:#213d46;font-family:inherit;resize:vertical}.producerDesk .inspector input[type=range]{padding:0;accent-color:#3b8966}.compositionMock{aspect-ratio:16/9;border-radius:8px;margin:16px 0 8px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 25% 80%,#54776e,#183849 65%,#0e1c28);display:grid;place-content:center}.compositionMock span{position:absolute;top:9px;left:10px;color:#c2d6d2;font-size:8px;letter-spacing:2px}.compositionMock strong{display:block;text-align:center;padding:16px;background:#1a2337dd;color:#fff;font-size:14px;line-height:1.7}.compositionMock small{color:#fff;font-size:8px;font-weight:400}.inspector #saveCue{margin-top:20px;width:100%;font-size:12px;padding:13px 10px}.inspector #cancelCueEdit{margin-top:8px;width:100%;font-size:11px;padding:9px}.inspectorActions{display:flex;flex-wrap:wrap;gap:5px}.producerDesk .inspectorActions button{font-size:10px;padding:6px}.crewNote{margin-top:24px;padding:16px;background:#f0f5f7;border-radius:9px;font-size:11px}.crewNote strong{color:#28544e}.crewNote p{font-size:11px;margin-bottom:0}.producerDesk .adminCard{margin-top:20px;border-radius:13px}.adminCard summary{font-weight:750;cursor:pointer}.adminCard .formGrid{margin-top:20px}#assetSelection img,#assetSelection video{width:100%;max-height:220px;object-fit:contain;border-radius:8px;margin-top:10px}.producerDesk dialog{color:#1c3540;background:white;border:1px solid #d8e3e6;border-radius:18px;padding:28px;width:min(650px,85vw);max-height:85vh;overflow:auto;box-shadow:0 25px 100px #06162655}.producerDesk dialog::backdrop{background:#081a2bbd;backdrop-filter:blur(5px)}#workspaceQR{display:block;width:220px;height:220px;margin:20px auto;image-rendering:pixelated}.producerDesk .quickFlyerDialog{width:min(1260px,94vw);background:#12222b;color:#eef6f4}.producerDesk .quickFlyerDialog header{padding:0;position:static}.producerDesk .quickFlyerDialog p,.producerDesk .quickFlyerDialog small,.producerDesk .quickFlyerDialog label{color:#d5e5e1}.producerDesk .quickFlyerDialog textarea{background:#08181e;color:#edf6f2}.srOnly{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1700px){.monitorDeck{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px}.monitorPicture{max-height:260px}.deskGrid{grid-template-columns:340px minmax(500px,1fr) 350px}}
@media(min-width:1151px){.producerDesk header{padding:14px 28px}.producerDesk main{padding-top:22px}.deskHeading h1{font-size:34px;margin:5px 0 8px}.deskHeading .intro{font-size:14px}.showPicker{display:grid;grid-template-columns:1fr auto;max-width:560px;align-items:center;gap:0 12px}.showPicker>label{grid-column:1/-1}.showPicker select{margin:5px 0}.showPicker .toolbar{flex-wrap:nowrap;gap:7px}.showPicker button{padding:11px;font-size:11px}.producerDesk .notice{margin:18px 0 12px}.showStrip{margin:14px 0 12px}.monitorDeck{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 350px;padding:16px}.monitorPicture{height:185px;max-height:none;aspect-ratio:auto;width:100%}.connectionRail{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-content:start}.connectionRail>label{grid-column:1/-1}.connectionRail select{margin:6px 0 0}.connectionRail p{margin:0;line-height:1.4}.connectionRail>small{font-size:10px}.connectionRail #operatorPanel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin:2px 0 0;gap:7px}.connectionRail .takeButtons{grid-column:1/-1}.connectionRail #operatorStatus,.connectionRail #previewRequests{grid-column:1/-1}.connectionRail #previewRequests:empty{display:none}.producerDesk .connectionRail button{padding:9px;font-size:11px}.deskGrid{margin-top:16px}}
@media(max-width:1150px){.deskGrid{grid-template-columns:260px minmax(0,1fr)}.inspector{grid-column:1/-1;position:static}.inspector #cueEditor{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.inspector #compositionFields{grid-row:1/5;grid-column:2}.inspector .crewNote{max-width:600px}.monitorDeck{grid-template-columns:1fr 1fr}.connectionRail{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.connectionRail>label{min-width:200px}.connectionRail #operatorPanel{display:flex;flex-wrap:wrap;margin:0}.connectionRail .takeButtons{display:flex}.connectionRail p{max-width:240px}.deskHeading{gap:20px}.showPicker{min-width:260px}}
@media(max-width:720px){.producerDesk main{padding:20px 14px 60px}.producerDesk header{padding:18px 15px;flex-wrap:wrap}.producerDesk header nav{gap:12px;font-size:11px}.deskHeading{display:block}.showPicker{margin-top:24px;max-width:none}.showStrip{flex-wrap:wrap;gap:12px}.showStrip>div{display:block;flex-basis:100%}.showStrip>div span{display:block;margin-top:8px}.monitorDeck{padding:12px;gap:10px}.monitorLabel{font-size:9px;flex-wrap:wrap}.monitorEmpty{font-size:10px;padding:15px}.deskGrid{grid-template-columns:1fr}.inspector{grid-column:auto;grid-row:2}.rundownPanel{grid-row:1}.assetRail{grid-row:3}.inspector #cueEditor{display:block}.producerDesk .deskGrid .productionCard{padding:20px}.monitorPicture{aspect-ratio:16/11}.assetGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.rundownCue{grid-template-columns:22px minmax(0,1fr) auto}.connectionRail>small{font-size:10px}.producerDesk .quickFlyerGrid{grid-template-columns:1fr}.deskBrand span{font-size:8px}.producerDesk .quickFlyerDialog>header{display:flex;gap:10px}}
