/* A shared frame keeps the header, Studio and footer on the same edges. */
:root{--site-frame:min(91%,1370px)}
.header,.header.scrolled{width:var(--site-frame);left:calc((100% - var(--site-frame))/2)}
body>footer{width:var(--site-frame);max-width:none;margin-inline:auto}
.admin-main #shelves{width:var(--site-frame);max-width:none;margin-inline:auto}
.admin-main .admin-shell{margin:112px 0 0;grid-template-columns:176px minmax(0,1fr);gap:16px;min-height:calc(100svh - 190px)}
.admin-shell .admin-workspace{padding:18px;container-type:inline-size;container-name:studio;min-width:0}
.admin-shell .admin-sidebar{padding:18px 9px;gap:19px}.admin-shell .studio-mark{padding:0 8px}.admin-shell .studio-mark small{font-size:7px;letter-spacing:1px}.admin-shell .admin-sidebar nav button{min-height:40px;padding:10px 9px}
.admin-shell .studio-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 0}.admin-shell .studio-heading>div{width:auto;min-width:0}.admin-shell .studio-heading>.btn{align-self:center;margin:0}.admin-shell .studio-topbar{align-items:center;gap:12px}.admin-shell .studio-topbar>span{min-width:0}
.admin-content-panel{min-width:0}.admin-shell .studio-card{margin:0 0 16px;padding:18px;min-width:0}.admin-shell .studio-card:last-child{margin-bottom:0}.admin-shell .studio-card-heading{align-items:center;gap:14px;margin-bottom:16px}.admin-shell .studio-card-heading>div{min-width:0}.admin-shell .studio-card-heading :is(.btn,.link-button){flex-shrink:0}.admin-shell .studio-card-heading .eyebrow{margin:0 0 9px}
.admin-shell :is(.studio-overview-grid,.studio-transfer-grid,.maintenance-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin:0 0 16px}.admin-shell :is(.studio-overview-grid,.studio-transfer-grid,.maintenance-grid)>.studio-card{margin:0}
.admin-shell .studio-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.admin-shell .studio-metrics article{gap:6px;justify-content:flex-start;padding:14px;min-width:0}.admin-shell .studio-metrics strong{margin:0;font-size:25px}.admin-shell .studio-metrics small{margin:0;line-height:1.45}
.admin-shell .studio-card>.studio-feature-icon{margin:0 0 14px}.admin-shell .studio-ingest-steps{gap:14px;flex-wrap:wrap;padding-top:16px;margin-top:18px}.admin-shell .studio-recent{gap:10px}.admin-shell .studio-recent>span{min-width:0}.admin-shell .studio-recent strong{overflow-wrap:anywhere}.admin-shell .studio-quick{display:flex;flex-wrap:nowrap;align-items:center;padding:18px}.admin-shell .studio-quick>div{flex:1;min-width:0;flex-basis:auto}.admin-shell .studio-quick button{flex-shrink:0}
/* All form labels share a baseline, including labels next to checkbox controls. */
.admin-shell .studio-card form{display:grid;gap:14px;min-width:0}.admin-shell .studio-card form>label,.admin-shell .studio-card .form-columns>label{display:grid;gap:6px;margin:0;min-width:0}.admin-shell .studio-card .form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;align-items:end}.admin-shell .studio-card .form-columns>.check-label{display:flex;flex-direction:row;align-items:center;align-self:end;min-height:36px;margin:0;padding:0}.admin-shell .studio-card form>.check-label{display:flex;flex-direction:row;align-items:center;min-height:32px;margin:0}.admin-shell .studio-card form>.btn{justify-self:start}.admin-shell .studio-card form>.help{margin:0}.admin-shell .studio-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.admin-shell .studio-card>.btn{margin-top:14px}.admin-shell .studio-card form .resolution-profile{display:grid;margin:0;gap:4px 8px}.admin-shell .encoding-profile-options{margin:0}.admin-shell .encoding-profile-actions{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-shell .resolution-profile input{grid-column:1;grid-row:1/3}
/* Editorial rows align controls to the input, rather than to its label. */
.admin-shell #home-settings-form{display:block}.admin-shell .home-editor-row{display:grid;grid-template-columns:24px 76px minmax(0,1fr) 70px 80px;gap:12px;align-items:end;padding:14px 0}.admin-shell .home-editor-row :is(label,.check-label){margin:0}.admin-shell .home-editor-row>label{display:grid;gap:6px;min-width:0}.admin-shell .home-editor-row>.check-label{display:flex;align-items:center;min-height:36px}.admin-shell .home-editor-index{align-self:end;min-height:36px;display:flex;align-items:center}.admin-shell .home-editor-row>.studio-actions{align-self:end;min-height:36px;justify-content:flex-end;flex-wrap:nowrap;gap:6px}.admin-shell .home-editor-row>.studio-actions button{min-width:36px;min-height:36px;padding:8px}.admin-shell .home-featured-pick{gap:12px;padding:12px 0}.admin-shell .home-featured-pick .studio-actions{flex-wrap:nowrap}.admin-shell .home-featured-pick strong{overflow-wrap:anywhere}.admin-shell #home-featured-list{margin:0}.admin-shell .home-picks-empty{margin:0;padding:5px 0}.admin-shell #home-settings-form>.studio-card{margin-bottom:16px}.admin-shell #home-settings-form>.studio-card:last-child{margin-bottom:0}.admin-shell #home-settings-form>.studio-card>.help{margin-top:14px}
.admin-shell .metadata-settings{max-width:none;width:100%}.admin-shell #metadata-settings-form{max-width:640px;margin-top:16px}.admin-shell .tmdb-credit{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:16px;border-color:var(--studio-line)}.admin-shell .tmdb-credit p{flex:1;min-width:180px;margin:0;line-height:1.6}.admin-shell .tmdb-credit a{white-space:nowrap}
/* Storage paths can wrap without pushing the row actions off screen. */
.admin-shell .stored-file-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px 0}.admin-shell .stored-file-row>.studio-actions{max-width:none;padding:0;justify-self:end;flex-wrap:wrap}.admin-shell .stored-file-row label{display:grid;gap:6px;margin:10px 0 0!important}.admin-shell .stored-file-row small{margin:5px 0 10px}.admin-shell .transfer-row{align-items:center;gap:12px}.admin-shell .transfer-summary{min-width:0}.admin-shell .transfer-summary>div{align-items:center;gap:10px;flex-wrap:wrap}.admin-shell .transfer-summary strong{overflow-wrap:anywhere}.admin-shell .transfer-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-shell .transfer-controls button{margin:0}.admin-shell .transfer-summary code{display:block;overflow-wrap:anywhere;line-height:1.6}
.admin-shell .nodes-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.admin-shell .nodes-heading>div:first-child{flex:1;min-width:200px}.admin-shell .nodes-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}.admin-shell .node-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;margin:10px 0}.admin-shell .node-card .node-description{min-width:0}.admin-shell .node-card .node-badge{justify-self:end}.admin-shell .node-card>.studio-actions{grid-column:2/-1;justify-self:end}.admin-shell .node-card strong{margin:0 0 5px}.admin-shell .node-card .node-symbol{margin:0;width:40px;height:40px}
.admin-shell .maintenance-summary{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px}.admin-shell .maintenance-summary>.studio-feature-icon{margin:0}.admin-shell .maintenance-summary>.studio-count{margin:0;justify-self:end}.admin-shell .maintenance-summary h2{font-size:21px}.admin-shell .maintenance-summary .eyebrow{margin-bottom:9px}.admin-shell .maintenance-job{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0}.admin-shell .maintenance-job>a{margin:0;justify-self:end}.admin-shell .maintenance-job strong{overflow-wrap:anywhere}.admin-shell .maintenance-job small{margin-top:5px}.admin-shell .maintenance-recovery{margin-top:18px}.admin-shell .maintenance-grid{margin-bottom:16px}.admin-shell .maintenance-grid input[type=file]{padding:10px;line-height:1.5}
.admin-content-panel[data-admin-panel=library]>.studio-card{padding:0}.admin-content-panel[data-admin-panel=library] .studio-card-heading{padding:18px 18px 0}.admin-content-panel[data-admin-panel=library] .studio-filters{padding:0 18px 18px}.admin-shell .admin-table-wrap{max-height:calc(100svh - 410px);min-height:250px}.admin-shell .studio-library-table{min-width:600px}.studio-library-table .library-col-type{width:96px}.studio-library-table .library-col-country{width:112px}.studio-library-table .library-col-playback{width:100px}.studio-library-table .library-col-actions{width:106px}
@container studio (max-width:760px){.admin-shell .studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell :is(.studio-overview-grid,.studio-transfer-grid,.maintenance-grid){grid-template-columns:1fr}.admin-shell .encoding-profile-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.admin-main .admin-shell{grid-template-columns:160px minmax(0,1fr);gap:14px}.admin-shell .admin-sidebar{padding:16px 8px}.admin-shell .studio-mark{padding:0 6px;gap:8px}.admin-shell .studio-mark strong{font-size:12px}.admin-shell .admin-sidebar nav button{font-size:11px}.admin-shell .admin-workspace{padding:16px}}
@media(max-width:760px){:root{--site-frame:94%}.admin-main .admin-shell{grid-template-columns:minmax(0,1fr);margin-top:92px;gap:12px}.admin-shell .admin-sidebar{position:static;max-height:none;padding:12px;gap:12px}.admin-shell .admin-sidebar nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin}.admin-shell .admin-sidebar nav button{min-height:40px;flex:0 0 auto}.admin-shell .admin-workspace{padding:14px}.admin-shell .studio-heading{gap:10px;padding:17px 0;align-items:center}.admin-shell .studio-heading>.btn{margin:0;min-height:40px}.admin-shell .studio-heading h1{font-size:22px}.admin-shell .studio-topbar{font-size:9px;flex-wrap:wrap}.admin-shell .studio-card{padding:15px;margin-bottom:14px}.admin-shell .studio-card-heading{flex-wrap:wrap;gap:12px}.admin-shell .studio-card-heading>.btn{margin:0}.admin-shell .studio-card form{gap:13px}.admin-shell .studio-card .form-columns{grid-template-columns:1fr;gap:12px}.admin-shell .studio-card .form-columns>.check-label{min-height:32px}.admin-shell .studio-metrics{gap:9px}.admin-shell .studio-metrics article{padding:12px}.admin-shell :is(.studio-overview-grid,.studio-transfer-grid,.maintenance-grid){grid-template-columns:1fr;gap:14px;margin-bottom:14px}.admin-shell .studio-quick{flex-wrap:wrap;gap:14px}.admin-shell .studio-quick>div{flex-basis:100%}.admin-shell .encoding-profile-options{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .home-editor-row{grid-template-columns:22px minmax(0,1fr) 76px;gap:10px;align-items:end;padding:13px 0}.admin-shell .home-editor-row>.home-editor-index{grid-column:1;grid-row:1;align-self:center}.admin-shell .home-editor-row>.check-label{grid-column:2;grid-row:1;min-height:40px}.admin-shell .home-editor-row>label:not(.check-label){grid-column:2;grid-row:2}.admin-shell .home-editor-row>label:nth-of-type(3){grid-column:3;grid-row:2}.admin-shell .home-editor-row>.studio-actions{grid-column:3;grid-row:1;align-self:center}.admin-shell .home-editor-row>.studio-actions button{min-width:34px;min-height:40px;padding:7px}.admin-shell .home-featured-pick{flex-wrap:wrap}.admin-shell .home-featured-pick>.studio-actions{margin-left:auto}.admin-shell .stored-file-row{grid-template-columns:32px minmax(0,1fr);gap:10px}.admin-shell .stored-file-row>.studio-actions{grid-column:2;padding:0;justify-self:start}.admin-shell .node-card{grid-template-columns:32px minmax(0,1fr);padding:13px;gap:10px}.admin-shell .node-card .node-symbol{width:32px;height:36px}.admin-shell .node-card>.node-badge{grid-column:2;justify-self:start}.admin-shell .node-card>.studio-actions{grid-column:2;justify-self:start}.admin-shell .nodes-heading{gap:14px}.admin-shell .nodes-heading>div:first-child{min-width:0;flex-basis:100%}.admin-shell .maintenance-summary{grid-template-columns:32px minmax(0,1fr);gap:12px}.admin-shell .maintenance-summary>.studio-count{grid-column:2;margin:0;justify-self:start}.admin-shell .maintenance-summary h2{font-size:19px}.admin-shell .maintenance-job{grid-template-columns:30px minmax(0,1fr);gap:10px}.admin-shell .maintenance-job>a{grid-column:2;justify-self:start;margin:0}.admin-shell .tmdb-credit p{flex-basis:100%;min-width:0}.admin-content-panel[data-admin-panel=library]>.studio-card{padding:0}.admin-content-panel[data-admin-panel=library] .studio-card-heading{padding:15px 15px 0}.admin-content-panel[data-admin-panel=library] .studio-filters{padding:0 15px 15px}.admin-shell .admin-table-wrap{max-height:none;min-height:0}.admin-shell .studio-library-table{min-width:0}.admin-shell .studio-card-heading .studio-count{flex-shrink:0}.admin-shell .transfer-row{flex-wrap:wrap;align-items:flex-start}.admin-shell .transfer-controls{margin-left:auto}}
.admin-shell .studio-card form>.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin:0;padding:20px 16px}.admin-shell .file-drop .file-drop-icon{flex-shrink:0}.admin-shell .file-drop .file-browse-button{width:auto;align-self:center}.admin-shell .studio-card .check-label{min-width:0}.admin-shell .studio-card .check-label input{margin:0;flex-shrink:0}
@container studio (min-width:761px){.admin-shell .studio-transfer-grid .form-columns{grid-template-columns:1fr}.admin-shell .studio-transfer-grid .form-columns>.check-label{min-height:28px}}
.admin-shell .home-editor-row>.check-label{align-self:end}
@media(max-width:760px){.admin-shell .home-editor-row>.check-label{align-self:center}}
.admin-shell .node-tools{grid-column:2/-1;justify-self:end;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%;margin:0}.admin-shell .node-tools label{display:flex;align-items:center;gap:7px;margin:0}.admin-shell .node-tools button{margin:0;min-height:36px;padding:8px 11px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-surface);color:var(--studio-text);font-size:11px;line-height:1.4}
/* Admin dialogs follow the same label rhythm as their parent pages. */
.form-modal form{display:grid;gap:14px;min-width:0}.form-modal form>label,.form-modal .form-columns>label,.form-modal .account-filters>label{display:grid;gap:6px;margin:0;min-width:0}.form-modal .form-columns{margin:0;gap:14px;align-items:end}.form-modal form>.check-label,.form-modal .form-columns>.check-label{display:flex;flex-direction:row;align-items:center;min-height:36px;gap:9px;margin:0}.form-modal form>.help{margin:0}.form-modal form>.btn{justify-self:start}.form-modal .account-filters{margin:18px 0;gap:14px}.form-modal .access-account{border-color:var(--studio-line);gap:12px;padding:15px 0}.form-modal .access-account :is(small,span:not(.account-initial):not(.approval-badge)){color:var(--studio-muted);font-size:11px;line-height:1.5}.form-modal .access-account strong{font-size:13px}.form-modal .setup-step{align-items:flex-start;gap:12px;margin:0 0 4px}.form-modal .setup-step>span{width:32px;height:34px;background:var(--studio-soft);border-color:var(--studio-line);color:var(--studio-accent)}.form-modal .setup-step h3{font-size:15px}.form-modal .setup-step p{color:var(--studio-muted)}.form-modal .geoip-card .maxmind-fields label{margin:0}.form-modal .geoip-card .maxmind-fields{margin:14px 0;gap:14px}.form-modal .geoip-card .maxmind-auto{margin:12px 0}.form-modal .geoip-card{margin:14px 0}
@media(max-width:760px){.admin-shell .node-tools{grid-column:2;justify-self:start}.form-modal .form-columns{grid-template-columns:1fr;gap:13px}.form-modal form{gap:13px}.form-modal .account-filters{gap:13px}.form-modal .setup-step>span{width:28px;height:30px}.form-modal .access-account .approval-badge{margin-left:52px}}
.admin-shell .node-card .node-badge{margin:0}
@media(max-width:760px){.admin-shell .nodes-actions{justify-content:flex-start;width:100%}}
.studio-library-table .library-col-views{width:66px}.admin-shell .library-views-cell strong{display:block;color:var(--studio-text);font-size:12px;font-weight:600}.library-mobile-views{display:none}.editor-view-totals{display:grid;gap:5px;border-top:1px solid var(--studio-line);padding-top:12px;margin-top:14px;font-size:11px;color:var(--studio-text)}.editor-view-totals small{font-size:10px;line-height:1.6;color:var(--studio-muted)}.card-views{font-size:9px;color:var(--studio-muted)}.detail-views{color:var(--studio-accent);font-size:11px}.public-page-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.public-page-links a{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-field);color:var(--studio-text);text-decoration:none;font-size:12px}.public-page-links a:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.support-filters{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px}.support-filters label{display:grid;gap:6px;margin:0}.support-message{border-top:1px solid var(--studio-line);padding:18px 0}.support-message-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.support-message-heading>div{min-width:0}.support-message-heading h3{font-size:14px;line-height:1.4;margin:10px 0 7px;overflow-wrap:anywhere}.support-message-heading p,.support-message-heading small{font-size:11px;line-height:1.6;color:var(--studio-muted);margin:0;overflow-wrap:anywhere}.support-message-heading a{color:var(--studio-accent);text-decoration:none}.support-message-body{white-space:pre-wrap;font-size:12px;line-height:1.8;color:var(--studio-text);margin:16px 0 0;overflow-wrap:anywhere}.admin-content-panel[data-admin-panel=library] .studio-filters{grid-template-columns:minmax(0,1fr) 150px 155px}
@media(max-width:760px){.admin-shell .studio-library-table td.library-views-cell{display:none}.library-mobile-views{display:inline}.public-page-links{grid-template-columns:1fr}.support-filters{grid-template-columns:1fr}.support-message-heading{flex-wrap:wrap;align-items:flex-start}.support-message-heading>.btn{margin:0}.admin-content-panel[data-admin-panel=library] .studio-filters{grid-template-columns:1fr 1fr}.admin-content-panel[data-admin-panel=library] .studio-filters label:first-child{grid-column:1/-1}}
.studio-library-table .library-col-views{width:84px}.admin-shell .studio-library-table .library-views-cell small{font-size:9px;white-space:nowrap}
@media(min-width:761px){.admin-shell .studio-library-table{min-width:720px}}