.studio-body{background:#f3f2ee}.studio-header{padding:22px 4vw;background:#111318;color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.studio-header .brand{color:white}.studio-header>div{display:flex;gap:18px;align-items:center}.studio-header .secondary-button{color:white;border-color:#45484f}.studio-layout{display:grid;grid-template-columns:205px minmax(0,1fr);max-width:1600px;margin:auto}.studio-layout>nav{padding:34px 18px;display:flex;flex-direction:column;gap:7px}.studio-layout>nav a{padding:13px 16px;border-radius:5px;font-size:14px}.studio-layout>nav a.active{background:#111318;color:#fff}.studio-layout>main{padding:42px 4vw 80px;min-width:0}.studio-layout h1{font-size:clamp(30px,4vw,48px);margin:8px 0 14px}.studio-layout .page-heading{margin-bottom:30px}.studio-layout .panel{margin-top:22px}.studio-layout .field{font-size:13px}.studio-layout table{width:100%;border-collapse:collapse}.studio-layout td{vertical-align:top}.studio-layout td small{display:block;color:#727477;font-size:12px;margin-top:7px;max-width:380px}.studio-layout td a{color:#077c89}.studio-layout table button{border:1px solid #d5d7d4;padding:7px 12px;border-radius:4px;background:white;white-space:nowrap}.studio-layout table button:hover{border-color:#078393}.empty{padding:35px 10px;color:#6f7174}.login-wrap{max-width:510px;margin:60px auto;padding:0 24px}.login-wrap h1{font-size:58px;margin:10px 0 25px}.login-wrap h1 em{font-style:normal;color:#098694}.login-wrap .panel{margin:28px 0}.login-wrap .field{margin-bottom:20px}.studio-notice{position:fixed;z-index:200;bottom:22px;right:22px;background:#111318;color:white;border-left:4px solid #20c7d9;padding:18px 24px;max-width:min(90vw,600px);box-shadow:0 5px 30px #0003}#edit-dialog{width:min(880px,94vw);max-height:90vh;padding:30px;border:0;border-radius:8px;overflow:auto}#edit-dialog::backdrop{background:#111318ab}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-top button{font-size:30px;background:none;border:0}.dialog-top h2{margin:0;font-size:28px}#edit-form textarea{min-height:110px}#edit-error,#login-error{color:#aa3325;white-space:pre-line}.field-hint{font-size:12px;color:#777b80;line-height:1.5}.check-field{display:flex;gap:10px;align-items:flex-start;padding:12px 0}.check-field input{width:auto}.status-pill{display:inline-block;background:#e1eee9;border-radius:3px;padding:4px 8px;font-size:12px}.status-pill.muted{background:#e8e7e1}.audio-row{border-top:1px solid #ddd;padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.audio-row audio{max-width:240px;height:35px}.upload-panel .field{margin:15px 0}.studio-layout pre{white-space:pre-wrap;background:#f4f4f0;padding:15px;font-size:12px;overflow-wrap:anywhere}.studio-layout .metric-grid{grid-template-columns:repeat(3,1fr)}.studio-layout .metric strong{font-size:32px}.danger-note{background:#fff2dd;padding:18px;line-height:1.6}.admin-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.legal-form .field{margin-bottom:24px}.legal-form textarea{min-height:180px}.studio-layout .table-scroll{overflow:auto}.studio-layout .field input[type=file]{max-width:100%}input,textarea,select{font:inherit}a,button,input,select,textarea{touch-action:manipulation}[hidden]{display:none!important}@media(max-width:800px){.studio-layout{display:block}.studio-layout>nav{padding:15px;flex-direction:row;overflow:auto;border-bottom:1px solid #ddd}.studio-layout>nav a{white-space:nowrap;padding:10px}.studio-layout>main{padding:25px 20px 60px}.studio-header{padding:18px 20px}.studio-header #account-name{display:none}.studio-layout .metric-grid{grid-template-columns:1fr}.audio-row{flex-wrap:wrap}#edit-dialog{padding:22px}.login-wrap h1{font-size:46px}.studio-layout .form-grid{grid-template-columns:1fr}}
.studio-header .secondary-button{background:transparent}.studio-header .secondary-button:hover{background:#343840}

/* Studio navigation must not inherit the public header's 100% heights. */
.studio-layout>nav{height:auto;align-self:start;align-items:stretch;order:0}
.studio-layout>nav a{height:auto;min-height:46px;flex:none;line-height:20px}
.studio-menu-toggle{display:none}
.studio-mobile-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(360px,90vw);max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-right:1px solid #ffffff1c;background:#111318;color:#f3f2ee;box-shadow:18px 0 70px #0004}
.studio-mobile-menu[open]{display:flex;flex-direction:column;animation:studio-menu-in .2s ease-out}
.studio-mobile-menu::backdrop{background:#10141b99;backdrop-filter:blur(5px);animation:studio-backdrop-in .2s ease-out}
.studio-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:30px 24px 24px;border-bottom:1px solid #ffffff16;flex:none}
.studio-mobile-menu-head p{margin:0 0 9px;color:#8f9aa7;font-size:10px;font-weight:650;letter-spacing:.15em}
.studio-mobile-menu-head h2{margin:0;font-size:31px;letter-spacing:-.04em;line-height:1.1}
.studio-mobile-menu-head h2 span{color:#20c7d9}
.studio-menu-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #ffffff24;border-radius:50%;background:#ffffff08;color:#fff}
.studio-menu-close svg,.studio-menu-toggle svg{width:22px;height:22px}
.studio-mobile-nav{display:flex;flex:1;min-height:0;flex-direction:column;align-items:stretch;gap:5px;height:auto;width:auto;order:0;padding:18px 16px;overflow-y:auto;overscroll-behavior:contain;white-space:normal}
.studio-mobile-nav a{display:flex;align-items:center;gap:14px;flex:none;min-height:46px;height:auto;padding:12px 15px;border:1px solid transparent;border-radius:7px;color:#bec5cf;font-size:15px;line-height:20px;transition:background .15s,color .15s}
.studio-mobile-nav a::before{content:'';width:5px;height:5px;border:1px solid #6b7685;border-radius:50%;flex:none}
.studio-mobile-nav a:hover{background:#ffffff09;color:#fff}
.studio-mobile-nav a.active{background:#20c7d915;border-color:#20c7d936;color:#eefcfd;font-weight:650}
.studio-mobile-nav a.active::before{background:#20c7d9;border-color:#20c7d9;box-shadow:0 0 12px #20c7d966}
.studio-mobile-nav a.active::after{content:'›';position:static;inset:auto;margin-left:auto;width:auto;height:auto;background:none;color:#20c7d9;font-size:24px;line-height:18px}
.studio-mobile-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:20px 24px max(24px,env(safe-area-inset-bottom));border-top:1px solid #ffffff16;background:#15191f}
.studio-mobile-menu-footer>div{min-width:0}
.studio-mobile-menu-footer div>span{display:block;margin-bottom:7px;color:#85909f;font-size:9px;letter-spacing:.13em}
.studio-mobile-menu-footer strong{display:block;max-width:170px;overflow-wrap:anywhere;font-size:13px;font-weight:550;line-height:1.4}
.studio-mobile-logout{min-height:44px;padding:9px 0 9px 12px;border:0;background:none;color:#d7dbe1;font:inherit;font-size:12px;white-space:nowrap}
.studio-mobile-logout span{padding-left:5px;color:#d7864b}
.studio-mobile-menu button:focus-visible,.studio-mobile-nav a:focus-visible,.studio-menu-toggle:focus-visible{outline:2px solid #20c7d9;outline-offset:3px}
html.studio-menu-open,html.studio-menu-open body{overflow:hidden}
@keyframes studio-menu-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes studio-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:800px){
 .studio-layout>nav{display:none}
 .studio-header{position:sticky;top:0;z-index:60;gap:12px;min-height:88px}
 .studio-header>div{gap:0;flex:none}
 .studio-header #logout{display:none}
 .studio-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:86px;min-height:44px;padding:10px 12px;border:1px solid #ffffff30;border-radius:6px;background:#ffffff06;color:white;font:inherit;font-size:13px}
 .studio-menu-toggle:hover{background:#ffffff12}
}
@media(prefers-reduced-motion:reduce){.studio-mobile-menu[open],.studio-mobile-menu::backdrop{animation:none}.studio-mobile-nav a{transition:none}}