/* APS 3.2.0 — Estúdio Pro (tema escuro + dourado) */
body.aps-pro-on{overflow:hidden;height:100vh;height:100dvh}
body.aps-pro-on>*:not(#apsPro):not(dialog):not(script):not(style):not(link):not(.aps-tour):not(#apsTourBtn):not(#apsDrumNotice){display:none!important}
#apsPro{display:none}
body.aps-pro-on #apsPro{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(80px,1fr) auto;background:#0b0c13;color:#f1ead8;font:13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;z-index:50;user-select:none;-webkit-user-select:none}
#apsPro button{font:inherit;color:#f1ead8;background:#1c2130;border:1px solid #2e3446;border-radius:8px;padding:5px 9px;cursor:pointer;min-height:30px;touch-action:manipulation}
#apsPro button:hover{border-color:#6f5a34}#apsPro button.on{background:#d9af5b;color:#14110a;border-color:#d9af5b}#apsPro button:disabled{opacity:.35}
#apsPro input,#apsPro select{font:inherit;color:#f1ead8;background:#151925;border:1px solid #2e3446;border-radius:7px;padding:3px 5px}
#apsPro input[type=range]{accent-color:#d9af5b;padding:0;border:0;background:none}
.pro-top{display:flex;align-items:center;gap:6px;padding:5px 8px;background:linear-gradient(#191c28,#12141d);border-bottom:1px solid #2a2f40;overflow-x:auto;scrollbar-width:none;position:relative}
.pro-top::-webkit-scrollbar{display:none}
.pro-logo{font-weight:800;color:#14110a;background:linear-gradient(135deg,#f3d48a,#b8862f);border-radius:8px;padding:6px 8px;text-decoration:none;letter-spacing:.5px}
.pro-grp{display:flex;gap:4px;align-items:center;flex:none}.pro-right{margin-left:auto}
#apsPro .pro-play{background:#2a3b2f;border-color:#3f6b4b;min-width:42px;font-size:15px}#apsPro .pro-rec{color:#ff8a80;min-width:36px}#apsPro .pro-rec.on{background:#b3261e;color:#fff;animation:propulse 1s infinite}
@keyframes propulse{50%{box-shadow:0 0 0 4px #b3261e55}}
.pro-lcd{flex:none;background:#06080c;border:1px solid #3a3222;border-radius:9px;padding:3px 10px;display:flex;flex-direction:column;align-items:center;min-width:150px;box-shadow:inset 0 0 12px #000}
.pro-lcd span{font:700 15px ui-monospace,Menlo,monospace;color:#ffd77a;letter-spacing:.5px;white-space:nowrap}.pro-lcd small{color:#a89c80;font-size:11px;white-space:nowrap}.pro-lcd input{width:46px;padding:0 3px!important}.pro-lcd select{padding:0 2px!important}
.pro-sel{display:flex;gap:4px;align-items:center;font-size:11px;color:#a89c80}.pro-chk{font-size:11px;color:#a89c80;display:flex;gap:3px;align-items:center}
.pro-menu{position:fixed;right:8px;top:46px;background:#141723;border:1px solid #6f5a34;border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:60;min-width:240px;box-shadow:0 18px 50px #000b}
.pro-menu a,.pro-menu button{display:block;text-align:left;color:#f1ead8;text-decoration:none;padding:8px 10px;border-radius:8px;background:#1c2130;border:1px solid #2e3446}
.pro-main{display:grid;grid-template-columns:var(--hw,170px) 1fr;min-height:0;overflow:hidden}
.pro-heads{position:relative;overflow:hidden;background:#11141d;border-right:1px solid #2a2f40}
.pro-hcorner{position:absolute;top:0;left:0;right:0;height:26px;z-index:2;background:#151925;border-bottom:1px solid #2b3246;display:flex;align-items:center;padding:0 4px}
#apsPro .pro-hcorner button{min-height:20px;padding:1px 8px;font-size:11px}
.pro-hlist{position:absolute;top:26px;left:0;right:0}
.pro-head{box-sizing:border-box;border-bottom:1px solid #1b2030;padding:4px 6px 4px 9px;display:flex;flex-direction:column;gap:3px;position:relative;cursor:pointer}
.pro-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}.pro-head.sel{background:#1a1f2c}.pro-head.armed{background:#2a1416}
.pro-hrow{display:flex;gap:3px;align-items:center;min-width:0}.pro-hrow i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}.pro-hrow small{color:#8a8f9e;font-size:10px}
#apsPro .pro-hname{flex:1;min-width:0;background:transparent;border-color:transparent;font-weight:600;padding:1px 3px}#apsPro .pro-hname:focus{border-color:#6f5a34;background:#151925}
#apsPro .pro-head button{min-height:20px;padding:0 6px;font-size:11px;border-radius:5px}#apsPro .pro-head button.m{background:#3d5ea8;border-color:#3d5ea8;color:#fff}#apsPro .pro-head button.s{background:#d9af5b}#apsPro .pro-head button.r{background:#b3261e;color:#fff;border-color:#b3261e}
.pro-head input[type=range]{flex:1;min-width:30px;height:14px}
.pro-cv{position:relative;min-width:0;overflow:hidden}.pro-cv canvas{position:absolute;inset:0;touch-action:none;outline:none}
.pro-dock{border-top:1px solid #3a3222;background:#10131b;display:flex;flex-direction:column;height:min(42vh,360px);min-height:0}.pro-dock.closed{height:auto}.pro-dock.closed .pro-dock-body{display:none}
.pro-tabs{display:flex;gap:4px;padding:4px 6px;overflow-x:auto;scrollbar-width:none;align-items:center;background:#131622;border-bottom:1px solid #222838}.pro-tabs::-webkit-scrollbar{display:none}
#apsPro .pro-tabs button{flex:none;min-height:26px;padding:3px 10px;font-size:12px}
.pro-info{flex:1;min-width:120px;color:#a89c80;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;transition:color .3s}.pro-info.flash{color:#ffd77a}
.pro-dock-body{flex:1;overflow:auto;min-height:0;padding:6px 8px;-webkit-overflow-scrolling:touch}
.pro-strips{display:flex;gap:6px;min-height:100%;align-items:stretch}
.pro-strip{flex:none;width:92px;background:linear-gradient(#1a1e2b,#141824);border:1px solid #262c3c;border-top:3px solid var(--c,#d9af5b);border-radius:9px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:4px}
.pro-strip.master{border-top-color:#ffd77a;width:100px;margin-left:auto;background:linear-gradient(#231e13,#15130e)}
.pro-strip b{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-strip small{font-size:10px;color:#a89c80}
.pro-ins{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;min-height:34px}.pro-ins span{font-size:9px;background:#2a2417;border:1px solid #6f5a34;color:#f3e3c0;border-radius:4px;padding:0 3px}.pro-ins span.e{background:none;border-color:#2e3446;color:#667}
#apsPro .pro-ins button{min-height:18px;padding:0 5px;font-size:10px}
.pro-pan{width:74px}.pro-fadwrap{display:flex;gap:6px;align-items:stretch;height:120px}
.pro-fader{writing-mode:vertical-lr;direction:rtl;width:22px;height:120px}
.pro-meter{width:10px;height:120px;border-radius:3px;background:#0a0c12}
.pro-ms{display:flex;gap:3px}#apsPro .pro-ms button{min-height:20px;padding:0 7px;font-size:11px}#apsPro .pro-ms button.m{background:#3d5ea8;color:#fff}#apsPro .pro-ms button.s{background:#d9af5b;color:#111}
.pro-insp{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;align-items:end}.pro-insp>b{grid-column:1/-1;color:#f1d099}.pro-insp label{display:flex;flex-direction:column;font-size:11px;color:#a89c80;gap:2px}.pro-insp-b{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px}#apsPro .pro-insp-b .warn{color:#ff8a80}
.pro-panel>section{margin:0!important;display:block!important;max-width:none}
.aps-pro-back{position:fixed;left:14px;bottom:14px;z-index:9000;border:1px solid #d9af5b;background:#141723;color:#f1d099;border-radius:22px;padding:9px 14px;font:600 13px system-ui;box-shadow:0 6px 20px #0008;cursor:pointer}
body.aps-pro-on .aps-pro-back{display:none!important}
@media (max-width:720px),(max-height:500px){.pro-main{--hw:118px}.pro-lcd{min-width:118px}.pro-lcd span{font-size:13px}#apsPro button{padding:4px 7px;min-height:28px}.pro-dock{height:min(46vh,300px)}.pro-strip{width:80px}.pro-fadwrap,.pro-fader,.pro-meter{height:92px}}
@media (max-height:420px){.pro-dock{height:44vh}.pro-tabs{padding:2px 4px}}
.pro-logo{white-space:nowrap;flex:none}.pro-lcd small{display:flex;gap:3px;align-items:center}
@media (max-height:500px){.pro-top{padding:3px 6px;gap:4px}.pro-logo{padding:4px 6px;font-size:11px}.pro-sel{font-size:0}.pro-sel select{font-size:12px}.pro-chk{display:none}.pro-lcd{padding:1px 8px}.pro-lcd span{font-size:12px}.pro-dock{height:40vh}.pro-strip{width:74px}.pro-fadwrap,.pro-fader,.pro-meter{height:70px}#apsPro .pro-tabs button{padding:2px 8px;font-size:11px;min-height:24px}}
#apsPro{grid-template-columns:minmax(0,1fr)}#apsPro>*{min-width:0}
/* 3.8.0 Pro+ */
#apsPro .pro-plus{padding:8px;min-height:0}
#apsPro .pr-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}
#apsPro .pr-bar select,#apsPro .pr-bar input{background:#151925;color:#f1ead8;border:1px solid #2b3246;border-radius:8px;padding:5px;font:inherit}
#apsPro .pr-bar label{display:flex;gap:4px;align-items:center;color:#cfc3a6}
#apsPro button.gold{background:#d9af5b;color:#111;font-weight:700}
#apsPro .pr-grid{overflow:auto;max-height:34vh;border:1px solid #2b3246;border-radius:8px;-webkit-overflow-scrolling:touch}
#apsPro .pr-grid canvas{display:block;touch-action:pan-y}
#apsPro .au-cv{width:100%;height:140px;display:block;border:1px solid #2b3246;border-radius:8px;touch-action:none}
#apsPro .pro-plus:not([hidden]){display:flex;flex-direction:column}
@media(max-width:760px){#apsPro .pro-plus .pr-grid{order:-1;max-height:30vh;margin-bottom:6px}#apsPro .pr-bar{gap:4px}#apsPro .pr-bar button,#apsPro .pr-bar select{padding:4px 7px;font-size:12px}#apsPro .pr-bar #prInst{max-width:62vw}#apsPro .pro-plus .sub{font-size:11px}}

.lib-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:4px}.lib-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#151821;border:1px solid #2a2f3d;border-radius:8px}.lib-row span{flex:1;font-size:13px;color:#e9e1cc}.lib-row small{color:#9a8f76;margin-left:6px}.lib-row button{min-width:38px;min-height:34px}
body.aps-pro-on>#apsDrumNotice{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;box-shadow:0 6px 24px #000a}body.aps-pro-on>#apsDrumNotice[hidden]{display:none!important}
