/* Compact administrative workspace; older palettes remain selectable. */
html[data-theme="studio"]{
  color-scheme:dark;--canvas:#101318;--card:#181D24;--sidebar:#11161C;
  --ink:#E5EAF0;--secondary:#A1ADB9;--edge:#343C47;--field:#11161C;
  --soft:#202832;--selected:#2A3643;--accent:#C1DDEA;--accent-ink:#14212B;
  --accent-text:#BDD9E9;--pink:#DFA68E;--pink-soft:#302723;--pink-ink:#EDBBA5;
  --positive:#B4CDBD;--positive-soft:#202D27;--positive-edge:#405247;
  --shadow:none;--radius:4px;--backdrop:#04070BDE;
}
html[data-theme="dark"]{
  --canvas:#0D1117;--card:#161D26;--sidebar:#111720;--field:#0F151D;
  --ink:#ECF1F7;--secondary:#A9B8C8;--edge:#354356;--soft:#202B39;
  --selected:#203B51;--accent:#7EC8EB;--accent-ink:#102631;--accent-text:#94D5F0;
  --pink:#DCA6C5;--pink-soft:#322735;--pink-ink:#F0C6DE;--radius:10px;
}
.bulk-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.bulk-toolbar button{font-size:11px;padding:9px 11px}
.bulk-text{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.bulk-text input{margin:0;flex:1;min-width:80px}.bulk-text button{white-space:nowrap;font-size:11px}
.wrap{flex-wrap:wrap;justify-content:flex-start;margin:13px 0}
.check-list{display:grid;gap:10px;margin:17px 0}
.viewer-controls{flex-wrap:wrap}
.result-table{max-height:330px;overflow:auto;margin-bottom:18px}
.proxy-result{display:grid;grid-template-columns:1fr;gap:4px;border-bottom:1px solid var(--edge);padding:10px 0;font-size:11px;overflow-wrap:anywhere}
.proxy-result span{color:var(--secondary)}.proxy-result.error span{color:var(--pink-ink)}
.auth-settings hr{border:0;border-top:1px solid var(--edge);margin:27px 0}
.auth-settings h2{margin-bottom:17px}
.job .job-result{color:var(--accent-text);background:transparent;margin:0;font-size:11px}
.job .job-progress{color:var(--secondary);background:transparent}
#clear-log{margin-bottom:12px;font-size:11px}
html[data-theme="studio"] .app{grid-template-columns:82px 1fr}
html[data-theme="studio"] .sidebar{width:82px;padding:25px 14px;border-right:1px solid var(--edge)}
html[data-theme="studio"] .brand{padding:0;justify-content:center}
html[data-theme="studio"] .brand>span:last-child{display:none}
html[data-theme="studio"] .brand-icon{border-radius:4px;background:transparent;border:1px solid var(--edge);color:var(--ink);font-size:31px;width:34px;height:36px}
html[data-theme="studio"] .nav-title{font-size:0;margin:25px 0 15px;border-bottom:1px solid var(--edge);height:1px}
html[data-theme="studio"] nav{gap:9px}
html[data-theme="studio"] nav button{font-size:0;padding:13px 0;justify-content:center;border-radius:3px;background:transparent;position:relative}
html[data-theme="studio"] nav button>span{font-size:22px}
html[data-theme="studio"] nav button.active{background:var(--soft);box-shadow:inset 0 -2px var(--accent)}
html[data-theme="studio"] nav b{font-size:9px;position:absolute;top:3px;right:1px;background:var(--selected);color:var(--ink)}
html[data-theme="studio"] .sidebar-footer{padding:17px 0 0;text-align:center}
html[data-theme="studio"] .sidebar-footer>span:not(.status-dot),html[data-theme="studio"] .sidebar-footer small{display:none}
html[data-theme="studio"] .sidebar-footer .status-dot{margin:0}
html[data-theme="studio"] #logout{font-size:0;display:block;width:100%;margin:20px 0 0}
html[data-theme="studio"] #logout:before{content:'↪';font-size:23px}
html[data-theme="studio"] main{padding:28px 32px 45px;max-width:none}
html[data-theme="studio"] header{border-bottom:1px solid var(--edge);padding-bottom:21px;margin-bottom:19px;align-items:center}
html[data-theme="studio"] header h1{font-size:24px;letter-spacing:-.4px;font-weight:600}
html[data-theme="studio"] .eyebrow{font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:1.1px}
html[data-theme="studio"] .metrics{gap:0;border:1px solid var(--edge);border-radius:4px;overflow:hidden;margin-bottom:20px}
html[data-theme="studio"] .metric{border:0;border-right:1px solid var(--edge);border-radius:0;min-height:115px;padding:17px 20px;box-shadow:none}
html[data-theme="studio"] .metric:last-child{border-right:0}
html[data-theme="studio"] .metric h2{font-size:28px;font-family:ui-monospace,Consolas,monospace;font-weight:500;letter-spacing:-1px}
html[data-theme="studio"] .metric>p span{background:transparent;padding:0;font-size:15px;color:var(--secondary)}
html[data-theme="studio"] .workspace{gap:20px;grid-template-columns:minmax(0,1fr) 294px}
html[data-theme="studio"] .workspace-main{gap:20px}
html[data-theme="studio"] .panel{padding:21px;border-radius:4px}
html[data-theme="studio"] .panel h2{font-size:15px;letter-spacing:0;font-weight:600}
html[data-theme="studio"] .panel-bottom{margin:13px -21px -21px;padding:12px 21px;background:transparent}
html[data-theme="studio"] .launch-panel{border-top:1px solid var(--edge)}
html[data-theme="studio"] .launch-panel>.eyebrow{color:var(--secondary)}
html[data-theme="studio"] .launch-panel form{margin-top:21px}
html[data-theme="studio"] .empty-state{min-height:210px;align-items:flex-start;text-align:left;padding:30px 0 21px}
html[data-theme="studio"] .empty-icon{display:none}
html[data-theme="studio"] .empty-state h3{font-size:18px;font-weight:500}
html[data-theme="studio"] .empty-state p{font-size:12px;max-width:420px;line-height:1.7}
html[data-theme="studio"] .empty-state button{background:transparent;border:0;padding-left:0;color:var(--accent-text)}
html[data-theme="studio"] button,html[data-theme="studio"] .button,html[data-theme="studio"] input:not([type=checkbox]),html[data-theme="studio"] select,html[data-theme="studio"] textarea{border-radius:3px}
html[data-theme="studio"] .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}
html[data-theme="studio"] .pill{border-radius:3px;padding:4px 8px;font-size:10px}
html[data-theme="studio"] .file-tag{border-radius:3px}
html[data-theme="studio"] .estimate{background:transparent;border-style:dashed;border-radius:3px}
html[data-theme="studio"] .launch-footer{font-size:10px;line-height:1.7}
html[data-theme="studio"] .device-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}
html[data-theme="studio"] .device-card{border-radius:4px}
html[data-theme="studio"] .device-top{background:transparent;padding:13px 14px}
html[data-theme="studio"] .device-info{padding:14px}
html[data-theme="studio"] .device-info>p{font-family:ui-monospace,Consolas,monospace;font-size:11px}
html[data-theme="studio"] .settings-grid{gap:18px}
html[data-theme="studio"] .settings-grid .panel{border-radius:4px}
html[data-theme="studio"] .terminal{border-radius:4px;background:var(--canvas);line-height:1.95}
html[data-theme="studio"] .login-card{box-shadow:none;border-radius:5px;max-width:410px}
html[data-theme="studio"] .login-card h1{font-size:28px;letter-spacing:-.5px}
html[data-theme="studio"] .login-card .brand-icon:after{display:none}
html[data-theme="studio"] .login-card .eyebrow{color:var(--secondary)}
html[data-theme="studio"] .toast{border-radius:4px;box-shadow:none}
html[data-theme="dark"] .panel,html[data-theme="dark"] .metric{box-shadow:none}
html[data-theme="dark"] header h1{font-size:27px;font-weight:550}
@media(max-width:1050px){html[data-theme="studio"] main{padding:25px 22px}html[data-theme="studio"] .workspace{grid-template-columns:1fr}.bulk-text{flex-wrap:wrap}.bulk-text input{flex-basis:100%}}
@media(max-width:600px){html[data-theme="studio"] .app{display:block}html[data-theme="studio"] .sidebar{width:100%;position:sticky;inset:0 0 auto;height:auto;padding:11px 15px;display:flex;flex-direction:row}html[data-theme="studio"] .brand-icon{height:29px;width:27px;font-size:25px}html[data-theme="studio"] nav{gap:4px;display:flex}html[data-theme="studio"] nav button{padding:8px 11px}html[data-theme="studio"] nav b{display:none}html[data-theme="studio"] main{padding:22px 15px}html[data-theme="studio"] header{gap:13px}html[data-theme="studio"] .metrics{grid-template-columns:1fr 1fr}html[data-theme="studio"] .metric{border-bottom:1px solid var(--edge);padding:14px;min-height:113px}html[data-theme="studio"] .metric:nth-child(even){border-right:0}html[data-theme="studio"] .metric:nth-last-child(-n+2){border-bottom:0}html[data-theme="studio"] .metric h2{font-size:23px}html[data-theme="studio"] .device-grid{grid-template-columns:1fr 1fr}html[data-theme="studio"] .panel{padding:17px}html[data-theme="studio"] .panel-bottom{margin:13px -17px -17px;padding:11px 17px}.bulk-toolbar button{font-size:10px}.viewer-heading{flex-wrap:wrap}.viewer-heading a{font-size:10px}}

.section-save{margin:4px 10px 20px 0}.toast{display:flex;align-items:flex-start;gap:20px;min-width:270px}.alert-content{flex:1;min-width:0;overflow-wrap:anywhere}.alert-content strong{font-size:12px}.alert-content p{margin-top:5px}.alert-close{border:0;background:transparent!important;color:inherit;padding:0 3px;font-size:22px;line-height:1}.toasts{max-height:85vh;overflow:auto}

.prepared-controls{border-top:1px solid var(--edge);margin-top:18px;padding-top:15px}.prepared-controls button{font-size:11px;margin:0 8px 12px 0}.device-screen{position:relative}.frame-note{position:absolute;bottom:0;left:0;right:0;padding:9px 10px;background:var(--card);border-top:1px solid var(--edge);color:var(--secondary);font-size:10px;line-height:1.5;text-align:center}.frame-note[hidden]{display:none}

.device-screen canvas{width:100%;height:100%;object-fit:contain}.viewer-content{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.viewer-content canvas{max-height:min(57vh,650px);height:auto;width:auto;max-width:100%;object-fit:contain;touch-action:none;user-select:none;background:var(--canvas)}