.studio header{position:sticky;top:0;z-index:20;background:var(--paper);flex-wrap:wrap}
.studio-tabs{display:flex;flex-wrap:wrap;gap:6px}.studio-tabs button{background:none;border:1px solid #b1a487;padding:8px 12px;font-size:11px;font-weight:bold;color:var(--ink)}
.studio-tabs button.selected{background:var(--green);color:var(--paper);border-color:var(--green)}
.studio-main{padding:28px 4% 80px}
.studio h2{font-size:clamp(28px,3vw,42px);margin:0 0 14px}
.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px}
.toolbar select,.toolbar input{width:auto;margin:0;padding:9px}
.panel{background:var(--paper-light);border:1px solid #b6a98d;padding:18px;margin-bottom:20px}
.panel h3{margin:0 0 12px;font-size:15px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
td .button,td button{padding:7px 10px;font-size:10px;box-shadow:none}
td input,td select{padding:7px;margin:0;font-size:12px}
.short{color:var(--red);font-weight:bold}.okc{color:#2c6b3b;font-weight:bold}
.bar{height:10px;background:var(--green);display:inline-block;vertical-align:middle;margin-right:8px;min-width:2px}
.status-actions{display:flex;gap:6px;flex-wrap:wrap}
.prod-edit{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px}
.prod-edit img{width:120px;height:120px;object-fit:cover;border:1px solid #9a8b6a}
.vtable td{padding:6px 4px}
.toggles{display:flex;gap:18px;flex-wrap:wrap}.toggles label{display:flex;gap:6px;align-items:center;font-weight:normal}.toggles input{width:auto;margin:0}
@media(max-width:800px){.two,.prod-edit{grid-template-columns:1fr}}
