/* RSA Studio — shared visual system, local fonts and no network dependencies. */
:root{--bg:#0b0d12;--surface:#141820;--raised:#1a202a;--line:#2a313d;--text:#f3f5fa;--muted:#929daa;--accent:#c5f478;--cyan:#73d7e7;--amber:#f6c76c;--radius:18px;font-family:'Segoe UI Variable',Inter,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth;scroll-padding-top:95px}body{grid-template-columns:238px minmax(0,1fr);background:radial-gradient(ellipse at 80% 0,#20344250,transparent 40%),var(--bg);font-size:14px;line-height:1.5}aside{position:sticky;top:0;height:100vh;padding:32px 20px 22px;background:#10131a;border-color:#252b35;overflow-y:auto;z-index:15}.brand{font-size:12px;letter-spacing:.09em}.brand .mark{border-radius:15px;background:var(--accent);box-shadow:0 4px 26px #c5f47820;padding:15px 10px;color:#172015;font-size:19px}.brand small{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#8b97a7}.side-label{margin:32px 12px 12px;font-size:9px;letter-spacing:.18em;color:#687585}aside nav{gap:4px}aside nav button{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#99a4b5;font-size:12px;border:1px solid transparent;transition:background .16s,color .16s}aside nav button span:first-child{font-size:17px;width:19px;color:#8994a5;text-align:center}aside nav button.selected{background:#c5f47812;border-color:#c5f47838;color:#dcf9b4}aside nav button.selected span:first-child{color:var(--accent)}aside nav button small{font:8px ui-monospace,monospace;letter-spacing:.1em;margin:0 0 0 auto;color:var(--accent);border:1px solid #c5f47840;border-radius:4px;padding:2px 5px}#sites button{display:block;font-weight:600;background:#1b222d;border:1px solid #384250;padding:14px;line-height:1.5}#sites button span{display:block;width:auto;text-align:left;font-size:12px;color:#f0f4fb}#sites button small{font-size:10px;font-weight:400;border:0;margin:5px 0 0;padding:0;color:#8995a4}.aside-bottom{font-size:10px;color:#a0adbd;padding:32px 12px 0}.aside-bottom small{font-size:10px;color:#5e6c7c}main{max-width:1800px;padding:38px 40px 28px;min-width:0}header{margin-bottom:24px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:.18em;color:var(--cyan)}h1{font-weight:650;font-size:clamp(28px,3vw,44px);letter-spacing:-1.5px;line-height:1.15;margin:16px 0 12px}h2{font-weight:600;letter-spacing:-.6px;font-size:24px}h3{font-size:17px;font-weight:600;letter-spacing:-.3px}#identity{font-size:12px;color:#718092}p{color:var(--muted);font-size:13px;line-height:1.8}.section-label{font:9px ui-monospace,monospace;letter-spacing:.18em;color:#7d8b9e}.panel{background:linear-gradient(135deg,#191e27,#13171e);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 35px #00000018}#workspace>.panel>.section-heading{margin-top:0}.studio-view-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0;gap:20px}.studio-view-title h2{margin:6px 0;font-size:30px;letter-spacing:-1px}.studio-badge{font:9px ui-monospace,monospace;letter-spacing:.08em;color:#8d9bad;padding:7px 10px;border:1px solid #354151;border-radius:6px;white-space:nowrap}.overview{grid-template-columns:1fr 1fr 1.3fr;gap:14px;margin-bottom:18px}.metric{position:relative;overflow:hidden;gap:15px;min-height:132px;box-shadow:none}.metric:after{content:'';position:absolute;bottom:0;left:25px;width:40px;height:2px;background:var(--cyan);opacity:.6}.metric:nth-child(2):after{background:var(--accent)}.metric strong{font-size:20px;font-weight:550;letter-spacing:-.4px}.metric span{font-size:11px;color:#78879b}.section-heading{margin:30px 0 18px}.pill{background:#171e28;border:1px solid #364151;color:#b2c1ce;font:10px ui-monospace,monospace;padding:7px 11px}.zones{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.zone{position:relative;padding:24px;border:1px solid #333d4b;border-radius:16px;background:linear-gradient(150deg,#222b36,#161b24 68%);overflow:hidden;box-shadow:0 15px 35px #0002}.zone:before{content:'';position:absolute;left:24px;top:0;height:3px;width:36px;background:var(--accent);border-radius:0 0 5px 5px}.zone:nth-child(2n):before{background:var(--cyan)}.zone .zone-head{font:10px ui-monospace,monospace;color:#8f9cb0;letter-spacing:.07em}.zone h3{font-size:24px;font-weight:550;margin:24px 0 14px;letter-spacing:-.8px}.indicator.active{background:var(--accent);box-shadow:0 0 12px #c5f47870}.level{font:500 44px 'Segoe UI Variable','Segoe UI',sans-serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}.level small{font:11px ui-monospace,monospace;color:#77869b}.zone-meter-caption{font:8px ui-monospace,monospace;letter-spacing:.05em;color:#8292a8}.meter-track{background:#080c12;border-color:#2c3745;border-radius:5px;box-shadow:inset 0 2px 6px #0006}.zone .meter-track{height:26px}.meter-fill{background:linear-gradient(90deg,#36bda0,#c5f478 72%,#f3cb67 88%,#ef6770)}.meter-scale{font:8px ui-monospace,monospace;letter-spacing:.02em;color:#6b7e92}.meter small,.meter-status{font:10px ui-monospace,monospace;color:#a6b8ca}.meter-note{font-size:10px;color:#667a8b}.zone input[type=range]{accent-color:var(--accent);height:7px;margin:25px 0;cursor:ew-resize}.zone button{border-radius:8px}.zone button.is-muted{background:#f6c76c12;border-color:#f6c76c40;color:#f6c76c}.dsp-open{background:#ffffff04;border:1px solid #3b485a;color:#a9b7c9;font-size:11px;padding:9px;letter-spacing:.04em}button{background:#202937;border-color:#354357;color:#dce4ef;border-radius:9px;font-size:12px;padding:11px 16px;transition:background .15s,border-color .15s,transform .15s;line-height:1.4}button:hover:not(:disabled){background:#2c3849;border-color:#58667d;filter:none}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#1c2a0d;font-weight:650;box-shadow:0 3px 15px #c5f47815}button.primary:hover{background:#d5ff95;border-color:#d5ff95}button.danger,#studio-stop{background:#f1818910;border-color:#e7738038;color:#f6a1a9}button:disabled{opacity:.4}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:not([type=range]),select,textarea{background:#0e131b;border-color:#344154;border-radius:9px;padding:12px;font-size:12px;color:#e3ebf5;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}label{color:#a9b7c8;font-size:11px;gap:9px}label small{color:#697c91}form{gap:18px}input[type=checkbox]{accent-color:var(--accent)}input[type=file]::file-selector-button{background:#29384a;border:0;border-radius:6px;color:#cbd8e6;padding:8px 12px;margin-right:12px;cursor:pointer}.footnote{font-size:11px;line-height:1.8;color:#74859b}.section-heading .footnote{margin:0}.media-panel,#server-panel,#osc-panel,#admin-panel,#audit-panel{margin-top:26px}.media-tabs{gap:6px;padding:6px;border:1px solid #2c3847;background:#0f141c;border-radius:12px;margin:24px 0;flex-wrap:wrap}.media-tabs button{padding:11px 18px;border:0;border-radius:8px;background:transparent;color:#8f9fb5;flex:1;text-align:center;white-space:nowrap}.media-tabs button.selected{background:#2d3a29;color:#d8f3b9;box-shadow:inset 0 0 0 1px #c5f47833}.media-now{background:linear-gradient(120deg,#26352b,#182329 60%);border-color:#415840;border-radius:12px;padding:22px;margin:12px 0 18px}.media-now>strong{font-weight:550;font-size:21px;letter-spacing:-.4px}.media-now>span:last-of-type{font:10px ui-monospace,monospace;color:#95a9a5}.media-now>p{font-size:12px}.media-actions{gap:7px;align-items:center}.media-row{background:#111720;border-color:#2c3948;border-radius:11px;padding:15px 17px;transition:border-color .15s,background .15s}.media-row:hover{border-color:#4a5a6f;background:#161e29}.media-row>div:first-child{min-width:0}.media-row strong{font-size:13px;font-weight:550}.media-row small{font-size:10px;color:#8093ab}.media-row .media-actions{flex-shrink:0}.media-row .media-actions button{font-size:10px}.media-list{gap:9px}.media-two{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.media-drop{border:1px dashed #637f48;background:radial-gradient(ellipse at 50% 0,#c5f47815,transparent),#141f1c;border-radius:16px;padding:42px 24px;transition:background .2s,border-color .2s}.media-drop:before{content:'↥';display:grid;place-items:center;width:52px;height:52px;border:1px solid #c5f47840;border-radius:16px;background:#c5f47810;color:var(--accent);font-size:32px}.media-drop strong{font-size:22px;color:#e3f7cb;letter-spacing:-.5px}.media-drop span,.media-drop small{font-size:11px;color:#879f8e}.media-drop.drag-over,.drop-hover{background:#29432c!important;border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)}.studio-drop-hint{font:10px ui-monospace,monospace;color:#a5be8c;border:1px dashed #61724c;border-bottom:0;border-radius:10px 10px 0 0;padding:12px 16px;background:#c5f47808}.playlist-tracks{min-height:100px;border:1px dashed #61724c;border-top:0;border-radius:0 0 10px 10px;margin:0;padding:10px}.playlist-tracks:empty:after{content:'La tua selezione inizia qui.';display:block;color:#6f8290;padding:24px;text-align:center;font-size:12px}.playlist-item{padding:13px;background:#1b252e;border:1px solid #3c4b58;border-radius:8px}.playlist-item:before{content:'⠿';font-size:20px;color:#687c8a}.playlist-item span{font-size:12px;color:#d1dce7}.playlist-item button{font-size:11px}.studio-palette{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.studio-source-chip{display:flex;align-items:center;gap:10px;background:#1c2731;border:1px solid #3e5363;border-radius:10px;padding:12px 16px;cursor:grab;color:#c7e0e7;font-size:12px}.studio-source-chip:before{content:'⠿';color:var(--cyan);font-size:18px}.studio-source-chip:active,[draggable=true]:active{cursor:grabbing}[draggable=true]{cursor:grab}.studio-route-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.studio-route-target{border:1px dashed #56738a;background:linear-gradient(160deg,#182b38,#141c27);padding:24px;border-radius:14px;min-height:210px;display:grid;gap:14px}.studio-route-target h3{font-size:23px;letter-spacing:-.8px;margin:0}.studio-route-target small{font-size:10px;color:#91aec0}.studio-route-target .section-label{color:var(--cyan)}.studio-intro h3{font-size:26px;margin:7px 0;letter-spacing:-.8px}.studio-intro p{margin:0}.studio-track-library{max-height:440px;overflow:auto;padding-right:4px}.studio-track-library .media-row{padding:12px}.studio-track-library .media-actions{gap:3px}.media-week{gap:8px;margin:22px 0 30px;grid-template-columns:repeat(7,minmax(125px,1fr));padding-bottom:10px}.media-day{background:#0e141d;border-color:#2d3a4a;border-radius:12px;min-height:210px;padding:14px 10px}.media-day>strong{font:10px ui-monospace,monospace;color:#c0cede;text-transform:uppercase;letter-spacing:.12em}.media-day>small{font-size:10px;color:#567082}.media-slot{background:linear-gradient(135deg,#2b3e31,#1d2f32);border-left:2px solid var(--accent);padding:12px 9px;border-radius:6px}.media-slot b{font:10px ui-monospace,monospace;color:#d5f2ae}.media-slot span{font-size:11px;color:#c1d5cc}.media-slot small{font-size:9px;color:#7d9f9a}.media-slot button{padding:5px 7px;margin-top:9px;font-size:9px}.media-route-list{margin:12px 0}.media-route-list .media-row{background:#ffffff03}.media-check input[type=checkbox]{accent-color:var(--accent)}#media-days,#media-schedule-outputs{background:#111922;border-color:#34485a}.media-usb-browser{background:#111d25;border-color:#35576b}.osc-entry{background:#101b26;border-color:#2e465e;border-radius:10px}.osc-entry code{color:#80c4da}.osc-copy-button{border-color:#3a4d61!important;color:#83a4bd!important;background:#182432!important;opacity:.72;border-radius:4px!important;padding:3px 6px!important;transition:opacity .15s}.osc-copy-button:hover,.osc-copy-button:focus-visible{opacity:1}.zone .osc-copy-button{margin:3px 0!important}.osc-dialog{backdrop-filter:blur(8px)}.osc-dialog-card{background:#17202c;border-color:#44556a;border-radius:20px;box-shadow:0 25px 100px #000a}.dsp-panel{background:#111923!important;border-color:#35455b!important;border-radius:18px!important}.dsp-module{border-radius:12px!important;overflow:hidden}.module-head{background:linear-gradient(110deg,#243244,#1c2735)!important}.dsp-flow{font:10px ui-monospace,monospace!important;letter-spacing:.04em;color:#a2bed4!important}.dsp-buttons{backdrop-filter:blur(10px);box-shadow:0 8px 30px #0007}.login{max-width:500px;margin:50px auto;background:radial-gradient(ellipse at 100% 0,#c5f47812,transparent 55%),#171c25;padding:40px}.login h2{font-size:32px;color:#f1f8e7}.login button.primary{padding:14px}#notice:not(:empty){position:sticky;top:76px;z-index:21;background:#2b2731f5;border-color:#776044;box-shadow:0 10px 35px #0005;backdrop-filter:blur(12px);font-size:12px;color:#e9cca2}#studio-topbar{position:sticky;top:0;z-index:20;background:#10151deF;border:1px solid #303c4c;box-shadow:0 8px 25px #0003;border-radius:12px;padding:12px 16px;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 24px;font-size:11px;color:#a6b6c8}#studio-topbar>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-divider{color:#445468}#studio-section{color:#e1e9f3}.studio-led{width:6px;height:6px;border-radius:50%;background:#667386;display:inline-block}.studio-led.online{background:var(--accent);box-shadow:0 0 12px #c5f47860}.studio-led.warning{background:var(--amber)}.studio-transport{display:flex;align-items:center;gap:6px}.studio-transport button{font-size:10px;padding:8px 10px;white-space:nowrap}#studio-play{background:#c5f47812;border-color:#c5f47844;color:#d3efaf}.studio-transport .osc-copy-button{margin:0!important;font-size:8px!important}body.ui-ready #workspace>[data-workspace-view]:not(.view-active){display:none!important}.view-active{animation:studio-enter .22s ease-out}.list-row,.audit-row{border-color:#2c3949}details{border-color:#303e50}summary{color:#adbed4}footer{border-color:#263241;color:#596d84;font:10px ui-monospace,monospace;margin-top:36px;padding-top:18px}*{scrollbar-width:thin;scrollbar-color:#3a4c5d #111720}@keyframes studio-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:1550px){main{padding:44px 58px}.zones{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.zone{padding:28px}}@media(max-width:1150px){body{grid-template-columns:200px minmax(0,1fr)}aside{padding:25px 14px}main{padding:28px 24px}.overview{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.studio-transport .osc-copy-button{display:none}.media-two{grid-template-columns:1fr}.studio-view-title h2{font-size:26px}.media-row{flex-wrap:wrap}}@media(max-width:760px){body{display:block}aside{position:relative;height:auto;padding:18px 20px;border-right:0;border-bottom:1px solid #2e3b4a}.brand{margin-bottom:10px}.brand .mark{padding:8px}.side-label{margin:16px 10px 8px}aside nav{display:flex;overflow-x:auto}aside nav button{flex-shrink:0;min-width:0}#studio-navigation>nav{display:flex;flex-wrap:nowrap}#studio-navigation .side-label{display:none}#studio-navigation{margin-top:12px}#studio-navigation nav+nav{margin-top:6px}#sites{display:flex}#sites button{min-width:210px}aside>.side-label,.aside-bottom{display:none}main{padding:24px 18px}h1{font-size:30px}.overview{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:18px;min-height:120px}.metric strong{font-size:17px}.zones{grid-template-columns:1fr 1fr;gap:12px}.zone{padding:18px}.zone h3{font-size:21px}.zone .meter-track{height:19px}.panel{padding:20px}.level{font-size:38px}#studio-topbar{top:8px;flex-wrap:wrap;padding:12px}.studio-transport{width:100%}.studio-transport button{flex:1}.studio-badge{display:none}.studio-view-title h2{font-size:25px}.media-tabs{overflow:auto;flex-wrap:nowrap}.media-tabs button{flex-shrink:0}.media-week{grid-template-columns:repeat(7,150px)}.section-heading h2{font-size:21px}.section-heading{flex-wrap:wrap}}@media(max-width:420px){.zones{grid-template-columns:1fr}.overview{grid-template-columns:1fr}.metric:last-child{grid-column:auto}.studio-view-title h2{font-size:23px}}
/* Keep lists usable when OSC actions share the row. */
.media-row{flex-wrap:wrap}.media-row>div:first-child{flex:1 1 160px;min-width:140px}.media-row>.media-actions{flex:0 1 auto;max-width:100%}.media-two>form{align-self:start}.media-two form>.osc-copy-button,.studio-route-target>.osc-copy-button{justify-self:start}#media-playlist-list .media-row{flex-direction:column;align-items:stretch}#media-playlist-list .media-row>div:first-child{flex-basis:auto}#media-playlist-list .media-actions{justify-content:flex-start}.studio-route-target>label+.osc-copy-button{justify-self:start}.dragging{opacity:.45}
.panel label>.osc-copy-button{justify-self:start}.studio-palette .osc-copy-button{flex:0 0 auto}.media-slot .osc-copy-button{display:inline-block}
[draggable=true]{user-select:none;-webkit-user-select:none}.studio-drag-handle{font-size:18px!important;line-height:1;margin:0 0 9px!important;color:#87a78c!important;cursor:grab}.media-slot .studio-drag-handle{display:block;text-align:right;opacity:.7}
.studio-drag-handle{touch-action:none;min-height:24px;padding:3px;min-width:28px}
@media(max-width:950px){.media-row>div:first-child{flex:0 1 auto}.media-row>.media-actions{flex:0 1 auto}.media-row{gap:14px}}

.header-language{display:inline-flex;align-items:center;gap:10px;font-size:12px;margin:4px 0 12px}.header-language select{min-width:125px;padding:8px 12px}.language-settings{border:1px solid #35474d;border-radius:16px;padding:20px;margin:20px 0}.language-settings label{display:flex;gap:18px;align-items:center}.language-settings select{min-width:170px}.language-settings p{font-size:12px;color:#a6bdc4}