.workspace-grid{display:grid;grid-template-columns:224px minmax(0,1fr);gap:var(--space-6);align-items:start}
.workspace-sidebar{position:sticky;top:16px;display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(16,22,29,.96),rgba(7,9,13,.96));box-shadow:var(--shadow-sm)}
.workspace-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.035)}
.workspace-avatar{width:50px;height:50px}
.workspace-profile strong,.workspace-profile span{display:block}
.workspace-profile span{color:var(--cyan);font-size:.84rem}
.workspace-side-status,.admin-user-pill{display:flex;align-items:center;gap:var(--space-2);padding:.48rem .62rem;color:var(--muted);font-size:.82rem}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(67,209,125,.10)}
.workspace-nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:42px;padding:.6rem .7rem;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-weight:850}
.workspace-nav-item:hover,.workspace-nav-item.active{color:var(--text);border-color:rgba(37,200,232,.24);background:rgba(37,200,232,.08)}
.workspace-nav-item.active{box-shadow:inset 3px 0 0 var(--signal)}
.workspace-main{min-width:0}
.metric-grid,.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}
.metric-card{position:relative;overflow:hidden;min-height:116px}
.metric-card.money{border-color:rgba(255,122,26,.28);background:linear-gradient(145deg,rgba(255,122,26,.12),rgba(255,255,255,.035))}
.studio-dashboard-grid,.analytics-grid,.studio-edit-grid,.studio-playlist-grid,.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.summary-card-head,.config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}
.current-value,.notice-card{display:grid;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.04)}
.notice-card.danger,.danger-zone{border-color:rgba(255,90,99,.34)}
.settings-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.setting-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-height:86px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.04);transition:border-color var(--speed) ease,background var(--speed) ease}
.setting-tile:hover{border-color:rgba(37,200,232,.34);background:rgba(37,200,232,.07)}
.setting-tile>span,.setting-tile strong,.setting-tile small{display:block}
.setting-tile input[type=checkbox]{appearance:none;position:relative;width:46px;height:26px;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#27313d;transition:background var(--speed) ease,border-color var(--speed) ease}
.setting-tile input[type=checkbox]::after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#aab3c0;transition:left var(--speed) ease,background var(--speed) ease}
.setting-tile input[type=checkbox]:checked{border-color:rgba(255,122,26,.58);background:linear-gradient(90deg,var(--signal-dark),var(--signal))}
.setting-tile input[type=checkbox]:checked::after{left:24px;background:#fff}
.upload-panel form,.account-form-panel form{margin-top:var(--space-4)}
.upload-drop{position:relative;display:grid;place-items:center;gap:var(--space-2);min-height:240px;padding:var(--space-7);border:2px dashed rgba(37,200,232,.42);border-radius:var(--radius-xl);color:var(--text);text-align:center;background:radial-gradient(circle at 50% 20%,rgba(37,200,232,.14),transparent 16rem),rgba(37,200,232,.045)}
.upload-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.upload-compass{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,122,26,.42);border-radius:18px;color:var(--signal);background:rgba(255,122,26,.10);font-size:1.5rem}
.upload-progress,.processing-progress,.route-progress{height:9px;overflow:hidden;border-radius:999px;background:#070b10}
.upload-progress span,.processing-progress span,.route-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--signal));transition:width var(--speed) ease}
.processing-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:var(--space-5)}
.processing-thumb{position:relative;overflow:hidden;min-height:260px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#05080c}
.processing-thumb img{width:100%;height:100%;object-fit:cover}
.processing-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.74))}
.processing-thumb .status-chip{position:absolute;left:var(--space-4);bottom:var(--space-4);z-index:2}
.processing-copy{display:grid;align-content:center;gap:var(--space-3)}
.processing-copy h2{margin:0;font-size:1.5rem;font-weight:900}
.processing-meta span{padding:.48rem .62rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035)}
.processing-meta strong{display:block;color:var(--text)}
.processing-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}
.processing-stages li{min-height:48px;padding:.56rem .62rem;border:1px solid var(--line-soft);border-radius:var(--radius);color:var(--muted);background:rgba(255,255,255,.035);font-size:.78rem;font-weight:850}
.processing-stages li.done{color:#bff8d3;border-color:rgba(67,209,125,.30);background:rgba(67,209,125,.09)}
.processing-stages li.active{color:#ffd4b0;border-color:rgba(255,122,26,.38);background:rgba(255,122,26,.12)}
.processing-actions,.range-pills,.playlist-create-form,.thumb-test-form{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.edit-thumb-preview{overflow:hidden;aspect-ratio:16/9;margin:var(--space-3) 0;border-radius:var(--radius-md);background:#05080c}
.edit-thumb-preview img{width:100%;height:100%;object-fit:cover}
.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}
.range-pills a{padding:.45rem .68rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:850}
.range-pills a.active{color:#071014;background:var(--cyan)}
.bar-row{display:grid;grid-template-columns:minmax(92px,1fr) minmax(120px,2fr) auto;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}
.bar-row div{height:8px;overflow:hidden;border-radius:999px;background:#071014}
.bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--signal))}
.link-editor{display:grid;gap:var(--space-3)}
.link-editor>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-3)}
.monetization-hero{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5)}
.money-orbit{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;color:#160b03;background:var(--signal);font-size:2rem;font-weight:950;box-shadow:0 16px 36px rgba(255,122,26,.24)}
.progress-requirements,.experiment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}
.playlist-admin-list,.playlist-sort-list,.export-list,.mini-content-list{display:grid;gap:var(--space-3)}
.playlist-admin-list article,.playlist-sort-list article,.export-list article,.mini-content-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.035)}
.playlist-admin-list article.active{border-color:rgba(255,122,26,.42);background:rgba(255,122,26,.08)}
.playlist-sort-list article{grid-template-columns:auto 82px minmax(0,1fr) auto}
.playlist-sort-list img{width:82px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.drag-handle{color:var(--cyan);cursor:grab}
.auth-modal .modal-dialog{max-width:940px;margin:16px auto}.auth-modal .modal-content{overflow:hidden;border:1px solid rgba(255,122,26,.25);border-radius:18px;background:#0d141c;box-shadow:var(--shadow-lg)}
.auth-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:0}.auth-side{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:24px;padding:22px;background:radial-gradient(circle at 20% 15%,rgba(37,200,232,.22),transparent 13rem),radial-gradient(circle at 95% 5%,rgba(255,122,26,.24),transparent 13rem),linear-gradient(160deg,#111b25,#080c12)}.auth-side .brand{align-self:start}.auth-side-copy{align-self:center}.auth-side-copy h3,.auth-modal-top h2,.verification-panel h3{margin:0;color:var(--text);font-weight:950}.auth-side-copy h3{font-size:2rem;line-height:.95}.auth-side-copy p{margin:10px 0 0;font-size:.82rem}.auth-side-foot{display:flex;gap:7px;flex-wrap:wrap}.auth-side-foot span{padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:900}
.channel-url-preview,.inline-channel-preview,.login-email-note,.auth-security-note{padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:rgba(255,255,255,.035)}.channel-url-preview strong,.inline-channel-preview strong{display:block;color:var(--cyan)}
.auth-main{min-width:0;padding:20px 22px}.auth-modal-top{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}.auth-modal-top h2{font-size:1.65rem}.auth-intro{margin:2px 0 0;font-size:.82rem}.auth-modal-top .btn-close{flex:0 0 auto;width:14px;height:14px;padding:7px;margin:0;filter:invert(1);opacity:.65}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:14px 0;padding:4px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.auth-tab{min-height:38px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:.82rem;font-weight:850}.auth-tab.active{color:var(--text);background:#18232e;box-shadow:inset 0 -2px var(--cyan)}.auth-form{display:grid;gap:12px}.auth-register-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.auth-grid-wide{grid-column:1/-1}.auth-form .form-field{display:grid;gap:5px}.auth-form .label-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.auth-form .label-row span,.auth-form .field-status{font-size:.7rem;color:var(--muted-2)}.auth-modal .form-control,.auth-modal .form-select{min-height:40px}.inline-channel-preview{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-channel-preview span{font-size:.72rem}.inline-channel-preview strong{font-size:.82rem}.password-control{position:relative}.password-control .form-control{padding-right:4.6rem}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);min-width:52px;min-height:30px;border:1px solid transparent;border-radius:7px;color:var(--cyan);background:transparent;font-size:.74rem;font-weight:850}.password-toggle:hover{border-color:rgba(37,200,232,.24);background:rgba(37,200,232,.08)}.password-meter{height:4px;overflow:hidden;border-radius:999px;background:#070b10}.password-meter span{display:block;width:0;height:100%;border-radius:inherit;background:var(--red)}.password-meter .strength-1{width:25%;background:var(--red)}.password-meter .strength-2{width:50%;background:var(--amber)}.password-meter .strength-3{width:75%;background:var(--cyan)}.password-meter .strength-4{width:100%;background:var(--green)}.auth-consent-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center}.auth-consent-row .terms-status{grid-column:1}.auth-security-note{font-size:.7rem}.terms-check{padding:10px}.auth-submit{min-height:40px}.login-remember{display:flex;align-items:center;gap:8px;margin:-2px 0 0;color:var(--text-soft);font-size:.78rem;font-weight:750;cursor:pointer}.login-remember input{width:16px;height:16px;margin:0;accent-color:var(--cyan)}.login-email-note{font-size:.78rem}.verification-panel{display:grid;gap:10px;padding:16px;border:1px solid rgba(37,200,232,.22);border-radius:12px;background:rgba(37,200,232,.06);text-align:center}.verification-seal{width:48px;height:48px;display:grid;place-items:center;justify-self:center;border-radius:14px;color:#071014;background:var(--cyan);font-weight:950}.verification-back{border:0;color:var(--muted);background:transparent;font-weight:850}


.workspace-navigation{display:grid;gap:var(--space-2)}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0 var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--line)}
.workspace-heading h1{font-size:1.75rem;margin:var(--space-1) 0;overflow-wrap:anywhere}
.workspace-heading p{margin:0}
.workspace-context{font-size:.78rem;color:var(--muted)}
.workspace-section{min-width:0;border:0;border-bottom:1px solid var(--line);padding:var(--space-5) 0;margin:0}
.workspace-section legend{float:none;width:auto;margin:0 0 var(--space-4);font-size:1.3rem;font-weight:800}
.branding-grid{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:var(--space-6)}
.branding-editor{min-width:0;display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}
.branding-editor h2{font-size:.9rem;margin:0}
.branding-editor>label{width:100%;display:grid;gap:var(--space-2)}
.branding-avatar{width:72px;height:72px;object-fit:cover;border-radius:50%}
.branding-cover{width:100%;max-height:120px;aspect-ratio:5/1;object-fit:cover;border-radius:var(--radius)}
.branding-editor .reset-media{display:flex;align-items:center;gap:var(--space-2);width:auto}
.branding-editor small{color:var(--muted)}
.form-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding-block:var(--space-4)}
.account-overview{display:grid;gap:var(--space-5)}
.account-overview-section{padding-block:var(--space-4);border-bottom:1px solid var(--line)}
.account-overview-section h2{font-size:1.25rem}
.studio-recent-list{display:grid;gap:var(--space-3)}
.studio-recent-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:var(--space-4);align-items:center;border-bottom:1px solid var(--line);padding-bottom:var(--space-3)}
.studio-recent-item img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.studio-recent-item h3{font-size:1rem;margin:0 0 var(--space-2)}

.workspace-section>h2{font-size:1.25rem;margin:0 0 var(--space-4)}
.link-editor label{display:grid;gap:var(--space-2);min-width:0}
.link-editor-more summary{cursor:pointer;color:var(--cyan);padding-block:var(--space-3)}

.studio-overview-hero{display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:var(--space-4);align-items:stretch;margin-bottom:var(--space-5)}
.studio-channel-snapshot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(37,200,232,.10),rgba(255,255,255,.035))}
.studio-snapshot-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover}
.studio-channel-snapshot h2{margin:0;font-size:1.45rem}
.studio-channel-snapshot p{margin:.15rem 0 var(--space-2);color:var(--muted)}
.studio-action-stack{display:grid;align-content:center;gap:var(--space-2);min-width:210px}
.studio-activity-panel{min-width:0}
.studio-status-list{display:grid;gap:var(--space-3)}
.studio-status-list article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--space-3);align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--line-soft)}
.studio-status-list img{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.studio-status-list strong,.studio-status-list span{display:block}
.studio-status-list span{color:var(--muted);overflow-wrap:anywhere}
.upload-workbench{margin-bottom:var(--space-6)}
.upload-shell{display:grid;gap:var(--space-4)}
.upload-shell.is-uploading .upload-zone-panel,.upload-shell.is-uploading .upload-details-panel,.upload-shell.is-uploading .upload-visibility-panel{opacity:.72}
.upload-drop.is-disabled{cursor:progress;border-style:solid}
.upload-drop.is-disabled input[type=file]{cursor:progress}
.upload-state-pill{padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--cyan);font-size:.8rem;font-weight:850;background:rgba(37,200,232,.08)}
.upload-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.upload-submit-bar{position:sticky;bottom:var(--space-3);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid rgba(37,200,232,.24);border-radius:var(--radius-lg);background:rgba(13,20,27,.96);box-shadow:var(--shadow-md)}
.upload-submit-bar strong,.upload-submit-bar span{display:block}
.upload-submit-bar span{color:var(--muted);font-size:.84rem}
.upload-submit-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}
.monetization-status-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5)}
.requirement-card{display:grid;align-content:start;gap:var(--space-3);min-height:126px}
.requirement-card strong{display:block;margin-top:.2rem;color:var(--text)}
.playlist-card-grid{display:grid;gap:var(--space-3)}
.playlist-card{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.035)}
.playlist-card.active{border-color:rgba(255,122,26,.42);background:rgba(255,122,26,.08)}
.playlist-card-art img{width:132px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}
.playlist-card strong{display:block;overflow-wrap:anywhere}

.channel-editor-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}
.channel-customization,.channel-editor-tools{min-width:0;display:grid;gap:16px}
.channel-editor-grid .workspace-section{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.channel-editor-grid .branding-grid{grid-template-columns:120px minmax(0,1fr);gap:16px}
.channel-editor-grid .branding-editor{min-width:0}
.auth-modal .form-control:autofill,.auth-modal .form-control:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--bg-soft) inset}
.link-editor [data-link-row]{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr) auto;gap:8px;align-items:end}
.link-editor [data-link-row][hidden]{display:none}

.forgot-password summary{color:var(--cyan);cursor:pointer;font-size:.85rem}.forgot-password .forgot-row{margin-top:12px}.auth-switch-copy{margin:0;font-size:.85rem}.auth-switch-copy button{padding:0;border:0;background:transparent;color:var(--cyan);text-decoration:underline}.feature-search{display:flex;align-items:end;gap:8px}.feature-search label{flex:1;min-width:0}

.studio-performance-stack{display:grid;gap:16px;min-width:0}.studio-performance-stack .studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.studio-status-list .studio-latest-video{display:block}.studio-status-list .studio-latest-preview{display:block;margin-bottom:16px}.studio-status-list .studio-latest-preview img{width:100%;height:auto;aspect-ratio:16/9;border-radius:8px}.studio-latest-video h3{font-size:1.25rem}.studio-latest-video .btn{margin-top:12px}

/* Phase 4.2 account polish: denser cards and clearer information architecture. */
.account-navigation{display:grid;gap:10px}.account-nav-group{display:grid;gap:2px}.account-nav-label{padding:5px 9px 2px;color:var(--muted-2);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.account-nav-group+.account-nav-group{padding-top:7px;border-top:1px solid var(--line-soft)}
.account-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-overview-section{min-height:190px;padding:16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(37,200,232,.018));display:flex;flex-direction:column;align-items:flex-start}.account-overview-section h2{margin:.45rem 0 .25rem}.account-overview-section p{margin:0 0 14px;color:var(--muted);line-height:1.5}.account-overview-section .btn{margin-top:auto}.account-overview-section .summary-card-head{width:100%}
.account-settings-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:16px;align-items:start}.account-summary-panel{position:sticky;top:calc(var(--header-height) + 18px)}.account-summary-panel h2{margin:.45rem 0 .2rem;font-size:1.2rem;overflow-wrap:anywhere}.account-summary-panel>p{margin:12px 0 0}.security-settings-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}.compact-session-summary{grid-template-columns:1fr;gap:12px;margin:12px 0 0}.compact-session-summary .detail-list{margin-top:0}.account-form-panel{max-width:none}.account-table td>span,.account-table td>strong{display:block}.account-page .video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

/* Watch Experience v3 - Studio captions */
.studio-caption-panel{margin-top:16px}.caption-track-list{display:grid;gap:8px;margin:12px 0}.caption-track{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.025)}.caption-track>div{display:grid}.caption-track span{color:var(--muted);font-size:.75rem}.caption-upload-form{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(220px,1.5fr) auto;gap:10px;align-items:end}.caption-upload-form label{display:grid;gap:5px}

/* Video analytics — dedicated per-video creator view */
.video-analytics-heading .workspace-context a{color:var(--cyan)}
.video-analytics-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}
.video-analytics-hero{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(37,200,232,.07),rgba(255,255,255,.028) 52%,rgba(255,122,26,.045))}
.video-analytics-thumb{overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:#05080c}
.video-analytics-thumb img{width:100%;height:100%;object-fit:cover}
.video-analytics-title{min-width:0}.video-analytics-title h2{margin:.15rem 0 .55rem;font-size:1.35rem;line-height:1.2;overflow-wrap:anywhere}.video-analytics-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.78rem}.video-analytics-meta span{display:inline-flex;align-items:center;gap:5px}.video-analytics-meta .ui-icon{width:15px;height:15px;color:var(--cyan)}
.video-analytics-metrics .metric-card{min-height:104px}.video-analytics-timeline{margin-bottom:var(--space-5)}
.video-timeline-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));align-items:end;gap:5px;min-height:190px;padding:14px 6px 4px;border-top:1px solid var(--line-soft)}
.video-timeline-day{display:grid;grid-template-rows:auto 120px auto;align-items:end;gap:5px;min-width:0;text-align:center}.video-timeline-day i{display:block;align-self:end;width:70%;max-width:18px;min-height:3px;margin-inline:auto;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,var(--cyan),var(--teal));box-shadow:0 0 14px rgba(37,200,232,.14)}.video-timeline-day small{overflow:hidden;color:var(--muted-2);font-size:.61rem;white-space:nowrap;text-overflow:ellipsis}.video-timeline-value{color:var(--muted);font-size:.66rem;font-weight:850}
.video-analytics-breakdowns{margin-bottom:var(--space-5)}.video-analytics-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(37,200,232,.18);border-radius:var(--radius-md);color:var(--muted);background:rgba(37,200,232,.04)}.video-analytics-note .ui-icon{flex:0 0 auto;width:20px;height:20px;color:var(--cyan)}.video-analytics-note strong,.video-analytics-note span{display:block}.video-analytics-note strong{color:var(--text);margin-bottom:2px}.video-analytics-note span{font-size:.78rem}
@media (max-width:980px){.video-analytics-hero{grid-template-columns:180px minmax(0,1fr)}.video-analytics-hero>.range-pills{grid-column:1/-1}.video-analytics-heading{align-items:flex-start}.video-analytics-actions{justify-content:flex-start}}
@media (max-width:640px){.video-analytics-hero{grid-template-columns:1fr}.video-analytics-thumb{max-width:100%}.video-analytics-actions{width:100%}.video-analytics-actions .btn{flex:1}.video-timeline-bars{overflow-x:auto;grid-template-columns:repeat(30,minmax(24px,1fr));padding-bottom:8px}.video-analytics-breakdowns{grid-template-columns:1fr}}

/* 2026-09-07 — Creator Studio hierarchy, forms and upload polish */
.field-limit-inline,.field-limit{color:var(--muted-2);font-size:.68rem;font-weight:600}.field-limit-inline{float:right;margin-left:8px}.field-limit{display:block;margin-top:4px;text-align:right}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.field-label-row>small{color:var(--muted-2);font-size:.68rem}.form-field-with-limit{min-width:0}.form-field-with-limit>.form-control{width:100%}
.studio-overview-hero{grid-template-columns:1fr;gap:10px;margin-bottom:14px}.studio-channel-snapshot{grid-template-columns:64px minmax(0,1fr) auto;padding:15px 16px;border-radius:12px;background:linear-gradient(120deg,rgba(37,200,232,.075),rgba(255,255,255,.025),rgba(255,122,26,.035))}.studio-snapshot-avatar{width:64px;height:64px}.studio-channel-snapshot h2{font-size:1.28rem}.studio-action-stack{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.studio-action-stack .btn{min-height:38px}.studio-overview-workspace{grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:14px}.studio-activity-panel{padding:14px}.studio-status-list .studio-latest-video{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:14px;align-items:center;padding:10px;border:1px solid var(--line-soft);border-radius:11px;background:rgba(255,255,255,.022)}.studio-status-list .studio-latest-preview{margin:0}.studio-status-list .studio-latest-preview img{width:100%;aspect-ratio:16/9;border-radius:9px}.studio-latest-video h3{margin:4px 0 8px;font-size:1.05rem}.studio-latest-video .btn{margin-top:0}.studio-performance-stack{gap:12px}.studio-performance-stack .studio-metrics{gap:8px}.studio-performance-stack .metric-card{min-height:102px;padding:12px}.studio-performance-stack>.panel{padding:14px}.realtime-pair{gap:8px}.mini-content-list a{padding-block:8px}
.upload-workbench{max-width:1050px;margin-inline:auto}.upload-shell{gap:12px}.upload-shell>.panel{padding:16px}.upload-drop{min-height:190px;padding:28px;border-width:1px;background:radial-gradient(circle at 50% 15%,rgba(37,200,232,.10),transparent 13rem),rgba(37,200,232,.035)}.upload-compass{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,122,26,.35);border-radius:13px;color:var(--signal);background:rgba(255,122,26,.07);font-size:1.2rem}.upload-choice-grid{grid-template-columns:minmax(180px,.8fr) repeat(3,minmax(0,1fr));gap:10px}.check-card{display:flex;align-items:flex-start;gap:10px;min-height:72px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.check-card input{margin-top:3px;accent-color:var(--signal)}.check-card span{display:grid;gap:2px}.check-card strong{font-size:.78rem}.check-card small{color:var(--muted);font-size:.67rem;line-height:1.35}.upload-submit-bar{bottom:10px;padding:12px 14px}.upload-submit-bar .btn-brass{min-width:160px}
.upload-live-preview{border-color:rgba(37,200,232,.2)}.preview-device-toggle{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px}.preview-device-toggle button{border:0;border-radius:6px;padding:5px 8px;color:var(--muted);background:transparent;font-size:.7rem;font-weight:800}.preview-device-toggle button.active{color:#071014;background:var(--cyan)}.upload-preview-frame{display:grid;grid-template-columns:minmax(260px,42%) minmax(0,1fr);gap:14px;max-width:760px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-deep)}.upload-preview-thumb{position:relative;grid-row:1/4;overflow:hidden;aspect-ratio:16/9;border-radius:9px;background:#05080a}.upload-preview-thumb img{width:100%;height:100%;object-fit:cover}.upload-preview-thumb span{position:absolute;right:7px;bottom:7px;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.8);font-size:.68rem}.upload-preview-meta{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:start}.upload-preview-meta>.avatar{width:36px;height:36px;border-radius:50%}.upload-preview-meta>div{display:grid}.upload-preview-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview-meta span,.upload-preview-meta small,.upload-preview-frame>p,.upload-preview-flags{color:var(--muted);font-size:.72rem}.upload-preview-meta small b{color:var(--cyan);font-style:normal}.upload-preview-meta small i,.upload-preview-meta small em{font-style:normal}.upload-preview-frame>p{margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.upload-preview-flags{display:flex;gap:10px;flex-wrap:wrap}.upload-preview-frame.is-mobile{grid-template-columns:1fr;max-width:360px}.upload-preview-frame.is-mobile .upload-preview-thumb{grid-row:auto}.upload-preview-frame.is-mobile>p{display:none}
.analytics-toolbar{padding:2px 0 12px}.analytics-toolbar h2{margin:2px 0 0}.analytics-grid{gap:12px}.analytics-card{min-height:190px;padding:14px}.analytics-card h3{margin:0 0 12px;font-size:1rem}.bar-row{grid-template-columns:minmax(110px,.8fr) minmax(120px,1.5fr) auto;gap:10px;padding:7px 0}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row>div{height:7px;border-radius:999px;background:#091017;overflow:hidden}.bar-row>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--signal))}
.channel-editor-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px}.channel-customization,.channel-editor-tools{gap:12px}.channel-editor-grid .workspace-section{padding:14px;border-radius:11px}.channel-editor-grid .workspace-section legend,.channel-editor-grid .workspace-section>h2{font-size:1rem}.channel-editor-grid .branding-grid{grid-template-columns:110px minmax(0,1fr)}.channel-editor-grid .branding-avatar{width:72px;height:72px}.channel-editor-grid .branding-cover{max-height:150px}.link-editor [data-link-row]{grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr) auto}.feature-search{align-items:end}.progress-requirements{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.requirement-card{min-height:118px;padding:13px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(37,200,232,.018))}.requirement-card>div:first-child span{color:var(--muted);font-size:.73rem}.requirement-card strong{font-size:1rem}.monetization-status-panel{padding:16px;gap:14px}.monetization-status-panel h2{margin:2px 0;font-size:1.45rem}.money-orbit{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--signal);color:#111;font-size:1.65rem;font-weight:950;box-shadow:0 10px 28px rgba(255,122,26,.18)}
@media(max-width:1199px){.progress-requirements{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){.studio-overview-workspace,.channel-editor-grid{grid-template-columns:1fr}.studio-action-stack{justify-content:flex-start;flex-wrap:wrap}.progress-requirements{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.studio-channel-snapshot{grid-template-columns:52px minmax(0,1fr)}.studio-channel-snapshot>.btn{grid-column:1/-1}.studio-snapshot-avatar{width:52px;height:52px}.studio-status-list .studio-latest-video{grid-template-columns:120px minmax(0,1fr)}.upload-choice-grid,.progress-requirements{grid-template-columns:1fr}.upload-submit-bar{position:static;align-items:stretch;flex-direction:column}.upload-submit-actions{justify-content:stretch}.upload-submit-actions .btn{flex:1}.field-label-row{align-items:flex-start;flex-direction:column;gap:2px}.field-limit-inline{float:none;margin-left:4px}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:520px){.studio-status-list .studio-latest-video{grid-template-columns:1fr}.studio-action-stack .btn{flex:1}.link-editor [data-link-row]{grid-template-columns:1fr}.link-editor [data-link-remove]{justify-self:start}}

/* 2026-09-08 — Studio density/readability pass from visual QA. */
.realtime-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 10px}.realtime-pair>div{display:flex;align-items:baseline;gap:6px;min-width:0;padding:9px 10px;border:1px solid var(--line-soft);border-radius:9px;background:rgba(255,255,255,.025)}.realtime-pair strong{flex:none;color:var(--text);font-size:1.05rem;line-height:1}.realtime-pair span{min-width:0;color:var(--muted);font-size:.7rem;line-height:1.3}
.bulk-action-bar{display:grid;grid-template-columns:minmax(100px,1fr) minmax(190px,260px) auto;align-items:center;gap:9px;margin:0 0 10px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.02)}.bulk-action-bar>span{color:var(--muted);font-size:.74rem}.bulk-action-bar>span strong{color:var(--text)}.bulk-action-bar .form-select{min-height:36px}.bulk-action-bar .btn{min-width:74px}
.analytics-grid{align-items:start;grid-auto-rows:max-content}.analytics-card{min-height:0}.analytics-card .empty-inline{min-height:90px;align-content:center}.bar-row:last-child{border-bottom:0}
.upload-submit-bar{position:relative;bottom:auto;z-index:1;margin-top:2px}.upload-submit-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.upload-details-panel input[type=file].form-control,.channel-customization input[type=file].form-control,.caption-upload-form input[type=file].form-control{padding:.48rem .6rem;font-size:.78rem}
.playlist-create-panel{align-self:start}.playlist-create-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:9px;align-items:start}.playlist-card-grid{align-content:start}
@media(max-width:720px){.realtime-pair{grid-template-columns:1fr}.bulk-action-bar{grid-template-columns:1fr}.bulk-action-bar .btn{width:100%}.playlist-create-form{grid-template-columns:1fr}.upload-submit-actions{width:100%;justify-content:stretch}.upload-submit-actions .btn{flex:1}}
.notification-filter-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding-bottom:4px;scrollbar-width:thin}.notification-filter-tabs a{flex:0 0 auto;border:1px solid var(--line-soft);border-radius:999px;padding:8px 14px;color:var(--muted);font-weight:750}.notification-filter-tabs a:hover,.notification-filter-tabs a.active{border-color:rgba(37,200,232,.42);background:rgba(37,200,232,.1);color:var(--text)}
.studio-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.studio-frame-grid button{position:relative;overflow:hidden;padding:0;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface);color:var(--text);text-align:left}.studio-frame-grid button:hover,.studio-frame-grid button:focus-visible{border-color:var(--cyan)}.studio-frame-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.studio-frame-grid span{display:block;padding:8px;font-size:.72rem;font-weight:800}@media(max-width:760px){.studio-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Creator Studio is a workspace, not a public-page variant. */
.shell-studio .workspace-grid{align-items:start}.shell-studio .workspace-sidebar{top:92px}.workspace-nav-secondary{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.workspace-nav-secondary .workspace-nav-item{color:var(--muted)}
.creator-pulse-studio{margin-bottom:18px}.creator-pulse-studio .metric-grid{margin-top:12px}.creator-pulse-studio .metric-card{min-height:104px}.studio-community-list{display:grid;gap:10px}.studio-community-list>article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-2)}.studio-community-list .avatar{width:42px;height:42px}.studio-community-list p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.studio-community-list time{color:var(--muted);font-size:.7rem;white-space:nowrap}.studio-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-settings-grid>a{display:grid;gap:6px;min-height:132px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text)}.studio-settings-grid>a:hover{border-color:rgba(37,200,232,.34);transform:translateY(-1px)}.studio-settings-grid>a span{color:var(--muted);font-size:.82rem}.studio-settings-grid>a strong{font-size:1rem}