/* Player media uses the Portal's graphite, teal and gold palette. */
.media-workspace{max-width:1500px;margin:2rem auto;padding:clamp(1rem,3vw,2rem);color:#e7e9ed}
.media-workspace [hidden]{display:none!important}.media-workspace *{box-sizing:border-box}
.media-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-bottom:1.7rem;border-bottom:1px solid #2b3e49}
.media-eyebrow{color:#cbb37a;letter-spacing:.18em;font-size:.72rem;font-weight:700;margin:0 0 .65rem}
.media-workspace h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em;margin:0 0 .65rem;line-height:1.1}
.media-intro{color:#c3cdd5;margin:0;font-size:1.02rem}.media-privacy{color:#99abb8;font-size:.8rem;line-height:1.7;margin:0;flex-shrink:0}
.media-workspace a{color:#dec78f;text-underline-offset:3px}.media-workspace p{overflow-wrap:anywhere}
.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.3rem 0 1.7rem}.media-library-nav{display:flex;gap:.5rem}.media-signin-note{font-size:.83rem;color:#adbac4;margin:0}
.media-workspace button,.media-workspace input,.media-workspace select{font:inherit}
.media-workspace button{color:#edf0f4;background:#17222c;border:1px solid #3d515c;border-radius:8px;padding:.55rem .85rem;cursor:pointer;min-height:40px;transition:background .12s,border-color .12s}
.media-workspace button:hover:not(:disabled){background:#24323e;border-color:#a6cbd1}.media-workspace button:active:not(:disabled){background:#314555}
.media-workspace button:focus-visible,.media-workspace input:focus-visible,.media-workspace select:focus-visible,.media-workspace a:focus-visible{outline:2px solid #d9bd7e;outline-offset:3px}
.media-workspace button:disabled{opacity:.5;cursor:default}.media-library-nav button{font-size:.86rem;color:#acbac5;background:transparent;border-color:transparent}.media-library-nav button[aria-pressed=true]{color:#e4cea0;border-color:#725f3e;background:#2a271f}
.media-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.media-workspace h2{font-size:1.1rem;line-height:1.4;margin:0}.media-section-heading p{margin:.35rem 0 0;color:#92a7b5;font-size:.82rem}.media-count{border:1px solid #334551;border-radius:30px;padding:.3rem .65rem;color:#c2cfd7;font-size:.76rem;white-space:nowrap}
.media-count:empty{display:none}.media-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.media-directory-empty{grid-column:1/-1;padding:2rem;border:1px dashed #3b4c56;border-radius:12px;text-align:center;color:#afbec9}
.media-workspace .media-card{margin:0;min-width:0;border:1px solid #2e424d;background:linear-gradient(150deg,#16232d,#111b24);border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.media-workspace .media-card.is-selected{border-color:#d5b976;box-shadow:0 0 0 1px #d5b97640}.media-workspace .media-card-button{display:block;width:100%;text-align:left;padding:0;border:0;border-radius:0;background:transparent;line-height:1.4}.media-workspace .media-card-button:focus-visible{outline-offset:-4px}
.media-preview{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 25%,#253b45,#0a1119 80%);overflow:hidden}.media-preview img{position:absolute;width:100%;height:100%;object-fit:contain}.media-preview-placeholder{text-align:center;color:#a0b1bd;font-size:.85rem;padding:1rem}.media-preview-placeholder::before{content:'◇';display:block;font-size:2rem;color:#8c805e;line-height:1.5}.media-stream-state{position:absolute;left:.75rem;top:.75rem;padding:.27rem .48rem;border:1px solid #43645d;background:#102821e8;border-radius:5px;color:#b9e9cf;letter-spacing:.08em;font-size:.63rem;font-weight:700}.media-stream-state[data-state=paused],.media-stream-state[data-state=warming]{color:#e6ce96;border-color:#776544;background:#30291de8}.media-preview-delay{position:absolute;bottom:.6rem;right:.65rem;padding:.2rem .4rem;background:#0a1119e6;border-radius:4px;font-size:.68rem;color:#cad6dd}
.media-card-copy{display:block;padding:1rem}.media-card-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;color:#f1e5cc;font-weight:650}.media-card-player{display:block;margin-top:.4rem;font-size:.85rem;color:#d3dee5}.media-card-details{display:block;margin-top:.28rem;color:#98adb9;font-size:.77rem}.media-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.9rem;padding-top:.7rem;border-top:1px solid #2e414c;color:#adc2ce;font-size:.72rem}.media-card-watch{color:#ddc690}.media-card-actions{padding:0 1rem 1rem;display:flex;gap:.5rem;flex-wrap:wrap}.media-card-actions button{font-size:.75rem;min-height:34px}.media-library-pager{display:flex;align-items:center;gap:.6rem;grid-column:1/-1;color:#adbec9;font-size:.8rem}
#media-status{color:#a7bac8;min-height:1.5rem;font-size:.84rem;margin:1.1rem 0}.media-watch-panel{border:1px solid #334752;background:#0f1821;border-radius:14px;overflow:hidden;scroll-margin-top:1rem}.media-watch-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid #2b3e49}.media-watch-heading .media-eyebrow{font-size:.63rem;margin-bottom:.3rem}.media-watch-heading h2{font-size:1.2rem;color:#eaddc1}.media-watch-heading p:last-child{margin:.35rem 0 0;font-size:.8rem;color:#a1b5c2}.media-watch-heading button{font-size:.78rem;flex-shrink:0}
.media-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0}.media-screen{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:360px;aspect-ratio:16/9;background:#070d12;overflow:hidden}.media-screen img,.media-screen canvas{width:100%;height:100%;max-height:70vh;object-fit:contain}.media-screen p{color:#aebfca;text-align:center;max-width:34rem;padding:1.5rem;font-size:.9rem}.media-audience{padding:1.15rem;border-left:1px solid #2b3e49;min-width:0}.media-audience h2{font-size:.9rem;color:#d4bf8a}.media-audience h2 span{font-size:.55rem;letter-spacing:.1em;color:#8ca99e;margin-left:.4rem}.media-audience input:not([type=checkbox]),.media-audience select{width:100%;background:#0a1118;border:1px solid #3c505a;color:#edf0f4;border-radius:6px;padding:.55rem}.media-audience option:disabled{color:#73838f}.media-audience label{display:block;font-size:.77rem;color:#adbfcb;margin:.8rem 0 .35rem}.media-chat-compose{display:flex;gap:.4rem}.media-chat-compose input{min-width:0}.media-chat-compose button{font-size:.77rem;padding:.45rem .65rem}.media-guest-actions{font-size:.82rem;line-height:1.6;border-top:1px solid #293b48;padding-top:1rem}
#media-chat{max-height:220px;min-height:70px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.media-chat-line{border-bottom:1px solid #26353e;padding:.65rem 0;font-size:.8rem}.media-chat-line strong{color:#a6cbd1;font-size:.69rem;font-weight:650}.media-chat-line time{display:inline;margin-left:.5rem;font-size:.65rem;color:#8199aa}.media-chat-line div{margin-top:.3rem;color:#d1dde5}.media-chat-empty{font-size:.8rem;color:#849cac;margin:.9rem 0}
.media-audience fieldset{border:1px solid #35454d;border-radius:10px;padding:.9rem;margin:1.4rem 0 0}.media-audience legend{font-size:.83rem;color:#dbc594;padding:0 .4rem}.media-audience .media-checkbox{display:flex;align-items:center;gap:.45rem;margin:.85rem 0}.media-checkbox input{width:16px;height:16px;accent-color:#cbb37a}.media-audience small{display:block;color:#8fa5b3;font-size:.7rem;line-height:1.55;margin-top:.8rem}.media-history{font-size:.72rem;line-height:1.5;color:#abbdc8;margin:.65rem 0}.media-workspace .media-primary{width:100%;background:#3a3324;border-color:#8d764b;color:#f4dfb0;font-size:.83rem}.media-workspace .media-primary:hover:not(:disabled){background:#4a3f2b;border-color:#d5b976}
.media-feedback{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #557362;background:#14271f;border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem;color:#c4e1ce}.media-feedback[data-kind=error]{border-color:#8a5857;background:#301f24;color:#edc2bf}.media-feedback[data-kind=busy]{border-color:#705f3c;background:#29261d;color:#e5d4b0}.media-feedback p{margin:0;font-size:.86rem}.media-feedback button{flex-shrink:0;font-size:.78rem}.media-audience #media-clip-playback h2{margin-bottom:1rem}#media-clip-seek{width:100%;padding:0;margin:.6rem 0;accent-color:#cbb37a}#media-clip-time{font-variant-numeric:tabular-nums}#media-moderation{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}#media-moderation:empty{display:none}#media-moderation button{font-size:.72rem;min-height:32px}
@media(min-width:1450px){.media-directory{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.media-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:minmax(0,1fr)}.media-audience{border-left:0;border-top:1px solid #2b3e49;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.media-audience fieldset{margin:0}.media-audience #media-moderation{grid-column:1/-1}.media-screen{min-height:260px}.media-hero{align-items:flex-start;gap:1.3rem;flex-direction:column}.media-privacy br{display:none}.media-toolbar{align-items:flex-start;flex-direction:column;gap:.65rem}}
@media(max-width:620px){.media-workspace{margin:1rem auto;padding:1rem}.media-directory{grid-template-columns:1fr}.media-section-heading{align-items:flex-start}.media-section-heading p{max-width:260px}.media-hero{padding-bottom:1.1rem}.media-privacy{font-size:.73rem}.media-screen{min-height:180px}.media-audience{display:block}.media-audience fieldset{margin-top:1.2rem}.media-watch-heading{padding:1rem;align-items:flex-start}.media-watch-heading h2{font-size:1.05rem}.media-feedback{align-items:flex-start;flex-direction:column;gap:.65rem}.media-signin-note{line-height:1.6}.media-card-copy{padding:.9rem}}
@media(prefers-reduced-motion:reduce){.media-workspace button,.media-workspace .media-card{transition:none}}

/* These view changes retain the same player canvas and decoder. */
.media-workspace[data-cinema=true]{max-width:1920px}
.media-workspace[data-cinema=true] .media-grid{grid-template-columns:minmax(0,1fr)}.media-workspace[data-cinema=true] .media-audience{border-left:0;border-top:1px solid #2b3e49;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.media-workspace[data-cinema=true] .media-audience fieldset{margin:0}
.media-view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.7rem 1rem;border-bottom:1px solid #2b3e49}.media-view-controls button{font-size:.77rem}.media-view-controls button[aria-pressed=true]{color:#e4cea0;border-color:#8d764b;background:#2a271f}.media-view-controls p{flex-basis:100%;margin:0;font-size:.8rem;color:#e5bfaa}.media-view-controls p:empty{display:none}
.media-size-control{display:flex;align-items:center;gap:.6rem;color:#adbfcb;font-size:.75rem;margin-left:auto}.media-size-control input{width:110px;accent-color:#cbb37a}.media-player-column{min-width:0}.media-watch-panel[data-sidebar=false] .media-grid{grid-template-columns:minmax(0,1fr)}
.media-watch-panel[data-resized=true] .media-screen{height:min(var(--media-player-height),80vh);min-height:180px;aspect-ratio:auto}.media-watch-panel[data-resized=true] .media-screen img,.media-watch-panel[data-resized=true] .media-screen canvas{max-height:100%}
.media-clip-playback{display:grid;grid-template-columns:auto auto minmax(80px,1fr);align-items:center;gap:.8rem;padding:.8rem 1rem;border-top:1px solid #2b3e49;color:#adbfcb;font-size:.8rem}.media-clip-playback button{min-width:76px}.media-clip-playback #media-clip-seek{min-width:0}
@media(max-width:620px){.media-workspace[data-cinema=true] .media-audience{display:block}.media-workspace[data-cinema=true] .media-audience fieldset{margin-top:1.2rem}.media-size-control{margin-left:0}.media-clip-playback{grid-template-columns:auto 1fr}.media-clip-playback #media-clip-seek{grid-column:1/-1}}

/* Fullscreen is one uninterrupted picture surface. Every control is an overlay. */
.media-overlay-toggle{display:none}
.media-watch-panel:fullscreen{position:relative;display:block;width:100vw;height:100vh;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#070d12;overflow:hidden}
.media-watch-panel:fullscreen .media-grid,.media-watch-panel:fullscreen .media-player-column,.media-watch-panel:fullscreen .media-screen{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:none;margin:0;padding:0;aspect-ratio:auto}
.media-watch-panel:fullscreen .media-screen img,.media-watch-panel:fullscreen .media-screen canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.media-watch-panel:fullscreen .media-screen p{position:absolute;inset:0;display:grid;place-items:center;max-width:none;margin:0}
.media-workspace .media-watch-panel:fullscreen .media-overlay-toggle{position:absolute;z-index:5;display:block;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);min-height:34px;padding:.35rem .8rem;background:#0b141ccd;border-color:#52677399;border-radius:0 0 9px 9px;font-size:.75rem;opacity:.6}
.media-watch-panel:fullscreen .media-overlay-toggle:hover,.media-watch-panel:fullscreen .media-overlay-toggle:focus-visible,.media-watch-panel:fullscreen[data-overlay-open=true] .media-overlay-toggle{opacity:1}
.media-watch-panel:fullscreen .media-player-tools{position:absolute;z-index:4;top:max(50px,calc(env(safe-area-inset-top) + 50px));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));max-height:calc(100% - 120px);overflow:auto;background:#0c1724ed;border:1px solid #526773;border-radius:10px;box-shadow:0 8px 32px #0009}
.media-watch-panel:fullscreen .media-watch-heading{padding:.75rem 1rem}.media-watch-panel:fullscreen .media-view-controls{padding:.65rem 1rem;border-bottom:0}.media-watch-panel:fullscreen .media-size-control,.media-watch-panel:fullscreen #media-size-reset,.media-watch-panel:fullscreen #media-cinema{display:none}
.media-workspace .media-watch-panel:fullscreen .media-audience{position:absolute;z-index:3;right:max(12px,env(safe-area-inset-right));top:max(54px,calc(env(safe-area-inset-top) + 54px));bottom:max(12px,env(safe-area-inset-bottom));width:min(340px,calc(100% - 24px));max-height:none;display:block;overflow:auto;background:#0c1724ed;border:1px solid #526773;border-radius:10px;box-shadow:0 8px 32px #0009}
.media-watch-panel:fullscreen .media-clip-playback{position:absolute;z-index:3;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(900px,calc(100% - 24px));background:#0c1724ed;border:1px solid #526773;border-radius:10px;visibility:hidden;pointer-events:none}
.media-watch-panel:fullscreen[data-overlay-open=true] .media-clip-playback{visibility:visible;pointer-events:auto}

.media-library-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1rem}.media-library-tools button{font-size:.8rem}.media-library-tools button[aria-pressed=true]{color:#e4cea0;border-color:#8d764b;background:#2a271f}.media-library-tools p{flex-basis:100%;font-size:.78rem;line-height:1.6;color:#adbfcb;margin:.35rem 0 0}