:root{--bg: #0f1411;--panel: rgba(20, 29, 24, .88);--line: rgba(190, 221, 195, .16);--text: #f2efe3;--muted: #b8c0b1;--accent: #d4a85a;--accent-strong: #b86f2f;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(212,168,90,.16),transparent 35%),linear-gradient(180deg,#0b0f0d,#101712)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,black,transparent);mask-image:linear-gradient(180deg,black,transparent)}button,input{font:inherit}#root{min-height:100vh}.media-bridge-audio{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;inset:auto auto 0 0}.app-shell{width:min(1100px,calc(100vw - 32px));margin:0 auto;padding:28px 0 64px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-topbar{display:flex;justify-content:flex-end;margin-bottom:10px}.hero{margin-bottom:18px}.locale-picker{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end}.locale-picker-button{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#ffffff08;color:#e8eee4b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.locale-picker-button:hover:not(:disabled),.locale-picker.open .locale-picker-button{transform:none;color:#f2efe3eb;border-color:#d4a85a2e;background:#ffffff0d}.locale-picker-current{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.locale-picker-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:172px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#18211bf5,#0a0e0cf0),#0a0e0cf0;box-shadow:0 18px 42px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40}.locale-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:12px;background:transparent;color:#ebf0e6e0}.locale-picker-option:hover:not(:disabled),.locale-picker-option.active{transform:none;background:#ffffff0d}.locale-picker-option.active{color:#f4dfb5}.locale-picker-option-main{display:inline-flex;align-items:baseline;gap:10px}.locale-picker-option-short{min-width:2.2em;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.locale-picker-option-label{font-size:.9rem}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:12px 16px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:#0e1410b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-toolbar-clusters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.view-toolbar-group{display:flex;align-items:center;gap:12px}.view-toolbar-label{color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.view-toolbar-hint{margin:0;color:#d6ddcf;font-size:.9rem}.eyebrow,.status-label,.deck-title,label{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted)}h1{margin:0 0 8px;font-family:Cinzel,serif;font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.08}.lead{max-width:620px;margin:0;color:#d7decf;font-size:.96rem}.controls-card,.deck-card,.debug-panel,.master-console,.scene-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-value,.deck-scene,.deck-track,.deck-volume{margin:0}.status-value{font-size:1.15rem;font-weight:700;max-width:100%}.truncate-fade{display:block;overflow:hidden;white-space:nowrap;text-overflow:clip;mask-image:linear-gradient(90deg,#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 84%,transparent 100%)}.fixed-metric{display:inline-block;min-width:4ch}.percent-value{text-align:right;font-variant-numeric:tabular-nums}button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:default;opacity:.72}.primary-button,.scene-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#1c1308;font-weight:800}.ghost-button{background:#ffffff0f;color:var(--text)}.controls-card{margin-top:18px;padding:16px 18px}.controls-collapsed-dock{display:flex;justify-content:flex-end;margin-top:18px}.controls-collapsed-gear{display:inline-grid;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0f1511c2;color:#e8eee4c2;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls-collapsed-gear:hover:not(:disabled){background:#d4a85a1a;color:#f0dfb7;border-color:#d4a85a2e}.master-console{margin-top:18px;padding:22px;position:sticky;top:12px;z-index:28;background:#030504eb;border-color:#ffffff0f}.transport-line{display:flex;align-items:center;gap:10px;min-width:0}.transport-chip{flex:0 0 auto;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f0dfb7;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.transport-chip-loading,.transport-chip-switching{color:#ffe5b0;background:#d4a85a1f;border-color:#d4a85a3d}.transport-chip-playing,.transport-chip-ready{color:#dff0cf;background:#7ba86c24;border-color:#7ba86c3d}.transport-chip-paused,.transport-chip-stopped{color:#e7ddd0;background:#ffffff0f}.transport-chip-pausing{color:#ffe5b0;background:#d4a85a24;border-color:#d4a85a3d;animation:transport-chip-pulse .95s ease-in-out infinite}.transport-chip-error{color:#ffd7c0;background:#b86f2f24;border-color:#b86f2f47}.master-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.master-player-summary,.player-summary{display:flex;align-items:center;gap:14px;min-width:0}.player-art{display:grid;place-items:center;overflow:hidden;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#d4a85a38,#ffffff0f),#ffffff08;color:#f0dfb7;font-size:1.35rem;box-shadow:inset 0 1px #ffffff14}.player-art-image{width:100%;height:100%;object-fit:cover;display:block}.player-summary-copy{min-width:0;flex:1 1 auto}.player-context-row{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:8px}.player-scene-chip{flex:0 0 auto;max-width:220px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e8eee4e6;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.player-transport-line{flex:1 1 auto}.player-transport-copy{color:#efe9d9;font-size:.94rem;font-weight:700}.player-track,.player-subline{margin:0}.player-track{font-size:1.02rem;font-weight:700;text-align:left}.player-subline{margin-top:4px;color:var(--muted);font-size:.84rem;text-align:left}.master-player-transport{display:flex;justify-content:flex-end;flex:0 0 auto}.player-time{min-width:3.5ch;color:#f0efe8;font-size:.95rem;font-variant-numeric:tabular-nums}.player-progress-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:12px;margin-top:8px;grid-column:1 / -1}.filled-range{--range-fill: 0%;--range-track: rgba(255, 255, 255, .2);--range-progress-color: #f4f1e6;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:18px;margin:0;padding:0;background:transparent;border:0;accent-color:transparent}.player-range{width:100%}.filled-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--range-progress-color) 0%,var(--range-progress-color) var(--range-fill),var(--range-track) var(--range-fill),var(--range-track) 100%)}.filled-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:999px;background:transparent;box-shadow:none;opacity:0}.filled-range::-moz-range-track{height:4px;border:0;border-radius:999px;background:var(--range-track)}.filled-range::-moz-range-progress{height:4px;border-radius:999px;background:var(--range-progress-color)}.filled-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:999px;background:transparent;box-shadow:none;opacity:0}.player-volume-inline{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:108px;color:#f0efe8b3}.master-volume-control{--volume-fill-current: 0%;--volume-fill-target: 0%;--volume-travel-offset: 0%;--volume-travel-width: 0%;position:relative;width:100%;min-width:84px;max-width:104px;height:18px;display:flex;align-items:center}.master-volume-track-base,.master-volume-track-target,.master-volume-track-current,.master-volume-track-travel{position:absolute;left:0;right:0;height:4px;border-radius:999px;pointer-events:none}.master-volume-track-base{background:#ffffff29}.master-volume-track-target{right:auto;width:var(--volume-fill-target);background:#d4a85a57}.master-volume-track-current{right:auto;width:var(--volume-fill-current);background:#f0efe8f5;box-shadow:0 0 12px #f4efe62e}.master-volume-track-travel{right:auto;left:var(--volume-travel-offset);width:var(--volume-travel-width);opacity:0;height:6px;background:linear-gradient(90deg,#d4a85a1f,#d4a85ab8,#f4efe64d);box-shadow:0 0 12px #d4a85a38}.master-volume-control.ramping .master-volume-track-travel{opacity:1;animation:master-volume-travel-pulse 1s ease-in-out infinite}.master-volume-current-marker,.master-volume-target-marker{position:absolute;top:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.master-volume-current-marker{left:var(--volume-fill-current);width:8px;height:8px;border:2px solid rgba(244,239,230,.96);background:#0b0f0df2;box-shadow:0 0 0 2px #f4efe61a}.master-volume-target-marker{left:var(--volume-fill-target);width:12px;height:12px;border:2px solid rgba(212,168,90,.98);background:#0b0f0df2;box-shadow:0 0 0 3px #d4a85a29}.master-volume-control.ramping .master-volume-target-marker{animation:master-volume-marker-pulse 1.15s ease-in-out infinite}.master-volume-range{width:100%}.master-volume-range-overlay{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;z-index:2;width:100%;min-width:84px;max-width:104px;--range-progress-color: transparent;--range-track: transparent}.master-volume-range-overlay::-webkit-slider-runnable-track{background:transparent}.master-volume-range-overlay::-moz-range-track,.master-volume-range-overlay::-moz-range-progress{background:transparent}.master-volume-range-overlay::-webkit-slider-thumb,.master-volume-range-overlay::-moz-range-thumb{-webkit-appearance:none;opacity:0}.player-transport{display:flex;align-items:center;gap:10px}@keyframes master-volume-travel-pulse{0%,to{opacity:.38;filter:brightness(.96)}50%{opacity:.88;filter:brightness(1.08)}}@keyframes master-volume-marker-pulse{0%,to{box-shadow:0 0 0 3px #d4a85a1f}50%{box-shadow:0 0 0 5px #d4a85a38}}@keyframes scene-loading-shimmer{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes scene-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes transport-chip-pulse{0%,to{filter:brightness(.98);box-shadow:0 0 #d4a85a0f}50%{filter:brightness(1.06);box-shadow:0 0 0 4px #d4a85a14}}.player-transport-button,.player-play-toggle{min-height:44px}.player-transport-button{display:grid;place-items:center;min-width:38px;width:38px;padding:0;background:transparent;color:#d4a85af2;border-radius:999px;text-shadow:0 0 16px rgba(212,168,90,.2)}.player-play-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;background:#f5f3ea;color:#121212;box-shadow:inset 0 1px #ffffffa6,0 8px 18px #0000004d}.player-play-toggle.pending{color:#5b420d;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #0000004d,0 0 0 4px #d4a85a1f;animation:transport-chip-pulse .95s ease-in-out infinite}.player-transport-button:hover:not(:disabled),.player-play-toggle:hover:not(:disabled){transform:translateY(-1px) scale(1.03)}.player-transport-button:hover:not(:disabled){color:#f0dfb7;background:#d4a85a14}.player-transport-button:disabled,.player-play-toggle:disabled{opacity:.4}.slider-row{display:flex;align-items:center;gap:16px}.controls-header,.debug-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px}.controls-title{margin:0;font-family:Cinzel,serif;font-size:1.15rem}.view-mode-switch{display:inline-flex;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.view-mode-button{padding:8px 14px;background:transparent;color:var(--muted);font-weight:700}.view-mode-button.active{background:#d4a85a29;color:#f6e6bc}.controls-collapse-button{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;background:#ffffff0f;color:var(--text);font-weight:700}.controls-collapse-button:hover:not(:disabled){background:#d4a85a1a}.controls-collapsed-summary{margin-top:14px}.hotkeys-hint{margin:0;color:#cfd6c8;font-size:.88rem}.slider-row input[type=range]{flex:1 1 420px;width:auto;accent-color:var(--accent)}.seconds-value{min-width:5ch;text-align:right}.controls-card-compact{background:#0f1511cc}.controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-tile{padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:linear-gradient(180deg,#ffffff0a,#080c0a33),#080c0a3d}.control-description{margin:0 0 12px;color:var(--muted);font-size:.88rem;line-height:1.45}.compact-slider-row{gap:12px}.compact-slider-row input[type=range]{flex-basis:0}.controls-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.controls-chip-list,.technical-strip{display:flex;flex-wrap:wrap;gap:10px}.controls-chip{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--muted);font-size:.82rem;letter-spacing:.04em}.controls-chip-live{color:#f6e4b8;border-color:#d4a85a47;background:#d4a85a1a}.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}.hidden-scenes-dock{margin-top:22px;padding:14px 16px;background:linear-gradient(180deg,#d4a85a14,#101713cc),#101713b8;border:1px solid rgba(190,221,195,.14);border-radius:20px}.hidden-scenes-dock-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hidden-scenes-title{margin:0 0 10px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--muted)}.hidden-scenes-count{min-width:2.5rem;padding:4px 10px;border-radius:999px;background:#ffffff0f;color:#f0dfb7;font-size:.8rem;text-align:center}.hidden-scenes-grid{display:flex;flex-wrap:wrap;gap:10px}.hidden-scene-chip{display:grid;align-content:space-between;min-width:116px;min-height:74px;padding:10px 10px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--text);text-align:left;box-shadow:inset 0 1px #ffffff0f}.hidden-scene-name{min-width:0;font-size:.9rem;font-weight:700}.hidden-scene-action{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f0dfb7}.scene-card{--scene-accent: 212 168 90;position:relative;overflow:hidden;padding:26px 22px 22px;background:linear-gradient(180deg,rgb(var(--scene-accent) / calc(.08 + var(--scene-intensity, 0) * .26)),#141d18f0);border-color:rgb(var(--scene-accent) / calc(.14 + var(--scene-intensity, 0) * .42));box-shadow:0 24px 60px #00000059,0 0 calc(8px + var(--scene-intensity, 0) * 26px) rgb(var(--scene-accent) / calc(.08 + var(--scene-intensity, 0) * .28));transform:translateY(calc(var(--scene-intensity, 0) * -2px));transition:background .14s linear,border-color .14s linear,box-shadow .14s linear,transform .14s linear}.scene-card:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,calc(.16 + var(--scene-intensity, 0) * .7)),transparent);opacity:calc(.22 + var(--scene-intensity, 0) * .78);transition:opacity .14s linear,background .14s linear}.scene-hide-button{position:absolute;top:12px;left:12px;width:26px;min-width:26px;min-height:26px;padding:0;border-radius:999px;background:#080c0a80;border:1px solid rgba(255,255,255,.12);color:#f0efe8c2;font-size:.95rem;line-height:1;display:grid;place-items:center}.scene-hide-button:hover:not(:disabled){color:#f7f1df;border-color:#ffffff40;background:rgb(var(--scene-accent) / .14)}.scene-card.active:after{opacity:1}.scene-card.scene-state-loading,.scene-card.scene-state-incoming{box-shadow:0 24px 60px #00000059,0 0 22px rgb(var(--scene-accent) / .22)}.scene-card.scene-state-outgoing{filter:saturate(.92)}.scene-theme{margin:12px 0 0;font-family:Cinzel,serif;font-size:1.65rem}.scene-intensity-badge{position:absolute;top:14px;right:16px;min-width:3.5ch;text-align:right;color:rgb(var(--scene-accent) / calc(.28 + var(--scene-intensity, 0) * .42));font-size:.76rem;letter-spacing:.08em;opacity:.8;pointer-events:none}.scene-copy{min-height:72px;margin:10px 0 18px;color:#d6ddcf}.scene-meta{margin:0 0 18px;color:var(--muted);font-size:.92rem}.scene-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;margin:0 0 16px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#080c0a2e),#080c0a47}.scene-status-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.scene-status-badge-playing{color:#dff0cf;background:#7ba86c24;border-color:#7ba86c47}.scene-status-badge-paused{color:#ece3d2;background:#ffffff0f}.scene-status-badge-pausing,.scene-status-badge-loading,.scene-status-badge-incoming,.scene-status-badge-outgoing{color:#ffe5b0;background:rgb(var(--scene-accent) / .14);border-color:rgb(var(--scene-accent) / .22)}.scene-status-spinner{animation:scene-spinner-spin .85s linear infinite}.scene-status-percent{color:rgb(var(--scene-accent) / .92);font-size:.82rem;align-self:center}.scene-transition-meter{position:relative;grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.scene-transition-meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--scene-transition-progress, 0));background:linear-gradient(90deg,rgb(var(--scene-accent) / .98),#fff0cde6)}.scene-transition-meter.indeterminate .scene-transition-meter-fill{width:42%;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgb(var(--scene-accent) / .82),rgba(255,240,205,.92),transparent);animation:scene-loading-shimmer 1.1s linear infinite}.scene-volume-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 16px}.scene-volume-label{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.scene-volume-range{width:100%;--range-track: rgba(255, 255, 255, .12)}.scene-volume-value{color:rgb(var(--scene-accent) / .9)}.scene-now{margin-bottom:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#060908a8,#0a0f0c61),#ffffff05;box-shadow:inset 0 1px #ffffff0d}.scene-now-main{display:flex;align-items:center;gap:12px;min-width:0}.scene-now-art{display:grid;place-items:center;overflow:hidden;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgb(var(--scene-accent) / .22),#ffffff0f),#ffffff08;color:rgb(var(--scene-accent) / .95);box-shadow:inset 0 1px #ffffff0f}.scene-now-copy{min-width:0;flex:1 1 auto}.scene-track-live{margin:0;color:#f4efe2;font-size:.96rem;font-weight:700}.scene-track-icon{flex:0 0 auto;opacity:.85}.scene-track-subline{margin:4px 0 0;color:var(--muted);font-size:.82rem}.scene-track-text{min-width:0;display:block}.scene-track-progress{position:relative;width:100%;height:4px;overflow:hidden;padding:0;margin-top:12px;border:0;border-radius:999px;background:#ffffff1a;cursor:pointer}.scene-track-progress:hover:not(:disabled){transform:none;background:#ffffff24}.scene-track-progress.loading{background:#ffffff14}.scene-track-progress:disabled{opacity:1;cursor:default}.scene-track-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(var(--scene-accent) / .95),rgb(var(--scene-accent) / .45));transform:scaleX(var(--scene-progress, 0));transform-origin:left center}.scene-track-progress.loading .scene-track-progress-fill{width:42%;transform:translate(-120%);transform-origin:center;background:linear-gradient(90deg,transparent,rgb(var(--scene-accent) / .8),rgba(255,240,205,.88),transparent);animation:scene-loading-shimmer 1.1s linear infinite}.scene-track-progress-copy{margin:8px 0 0;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.scene-playlist-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff12,#ffffff0a),#ffffff0a;color:var(--text);font-weight:700}.scene-playlist-toggle:hover:not(:disabled){border-color:rgb(var(--scene-accent) / .28);background:linear-gradient(180deg,rgb(var(--scene-accent) / .12),#ffffff0a),#ffffff0a}.scene-playlist-toggle-main,.scene-playlist-toggle-side{display:inline-flex;align-items:center;gap:8px}.scene-playlist-toggle-main{min-width:0}.scene-playlist-toggle-side{color:var(--muted)}.scene-playlist-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#ffffff12;color:#f3e1b8;font-size:.8rem;font-variant-numeric:tabular-nums}.scene-playlist{max-height:180px;overflow-y:auto;margin-bottom:14px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#060a0847}.scene-playlist-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left}.scene-playlist-item:hover:not(:disabled){border-color:#ffffff14;background:#ffffff0a}.scene-playlist-item.current{background:rgb(var(--scene-accent) / .18);border-color:rgb(var(--scene-accent) / .26);color:#ffe9bd}.scene-playlist-item.broken{color:#f0dabac7}.scene-playlist-item.broken:not(.current){background:#b86f2f14}.scene-playlist-index{color:var(--muted)}.scene-playlist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-playlist-badge{justify-self:end;padding:2px 8px;border-radius:999px;background:#b86f2f2e;color:#f4caa0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.scene-actions{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#ffffff0a,#080c0a52),#080c0a52}.scene-button,.scene-step-button{width:100%;min-height:48px}.scene-button{display:grid;place-items:center;font-size:1.25rem;line-height:1;box-shadow:inset 0 1px #fff8e72e}.scene-step-button{display:grid;place-items:center;background:#ffffff12;color:rgb(var(--scene-accent) / .98);font-size:1rem;font-weight:800;border:1px solid rgba(255,255,255,.08);border-radius:999px;text-shadow:0 0 16px rgb(var(--scene-accent) / .2)}.scene-step-button:hover:not(:disabled){color:#f0dfb7;background:rgb(var(--scene-accent) / .1);border-color:rgb(var(--scene-accent) / .22)}.scene-step-button:hover:not(:disabled),.scene-button:hover:not(:disabled){transform:translateY(-1px) scale(1.01)}.debug-panel{margin-top:24px;padding:18px 22px}.debug-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.debug-stat-card{padding:14px 16px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#ffffff08}.debug-stat-label{margin:0 0 8px;color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.debug-stat-value{margin:0;color:#f0efe8;font-size:.96rem;font-weight:700}.deck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.deck-card{padding:18px 22px}.deck-track{margin-top:8px;color:#d6ddcf;font-size:.95rem}@media (max-width: 760px){.app-shell{width:min(100vw - 20px,1100px);padding-top:20px}.app-topbar{margin-bottom:14px}.deck-grid{grid-template-columns:1fr}.master-player,.controls-header,.debug-panel-header{grid-template-columns:1fr;flex-direction:column}.master-player-transport{width:100%;justify-content:flex-start}.player-progress-row{grid-template-columns:42px minmax(0,1fr) 42px;row-gap:10px}.player-volume-inline{grid-column:2 / 4;justify-self:end}.player-summary,.master-player-summary{align-items:flex-start}.player-context-row{flex-direction:column;align-items:flex-start}.player-scene-chip,.player-transport-line{max-width:100%;width:100%}.view-toolbar,.view-toolbar-clusters,.view-toolbar-group,.controls-footer{flex-direction:column;align-items:stretch}.controls-grid,.debug-stats-grid{grid-template-columns:1fr}.player-art{width:48px;height:48px;border-radius:14px}.view-mode-switch{width:100%}.controls-collapse-button{justify-content:center}.view-mode-button{flex:1 1 50%;justify-content:center}}
