:root{color-scheme:dark;font-family:Inter,SF Pro Text,Segoe UI Variable,Segoe UI,Noto Sans,system-ui,-apple-system,sans-serif;line-height:1.45;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11","tnum" 0;--bg-base: #0a0f16;--bg-surface: #141d2a;--bg-surface-soft: #1a2535;--bg-elevated: #223247;--text-strong: #f1f7ff;--text-muted: #b6c8de;--text-dim: #8aa0bc;--border-base: #3b536e;--border-soft: rgba(255, 255, 255, .05);--border-hairline: rgba(255, 255, 255, .04);--accent: #6fc5ff;--accent-warm: #f2a860;--accent-soft: #1f4465;--ok: #4bc37d;--warn: #f0bd58;--error: #ff7d7d;--pf-button-bg: #182430;--pf-button-bg-pressed: #203142;--pf-button-bg-active: #1f4f66;--pf-button-bg-disabled: #101821;--pf-button-border: #354555;--pf-button-border-disabled: #27313b;--pf-text-primary: #e7eef6;--pf-text-secondary: #a8b7c6;--pf-text-muted: #7f8d9a;--pf-accent-cyan-soft: #75e7ff;--pf-play-active-bg: #224d36;--pf-play-active-text: #e7fff0;--pf-cue-trigger-bg: #4a242b;--pf-cue-trigger-text: #ffdce0;--pf-cue-selected-bg: #4a3a1e;--pf-button-radius: 4px;--pf-button-border-width: 1px;--pf-slider-track-bg: #17212c;--pf-slider-active-bg: #00d4ff;--pf-slider-thumb-bg: #00d4ff;--pf-slider-thumb-border: #021017;--pf-slider-focus: #75e7ff;--pf-slider-track-size: 4px;--pf-slider-thumb-size: 20px;--pf-surface-bg: #121a23;--pf-surface-bg-raised: #17212c;--pf-surface-bg-inset: #080c12;--pf-surface-border: #2a3440;--pf-surface-border-strong: #3b4654;--pf-surface-radius: 8px;--pf-chip-radius: 4px;--pf-surface-shadow: none;--shadow-ambient: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .2);--shadow-panel: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 0 0 1px rgba(0, 0, 0, .25), 0 8px 22px rgba(0, 0, 0, .34);--shadow-control: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 1px 2px rgba(0, 0, 0, .45), 0 4px 10px rgba(0, 0, 0, .3);--inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--ring-focus: 0 0 0 2px rgba(143, 209, 255, .42);--num-font: "SF Mono", "JetBrains Mono", "Roboto Mono", "Consolas", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;overscroll-behavior:none}body{background:radial-gradient(1100px 640px at 12% -10%,rgba(54,94,138,.32) 0%,transparent 58%),radial-gradient(900px 560px at 108% -22%,rgba(180,110,50,.18) 0%,transparent 62%),radial-gradient(1200px 900px at 50% 120%,rgba(24,50,82,.28) 0%,transparent 64%),linear-gradient(180deg,#080c14 0%,var(--bg-base) 58%,#070b12 100%);background-attachment:fixed;color:var(--text-strong);min-height:100vh;-webkit-tap-highlight-color:transparent;letter-spacing:.005em}::selection{background:#6fc5ff52;color:#f4faff}*{scrollbar-width:thin;scrollbar-color:rgba(130,162,200,.28) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8cacce52,#607c9e52);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0c0e275,#7090b475);background-clip:padding-box}button,input{font:inherit;color:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{width:100%}.auth-shell{min-height:var(--app-h, 100dvh);width:min(100%,560px);margin:0 auto;display:grid;place-content:center;gap:.72rem;padding:1rem .82rem 1.15rem}.auth-guest-card,.auth-login-card{width:100%;border:1px solid var(--pf-surface-border);border-radius:var(--pf-surface-radius);background:var(--pf-surface-bg-raised);box-shadow:none}.auth-guest-card{display:grid;gap:.58rem}.auth-kicker{margin:0;color:var(--pf-text-primary);font-size:.92rem;font-weight:800;letter-spacing:0;text-transform:none}.auth-enter-button{width:100%}.auth-hero-status{min-height:1.1rem;color:#ffb9b9}.auth-hero-status[data-visible=false]{display:none}.auth-login-card{display:grid;gap:.58rem}.auth-guest-hint,.auth-login-hint{margin-top:.16rem}.auth-form{display:grid;gap:.44rem}.auth-input{width:100%;border-radius:var(--pf-button-radius);border:1px solid var(--pf-surface-border);background:var(--pf-surface-bg-inset);color:var(--pf-text-primary);padding:.56rem .62rem;min-height:2.4rem}.auth-input::placeholder{color:var(--pf-text-muted)}.auth-input:focus-visible{border-color:var(--pf-surface-border-strong);outline:2px solid var(--pf-accent-cyan-soft);outline-offset:2px;box-shadow:none}.auth-status-message{margin-top:.28rem;min-height:1.1rem}.auth-status-message[data-visible=false]{display:none}.auth-status-message[data-state=error]{color:#ffb9b9}.auth-form-actions{display:grid;grid-template-columns:1fr;gap:.48rem;align-items:center;margin-top:.18rem}.app-shell{display:grid;gap:.78rem;padding:.48rem;max-width:780px;margin:0 auto}.transient-toast-host{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 1rem),520px);display:grid;justify-items:center;pointer-events:none;z-index:1200}.transient-toast{margin:0;width:auto;max-width:100%;border-radius:999px;border:1px solid #8a6a33;background:linear-gradient(145deg,#3a2b17f0,#2c2011f0),radial-gradient(circle at 18% 20%,rgba(252,214,151,.24),transparent 56%);color:#ffe8c0;box-shadow:0 10px 24px #00000059,inset 0 0 0 1px #ffdfab2e;padding:.34rem .72rem;font-size:.72rem;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .13s ease,transform .13s ease}.transient-toast[data-open=true]{opacity:1;transform:translateY(0) scale(1)}.transient-toast[data-tone=error]{border-color:#9d4a4a;background:linear-gradient(145deg,#421d24f2,#31151cf2),radial-gradient(circle at 18% 20%,rgba(255,185,185,.2),transparent 56%);color:#ffd9d9}.workspace-shell{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:.16rem;max-width:780px;margin:0 auto;padding:.48rem;min-height:var(--app-h, 100dvh)}.workspace-view-host{min-width:0;min-height:0;display:flex;width:100%}.workspace-view-host>.app-shell{width:100%}.workspace-mode-bar{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.5rem;border-radius:12px;border:1px solid #5f84ab;background:linear-gradient(150deg,#273d57f2,#1e2f45f0),radial-gradient(circle at 90% 0%,rgba(224,143,72,.16),transparent 48%);padding:.26rem .6rem}.workspace-mode-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:.35rem}.workspace-install-webapp-btn{border:1px solid rgba(100,160,220,.4);border-radius:999px;background:#2d50784d;color:#93bce0;min-height:1.7rem;padding:.18rem .72rem;font-size:.67rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.workspace-install-webapp-btn:hover{background:#3c649673;color:#cce4ff;border-color:#82beff8c}.workspace-install-webapp-btn:active{background:#2341698c}.workspace-mode-label{display:none}.workspace-mode-state{margin:0;color:#bfd2e7;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-mode-meta{flex:1 1 auto;min-width:0;display:flex;align-items:center}.workspace-usage-state{margin:.2rem 0 0;display:none;color:#9eb7d6;font-size:.66rem;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-mode-toggle{border:1px solid #73a4d3;border-radius:999px;background:linear-gradient(145deg,#4b7ba7,#396287);color:#f5fbff;min-height:1.7rem;padding:.18rem .8rem;font-size:.76rem;font-weight:700;letter-spacing:.01em}.workspace-mode-toggle:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.workspace-mode-toggle[data-mode=player]{border-color:#79abda;background:linear-gradient(145deg,#4f80ae,#3b668f)}.workspace-legal-footer{display:grid;gap:.1rem;padding-bottom:max(.12rem,var(--safe-area-bottom, 0px))}.workspace-shell[data-loading=true] .workspace-mode-bar,.workspace-shell[data-loading=true] .workspace-legal-footer{display:none}.player-shell{gap:.16rem;min-width:0;overflow-x:hidden}.player-header-card{border-color:#5e84ad;background:linear-gradient(154deg,#29405af5,#1f3147f2),radial-gradient(circle at 88% 0%,rgba(222,142,72,.16),transparent 48%)}.player-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.player-title-group{flex:1 1 auto;min-width:0}.player-title-group .panel-title{font-weight:800;letter-spacing:.015em}.player-header-actions{display:grid;justify-items:end;align-content:start;gap:.24rem;flex:0 0 auto}.player-header-actions .header-signout-button{position:static;top:auto;right:auto;margin:0;align-self:center}.player-ui-selector-wrap{display:inline-flex;align-items:center;gap:.24rem;flex-wrap:nowrap}.player-ui-selector-label{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#cde1f7}.player-ui-selector{min-height:1.68rem;border-radius:999px;border:1px solid #83acd2;background:linear-gradient(145deg,#365b7f,#2b4a67);color:#ecf7ff;font-size:.64rem;font-weight:700;letter-spacing:.02em;padding:.08rem .48rem;max-width:7.8rem}.player-ui-selector:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.player-theme-switch-card{padding:0}.player-theme-switch-row{display:flex;align-items:center;justify-content:flex-end;width:100%}.player-theme-selector{width:7.45rem;min-width:0;max-width:7.45rem}.player-card{border-color:#5d82aa;background:linear-gradient(150deg,#293f5af2,#1f3147f0);min-width:0;overflow:hidden}.player-section-box{border-radius:10px;border:1px solid rgba(116,154,193,.52);background:linear-gradient(156deg,#273b54e6,#1e2f45e0),radial-gradient(circle at 88% 10%,rgba(249,180,110,.1),transparent 52%);padding:.5rem}.player-section-box+.player-section-box{margin-top:0}.player-library-section{margin-top:0}.player-playback-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}.player-playback-head>.panel-title{margin:0}.player-library-dropdown{position:relative;flex:0 0 auto}.player-library-toggle{min-height:1.8rem;padding:.18rem .72rem;font-size:.72rem;white-space:nowrap}.player-library-panel{position:absolute;top:calc(100% + .3rem);right:0;z-index:50;width:min(20rem,80vw);max-height:56vh;overflow-y:auto;display:none;background:linear-gradient(160deg,#121e30fc,#0b1422fc);border-color:#7aa2cc99;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000080}.player-library-dropdown[data-open=true] .player-library-panel{display:block}.player-volume-row{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.player-volume-label{flex:0 0 auto;font-size:.66rem;letter-spacing:.06em;color:var(--text-dim)}.player-volume-slider{flex:1 1 auto}.player-eq-section>.player-control-row{margin-top:0}.player-eq-section>.player-response-row+.player-control-row{margin-top:.48rem}.player-library-actions{margin-top:.56rem;display:grid;grid-template-columns:1fr 1fr auto;gap:.48rem}.player-status-message{margin-top:.46rem;margin-bottom:0;font-size:.74rem}.player-action-button{font-weight:700;letter-spacing:.01em}.player-shell .button,.player-shell .text-action-button{box-shadow:inset 0 0 0 1px #d7ecff26,0 8px 18px #0000003d;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.player-shell .button:hover,.player-shell .text-action-button:hover{filter:brightness(1.08) saturate(1.08)}.player-shell .button:active,.player-shell .text-action-button:active{transform:translateY(1px)}.player-shell .button:disabled,.player-shell .text-action-button:disabled{box-shadow:none;filter:grayscale(.2)}.player-shell .player-action-scan{border-color:#82c5ff;background:linear-gradient(138deg,#4596de,#2f679f),radial-gradient(circle at 16% 12%,rgba(179,231,255,.22),transparent 46%);color:#f3fbff;box-shadow:inset 0 0 0 1px #b8e6ff3d,0 10px 20px #112e4a59}.player-shell .player-action-files{border-color:#7ad6ce;background:linear-gradient(138deg,#2f9f93,#256d66),radial-gradient(circle at 84% 18%,rgba(196,255,244,.16),transparent 48%);color:#eaffe9;box-shadow:inset 0 0 0 1px #bcffed33,0 10px 20px #0d3a345c}.player-shell .player-action-clear{border-color:#d98585;background:linear-gradient(138deg,#b35555,#7d3d3d),radial-gradient(circle at 14% 14%,rgba(255,203,173,.18),transparent 46%);color:#fff1f1;box-shadow:inset 0 0 0 1px #ffcece33,0 10px 20px #42191966}.player-shell .player-action-clear:disabled{border-color:#7d5e5e;background:#4b3a3a}.player-track-list{margin:.6rem 0 0;padding:0;list-style:none;display:grid;gap:.26rem;max-height:206px;overflow:auto;overflow-x:hidden;min-width:0}.player-track-list li{min-width:0}.player-track-empty{border-radius:8px;border:1px dashed #668aaf;color:#bed1e7;font-size:.8rem;padding:.52rem .6rem}.player-track-button{position:relative;width:100%;max-width:100%;display:block;text-align:left;border-radius:8px;border:1px solid #688eb7;background:linear-gradient(140deg,#2b4765,#243c55),radial-gradient(circle at 16% 14%,rgba(141,200,247,.1),transparent 44%);color:#eaf4ff;min-height:1.85rem;padding:.3rem .52rem;font-size:.68rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-button[data-active=true]{border-color:#8ecbff;background:linear-gradient(140deg,#3f74a7,#315e86),radial-gradient(circle at 18% 16%,rgba(255,220,166,.24),transparent 48%);color:#fbfeff;box-shadow:inset 0 0 0 1px #bce5ff66,0 10px 20px #0e233757}.player-track-button[data-active=true]:after{content:"SELECTED";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);font-size:.52rem;letter-spacing:.08em;color:#e3f4ffc7;pointer-events:none}.player-track-button[data-playing=true]{border-color:#74d8a5;background:linear-gradient(140deg,#2f7a58,#255f45),radial-gradient(circle at 14% 16%,rgba(182,244,210,.24),transparent 48%);color:#f5fffa;box-shadow:inset 0 0 0 1px #c6ffe459,0 0 0 1px #4aad7a47,0 10px 22px #0e312161;animation:player-track-live-pulse 1.3s ease-in-out infinite alternate}.player-track-button[data-playing=true]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#98ffd0,#39d18a)}.player-track-button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.player-track-button:hover{filter:brightness(1.08)}.player-now-playing{margin:.38rem 0 0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.38rem;color:#eef7ff;font-size:.74rem;font-weight:600;border-radius:8px;border:1px solid #6f98c2;background:#29445f;padding:.32rem .5rem;min-width:0}.player-now-playing-label{color:#d9eaff;font-size:.7rem;letter-spacing:.02em;text-transform:uppercase}.player-now-playing-viewport{position:relative;display:block;min-width:0;overflow:hidden;white-space:nowrap}.player-now-playing-track{display:inline-block;min-width:max-content;padding-right:1.2rem;animation:player-now-playing-scroll 10.1s linear infinite}.player-transport-controls{display:grid;grid-template-columns:auto 1fr auto;gap:.48rem;margin-top:.55rem;align-items:center}.player-mode-row{margin-top:.52rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.36rem}.player-mode-button{width:100%;min-height:0;height:auto;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:.66rem;font-weight:700;letter-spacing:.03em;line-height:1;padding:.18rem .28rem}.player-mode-button[data-active=true]{box-shadow:inset 0 0 0 1px #d0e8ff5c,0 8px 18px #0003;transform:translateY(-1px);filter:saturate(1.12)}.player-mode-button:not([data-active=true]){box-shadow:inset 0 0 0 1px #d0e8ff14,0 8px 16px #00000029}.player-shell .player-mode-continuous{border-color:#70a8d8;background:linear-gradient(140deg,#436b8f,#365a79);color:#edf7ff}.player-shell .player-mode-random{border-color:#89a56e;background:linear-gradient(140deg,#4c6b3e,#3f5b33);color:#effbe7}.player-shell .player-mode-single{border-color:#a9896f;background:linear-gradient(140deg,#76563d,#624632);color:#fff2e6}.player-shell .player-mode-loop-one{border-color:#9d73af;background:linear-gradient(140deg,#66407b,#563467);color:#f7ecff}.player-transport-button{font-weight:700;font-size:1.22rem;line-height:1;letter-spacing:0}.player-transport-button[data-active=true]{box-shadow:inset 0 0 0 1px #d0e8ff5c,0 8px 18px #0003;transform:translateY(-1px);filter:saturate(1.12)}.player-shell .player-transport-prev{border-color:#9ab8da;background:linear-gradient(140deg,#5477a2,#3f5f86),radial-gradient(circle at 18% 16%,rgba(205,228,255,.2),transparent 46%);color:#eef7ff}.player-shell .player-transport-next{border-color:#b291d4;background:linear-gradient(140deg,#71559c,#5a447f),radial-gradient(circle at 84% 18%,rgba(224,206,255,.2),transparent 48%);color:#f5edff}.player-shell .player-transport-play{border-color:#89d8a8;background:linear-gradient(140deg,#3f966a,#2c7351),radial-gradient(circle at 16% 12%,rgba(214,255,230,.24),transparent 46%);color:#f2fff8}.player-shell .player-mode-continuous:not([data-active=true]){border-color:#70a8d885;background:#436b8f29;color:#edf7ffc2}.player-shell .player-mode-random:not([data-active=true]){border-color:#89a56e85;background:#4c6b3e29;color:#effbe7c2}.player-shell .player-mode-single:not([data-active=true]){border-color:#a9896f85;background:#76563d29;color:#fff2e6c7}.player-shell .player-mode-loop-one:not([data-active=true]){border-color:#9d73af85;background:#66407b29;color:#f7ecffc2}.player-shell .player-transport-prev:not([data-active=true]){border-color:#9ab8da8a;background:#5477a224;color:#eef7ffc2}.player-shell .player-transport-play:not([data-active=true]){border-color:#89d8a88a;background:#3f966a24;color:#f2fff8c7}.player-shell .player-transport-next:not([data-active=true]){border-color:#b291d48a;background:#71559c24;color:#f5edffc2}.player-seek-row{margin-top:.58rem;display:grid;grid-template-columns:auto 1fr auto;gap:.42rem;align-items:center}.player-time-label{color:#d7e8fc;font-size:.74rem;min-width:2.8rem;text-align:center}.player-control-row{margin-top:.55rem}.player-control-row+.player-control-row{margin-top:.48rem}.player-pitch-slider-wrap{min-width:0}.player-pitch-left-stack{display:grid;gap:.36rem;min-width:0}.player-pitch-side-column{display:grid;gap:.34rem}.player-pitch-side-column .player-reset-button{justify-self:start}.player-response-row{border-radius:10px;border:1px solid rgba(111,152,194,.48);background:linear-gradient(156deg,#263a52db,#1e3046d6),radial-gradient(circle at 88% 10%,rgba(249,180,110,.12),transparent 50%);padding:.42rem}.player-response-head{grid-template-columns:auto auto 1fr;align-items:center;margin-bottom:.32rem}.player-response-meta{min-width:4rem;text-align:center;border-radius:999px;border:1px solid #6b95bf;background:#2a4865;color:#d9edff;font-size:.62rem;line-height:1;padding:.14rem .34rem;letter-spacing:.04em;text-transform:uppercase}.player-response-viewport{position:relative;width:100%;height:96px;border-radius:8px;border:1px solid rgba(110,154,194,.56);background:linear-gradient(180deg,#111d2cdb,#0e1723e6);overflow:hidden}.player-response-canvas{display:block;width:100%;height:100%}.player-response-axis{margin-top:.26rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem}.player-response-axis-item{color:#c7ddf7;font-size:.58rem;letter-spacing:.02em;text-align:center}.player-control-head{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.42rem;margin-bottom:.26rem;min-width:0}.player-control-label{margin:0;color:#d7e8fd;font-size:.74rem;letter-spacing:.02em}.player-control-value{min-width:3.5rem;text-align:center;border-radius:999px;border:1px solid #6d91b8;background:#2b4561;color:#e6f2ff;font-size:.66rem;line-height:1;padding:.14rem .28rem}.player-reset-button{justify-self:end;min-height:1.75rem;padding:.2rem .52rem;font-size:.66rem}.player-eq-reset{border-color:#7ba4cf;background:#29435f;min-height:1.84rem;min-width:3.1rem;padding:.2rem .56rem;font-size:.66rem}.player-eq-head{display:flex;align-items:center;justify-content:space-between}.player-eq-head-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.24rem;min-width:0}.player-pitch-value-badge{min-width:3.2rem}.player-eq-grid{display:grid;gap:.32rem}.player-eq-row{display:grid;grid-template-columns:auto 1fr auto;gap:.42rem;align-items:center}.player-eq-label{margin:0;min-width:2.2rem;color:#d7e8fc;font-size:.7rem}.player-eq-value{min-width:3.75rem;text-align:right}.player-eq-slider-wrap{min-width:0}.player-eq-row-pitch{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;justify-items:center;gap:.34rem}.player-pitch-band-label{min-width:0}.player-pitch-band-footer{width:100%;display:inline-flex;justify-content:center;align-items:center}.player-slider{width:100%;accent-color:#73bfff;opacity:1;background:transparent;-webkit-appearance:none;appearance:none;touch-action:none;-webkit-tap-highlight-color:transparent}.player-slider:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.player-slider::-webkit-slider-runnable-track{height:.44rem;border-radius:999px;border:1px solid #6f98c2;background:linear-gradient(90deg,#3f6488,#4f83b2);box-shadow:inset 0 1px #ffffff1a}.player-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.98rem;height:.98rem;margin-top:-.34rem;border-radius:50%;border:1px solid #183146;background:linear-gradient(180deg,#ffd69d,#eaa35f);box-shadow:0 0 0 1px #172c3f57,0 4px 9px #00000057}.player-slider::-moz-range-track{height:.44rem;border-radius:999px;border:1px solid #6f98c2;background:linear-gradient(90deg,#3f6488,#4f83b2);box-shadow:inset 0 1px #ffffff1a}.player-slider::-moz-range-thumb{width:.98rem;height:.98rem;border-radius:50%;border:1px solid #183146;background:linear-gradient(180deg,#ffd69d,#eaa35f);box-shadow:0 0 0 1px #172c3f57,0 4px 9px #00000057}.player-pitch-slider::-webkit-slider-runnable-track{border-color:#83b5de;background:linear-gradient(90deg,#5aa9ff,#79dcff 45%,#f5c274)}.player-pitch-slider::-moz-range-track{border-color:#83b5de;background:linear-gradient(90deg,#5aa9ff,#79dcff 45%,#f5c274)}.player-eq-slider-low::-webkit-slider-runnable-track{border-color:#6eaede;background:linear-gradient(90deg,#2e5e97,#59bfff)}.player-eq-slider-low::-moz-range-track{border-color:#6eaede;background:linear-gradient(90deg,#2e5e97,#59bfff)}.player-eq-slider-mid::-webkit-slider-runnable-track{border-color:#c29c63;background:linear-gradient(90deg,#7c5a2e,#d0a159)}.player-eq-slider-mid::-moz-range-track{border-color:#c29c63;background:linear-gradient(90deg,#7c5a2e,#d0a159)}.player-eq-slider-high::-webkit-slider-runnable-track{border-color:#ab8bd7;background:linear-gradient(90deg,#5d3c8c,#ab7af0)}.player-eq-slider-high::-moz-range-track{border-color:#ab8bd7;background:linear-gradient(90deg,#5d3c8c,#ab7af0)}.player-eq-row[data-band=low] .player-eq-label{color:#b9e4ff}.player-eq-row[data-band=mid] .player-eq-label{color:#ffe1bb}.player-eq-row[data-band=high] .player-eq-label{color:#e4d3ff}.player-eq-row[data-band=low] .player-eq-value{border-color:#78b5e4;background:#2a4966}.player-eq-row[data-band=mid] .player-eq-value{border-color:#bd9463;background:#5e452c;color:#fff1e0}.player-eq-row[data-band=high] .player-eq-value{border-color:#aa84d0;background:#463060}@keyframes player-track-live-pulse{0%{box-shadow:inset 0 0 0 1px #c6ffe447,0 0 0 1px #4aad7a3d,0 8px 18px #0e312152}to{box-shadow:inset 0 0 0 1px #d8ffec61,0 0 0 1px #5cc08c52,0 12px 24px #0e31216b}}.player-shell[data-player-ui=vertical-deck]{background:radial-gradient(circle at 8% 0%,rgba(109,177,238,.14),transparent 40%),radial-gradient(circle at 92% 100%,rgba(236,154,79,.12),transparent 42%);border-radius:16px}.player-shell[data-player-ui=vertical-deck] .player-card{border-color:#6a93bf;background:linear-gradient(152deg,#243951f5,#1b2c40f0),radial-gradient(circle at 100% 0%,rgba(255,190,128,.1),transparent 45%)}.player-shell[data-player-ui=vertical-deck] .player-transport-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.36rem}.player-shell[data-player-ui=vertical-deck] .player-transport-button{width:100%;min-height:0;aspect-ratio:1 / 1;border-radius:10px;padding:.24rem;font-size:1.36rem}@keyframes player-now-playing-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.player-shell[data-player-ui=vertical-deck] .player-pitch-slider-wrap{width:2.18rem;min-height:0;height:8.84rem;position:relative;display:grid;place-items:center}.player-shell[data-player-ui=vertical-deck] .player-pitch-slider{position:absolute;left:50%;top:50%;width:8.84rem;height:1rem;transform:translate(-50%,-50%) rotate(-90deg)}.player-shell[data-player-ui=vertical-deck] .player-pitch-reset{text-transform:uppercase}.player-shell[data-player-ui=vertical-deck] .player-eq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem}.player-shell[data-player-ui=vertical-deck] .player-eq-row{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:.3rem;min-height:11rem;border-radius:10px;border:1px solid rgba(109,154,197,.44);background:#283f5980;padding:.34rem .28rem}.player-shell[data-player-ui=vertical-deck] .player-eq-row-pitch{grid-template-rows:auto 1fr auto}.player-shell[data-player-ui=vertical-deck] .player-eq-label{min-width:0}.player-shell[data-player-ui=vertical-deck] .player-pitch-value-badge{min-width:2.9rem;padding:.12rem .22rem;font-size:.62rem}.player-shell[data-player-ui=vertical-deck] .player-eq-head .player-eq-reset{min-height:1.5rem;min-width:3.3rem;padding:.12rem .42rem;font-size:.6rem;letter-spacing:.03em;line-height:1;border-radius:8px}.player-shell[data-player-ui=vertical-deck] .player-eq-row-pitch .player-pitch-reset{min-height:1.26rem;min-width:2.1rem;padding:.08rem .22rem;font-size:.52rem;letter-spacing:.03em;line-height:1;border-radius:7px}.player-shell[data-player-ui=vertical-deck] .player-eq-slider-wrap{width:1.78rem;min-height:8.5rem;position:relative;display:grid;place-items:center}.player-shell[data-player-ui=vertical-deck] .player-eq-slider{position:absolute;left:50%;top:50%;width:8.15rem;height:1rem;transform:translate(-50%,-50%) rotate(-90deg)}.player-shell[data-player-ui=vertical-deck] .player-eq-value{min-width:0;text-align:center}.player-shell[data-player-ui=vertical-deck] .player-response-row{display:grid;grid-template-rows:auto 1fr auto;height:8.9rem;padding:.34rem}.player-shell[data-player-ui=vertical-deck] .player-response-viewport{height:100%}.player-shell[data-player-ui=vertical-deck] .player-response-axis-item{font-size:.54rem}.app-header{position:relative;padding:.68rem .74rem;border-radius:12px;border:1px solid #58779c;background:linear-gradient(160deg,#2a4563,#223851 62%),radial-gradient(circle at 100% 8%,rgba(208,129,63,.18),transparent 42%);box-shadow:0 10px 24px #0003,inset 0 0 0 1px #ffaa6c14}.header-title-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:.5rem}.header-title-group{flex:1 1 auto;min-width:0;padding-right:0}.header-signout-button{position:static;flex:0 0 auto;min-height:1.56rem;min-width:4.25rem;padding:.08rem .42rem;font-size:.62rem;line-height:1;white-space:nowrap;align-self:flex-start}.app-title{margin:0;font-size:1.3608rem;letter-spacing:.01em}.app-logo{display:block;width:auto;height:42px;max-width:min(10rem,calc(100% - 2.4rem));object-fit:contain;object-position:left center}.app-title-context{align-self:flex-end;margin-bottom:.14rem;color:var(--pf-text-primary);font-size:.74rem;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase}.app-title[data-title-context=audio-player] .app-logo{max-width:min(8.2rem,calc(100% - 5.8rem))}.app-title[data-title-context=audio-player] .app-title-context{font-size:.64rem;line-height:1.04;white-space:nowrap}.app-title-primary{color:#d13030}.app-title-roman{color:#d13030;font-family:Segoe UI Symbol,"Cambria Math",Times New Roman,serif}.app-title-secondary{color:#2da8ff}.header-version-badge{border-color:#87acd2;background:#31516f;color:#edf6ff}.header-subtitle{margin:.1rem 0 0;color:var(--text-muted);font-size:.72rem}.header-status-row{display:flex;flex-wrap:nowrap;gap:.28rem;margin-top:.46rem;overflow-x:auto;scrollbar-width:none}.header-status-row::-webkit-scrollbar{display:none}.status-pill{align-self:flex-start;border-radius:999px;border:1px solid #5a7aa0;background:#2a415d;color:#e2efff;padding:.24rem .62rem;font-size:.72rem;white-space:nowrap}.header-status-row .badge,.header-status-row .status-pill{font-size:.68rem;padding:.18rem .46rem;white-space:nowrap;flex:0 0 auto;line-height:1.1}.header-engine-pill{align-self:auto}.status-pill[data-state=running]{border-color:#2c845a;color:#bff5d6;background:#163427}.status-pill[data-state=ready]{border-color:#4d7cae;color:#d6e9ff;background:#16283f}.status-pill[data-state=initializing]{border-color:#7c6a37;color:#f2e1ba;background:#2d2618}.status-pill[data-state=suspended]{border-color:#8a6a33;color:#f7dfad;background:#332715}.status-pill[data-state=error]{border-color:#934646;color:#ffd1d1;background:#381f24}.badge{border-radius:999px;border:1px solid #5b7ca1;background:#2a435f;color:#dcecff;padding:.24rem .56rem;font-size:.75rem}.badge[data-supported=true]{border-color:#2c845a;background:#163427;color:#bcf2d3}.badge[data-supported=false]{border-color:#8d5f43;background:#322116;color:#f2d4c2}.badge[data-mode=fast]{border-color:#2c845a;background:#163427;color:#bcf2d3}.badge[data-mode=slow],.badge[data-mode=compatibility]{border-color:#8a6a33;background:#332715;color:#f7dfad}.support-banner{border-radius:12px;border:1px solid #304964;background:linear-gradient(150deg,#122236,#0f1a2b);padding:.78rem .85rem}.support-banner[data-supported=true]{border-color:#2a7f58;background:linear-gradient(150deg,#132a26,#111f1f)}.support-banner[data-mode=fast]{box-shadow:inset 0 0 0 1px #64adef33}.support-title{margin:0;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase;color:#c8d9ef}.support-detail{margin:.34rem 0 0;color:var(--text-muted);font-size:.84rem}.card{border-radius:12px;border:1px solid #4f6d91;background:var(--bg-surface);padding:.78rem;box-shadow:0 10px 20px #00000029,inset 0 0 0 1px #ffa2570d}.panel-title{margin:0;font-size:.95rem;font-weight:600}.meta-text{margin:.28rem 0;color:var(--text-muted);font-size:.81rem}.deck-layout{display:grid;gap:.32rem}.waveform-card{display:grid;gap:.38rem;padding:.66rem .72rem;border-color:#2a3440;background:#121a23}.waveform-top-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.42rem;min-width:0}.waveform-sample-select-shell{position:relative;min-width:0}.waveform-sample-source{position:absolute;top:50%;left:.48rem;transform:translateY(-50%);font-size:.63rem;font-weight:800;line-height:1;letter-spacing:.02em;pointer-events:none;user-select:none;z-index:1}.waveform-sample-source[data-source=online]{color:#73d98f}.waveform-sample-source[data-source=local]{color:#5cc8ff}.waveform-sample-select{width:100%;max-width:100%;min-width:0;min-height:1.5rem;border-radius:4px;border:1px solid #354555;background:#182430;color:#e7eef6;font-size:.66rem;line-height:1.15;font-weight:600;letter-spacing:.01em;padding:.14rem 1.62rem .14rem 3.22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waveform-sample-select[data-sample-state=none]{border-color:#354555;background:#182430;color:#a8b7c6}.waveform-sample-select:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.waveform-sample-select:disabled{opacity:.7}.waveform-toggle-wrap{display:inline-flex;align-items:center;flex:0 0 auto}.waveform-controls-row{display:flex;align-items:center;justify-content:space-between;gap:.42rem}.waveform-user-sample-button{min-width:5.2rem;min-height:1.45rem;border-radius:999px;border:1px solid #6d97c3;background:linear-gradient(145deg,#35597f,#2b4a69);color:#ecf5ff;font-size:.64rem;line-height:1.15;font-weight:700;letter-spacing:.01em;padding:.08rem .52rem}.waveform-user-sample-button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.waveform-user-sample-button:disabled{opacity:.65}.waveform-toggle-switch{min-width:2.9rem;min-height:1.45rem;border-radius:999px;border:1px solid rgba(118,149,186,.78);background:linear-gradient(145deg,#334d6994,#22334585);color:#d9e7f7;font-size:.66rem;line-height:1.15;font-weight:700;letter-spacing:.01em;padding:.08rem .48rem}.waveform-toggle-switch[data-enabled=true]{border-color:#7695bab8;background:linear-gradient(145deg,#3248606b,#1f2e3e61);color:#d6e3f2}.waveform-toggle-switch[data-enabled=false]{border-color:#6d97c3;background:linear-gradient(145deg,#35597f,#2b4a69);color:#ecf5ff}.waveform-toggle-switch:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.waveform-sample-status{display:none}.waveform-sample-status[data-state=error]{color:#ffbfc8;border-color:#ffbfc852;background:#260f14e0}.overview-waveform{position:relative;width:100%;height:29px;border-radius:8px;border:1px solid #2f4256;background:#000;box-shadow:inset 0 0 0 1px #53a5ff1a;overflow:hidden;touch-action:none;user-select:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.overview-waveform[data-state=empty],.overview-waveform[data-state=disabled]{cursor:default;opacity:.55;border-color:#243140}.overview-waveform[data-state=ready]:hover{border-color:#3c577a}.overview-waveform[data-state=ready]:focus-visible{outline:2px solid var(--pf-accent-cyan-soft, rgba(83, 165, 255, .5));outline-offset:1px}.overview-waveform[data-active=true]{border-color:#5da9ff;box-shadow:inset 0 0 0 1px #53a5ff47,0 0 8px #5da9ff2e}.overview-waveform-canvas{display:block;width:100%;height:100%;pointer-events:none}.overview-waveform-progress{position:absolute;top:0;bottom:0;left:0;width:100%;transform:scaleX(0);transform-origin:left center;background:#5da9ff1f;pointer-events:none}.overview-waveform-playhead{position:absolute;top:0;bottom:0;left:0;width:1.5px;transform:translate(0);background:#e8a43a;box-shadow:0 0 5px #e8a43ab3;opacity:0;pointer-events:none;will-change:transform}.overview-waveform[data-state=empty] .overview-waveform-playhead,.overview-waveform[data-state=empty] .overview-waveform-progress{opacity:0}.waveform-viewport{position:relative;width:100%;height:clamp(48px,12vw,72px);min-height:48px;max-height:72px;border-radius:8px;border:1px solid #5da9ff;background:linear-gradient(180deg,#152334f2,#0f1926f5);box-shadow:inset 0 0 0 1px #53a5ff3d,0 0 12px #5da9ff29;overflow:hidden;touch-action:none;user-select:none}.waveform-canvas{display:block;width:100%;height:100%;pointer-events:none}.waveform-card[data-enabled=true] .waveform-viewport{cursor:ew-resize}.waveform-center-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:#3b4654;pointer-events:none}.waveform-center-marker{position:absolute;top:0;bottom:0;left:50%;width:1.5px;transform:translate(-50%);background:#f6ae72;pointer-events:none}.waveform-cue-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:.36rem;margin-top:0}.waveform-cue-button,.waveform-cue-delete-button{min-height:1.5rem;font-size:.64rem;line-height:1;font-weight:700;letter-spacing:.02em;padding:.14rem .48rem;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.waveform-cue-button{border-radius:4px}.waveform-cue-delete-button{border-radius:999px}.waveform-cue-button{border:1px solid #6f8fb0;background:linear-gradient(145deg,#2f4f74,#274362);color:#dcecff}.waveform-cue-button[data-state=empty]{border-color:#8daac985;background:#2c425c5c;color:#d3e6fa94}.waveform-cue-button[data-state=loaded]{border-color:#5aa8ff;background:linear-gradient(145deg,#3268a1,#274f7a);color:#eff7ff}.waveform-cue-button[data-selected=true][data-state=loaded]{border-color:#d2a353;background:linear-gradient(145deg,#7f622c,#5d4922);color:#fff0d0}.waveform-cue-button:focus-visible,.waveform-cue-delete-button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.waveform-cue-button:disabled,.waveform-cue-delete-button:disabled{opacity:.58}.waveform-cue-delete-button{border:1px solid #9d6565;background:linear-gradient(145deg,#663d3d,#4d2f2f);color:#ffdcdc;min-width:3.4rem}.control-panels-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;align-items:stretch}.scratch-eq-card{display:grid;gap:.52rem;padding:.62rem;border-color:#5f83ab;background:linear-gradient(150deg,#283d56f2,#1e2f44f0),radial-gradient(circle at 92% 10%,rgba(242,170,97,.12),transparent 52%)}.scratch-eq-disclosure-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.42rem;border-radius:10px;border:1px solid #6c97c2;background:linear-gradient(145deg,#32506f,#28455f);color:#e8f3ff;min-height:2.28rem;padding:.34rem .58rem}.scratch-eq-disclosure-toggle:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.scratch-eq-disclosure-title{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.scratch-eq-disclosure-icon{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:999px;border:1px solid #79a7d5;background:#1828398c;color:#dfeeff;font-size:.66rem;line-height:1;transition:transform .15s ease}.scratch-eq-card[data-expanded=true] .scratch-eq-disclosure-icon{transform:rotate(180deg)}.scratch-eq-card[data-expanded=false] .scratch-eq-disclosure-body{display:none}.scratch-eq-disclosure-body{display:grid;gap:.52rem}.scratch-eq-response-row{border-radius:10px;border:1px solid rgba(111,152,194,.48);background:linear-gradient(156deg,#263a52db,#1e3046d6),radial-gradient(circle at 88% 10%,rgba(249,180,110,.12),transparent 50%);padding:.42rem}.scratch-eq-control-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.42rem;margin-bottom:.28rem;min-width:0}.scratch-eq-control-label{margin:0;color:#d7e8fd;font-size:.74rem;letter-spacing:.02em}.scratch-eq-response-meta{min-width:4rem;text-align:center;border-radius:999px;border:1px solid #6b95bf;background:#2a4865;color:#d9edff;font-size:.62rem;line-height:1;padding:.14rem .34rem;letter-spacing:.04em;text-transform:uppercase}.scratch-eq-response-viewport{position:relative;width:100%;height:96px;border-radius:8px;border:1px solid rgba(110,154,194,.56);background:linear-gradient(180deg,#111d2cdb,#0e1723e6);overflow:hidden}.scratch-eq-response-canvas{display:block;width:100%;height:100%}.scratch-eq-response-axis{margin-top:.26rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem}.scratch-eq-response-axis-item{color:#c7ddf7;font-size:.58rem;letter-spacing:.02em;text-align:center}.scratch-eq-control-row{display:grid;gap:.3rem}.scratch-eq-reset-button{min-height:1.75rem;padding:.2rem .52rem;font-size:.66rem;border-color:#7ba4cf;background:#29435f;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;touch-action:manipulation;background-clip:padding-box;outline:none;transition:background .14s ease,border-color .14s ease,box-shadow .16s ease,color .14s ease}.scratch-eq-reset-button:hover:not(:disabled){border-color:#8db8e6;background:#315274;box-shadow:0 6px 14px #0000002e,inset 0 1px #ffffff14}.scratch-eq-reset-button:active:not(:disabled){border-color:#97c1ec;background:#27415d;box-shadow:0 3px 8px #00000029,inset 0 1px #ffffff0d}.scratch-eq-reset-button:focus-visible{outline:none;box-shadow:0 0 0 2px #8fd1ff47,0 6px 14px #0000002e,inset 0 1px #ffffff14}.scratch-eq-actions{justify-self:end;display:flex;align-items:center;gap:.26rem;flex-wrap:wrap;justify-content:flex-end}.scratch-eq-action-button{min-height:1.75rem;padding:.2rem .52rem;font-size:.62rem;border-color:#6f99c4;background:#2d4a67}.scratch-eq-action-button[data-active=true]{border-color:#8fc0eb;background:#3b6287}.hardware-gate-action-button{border-radius:12px}.hardware-gate-action-button[data-active=true]{border-color:#63cb90;background:linear-gradient(145deg,#2f7a58,#255f45),radial-gradient(circle at 16% 12%,rgba(214,255,230,.18),transparent 46%);color:#f2fff8}.hardware-gate-action-button[data-busy=true]{cursor:progress}.hardware-gate-action-button[data-unavailable=true]{border-color:#748ba46b;background:transparent;color:#c9dcf075;box-shadow:none}.hardware-gate-action-button[data-unavailable=true]:disabled{cursor:not-allowed;filter:none;opacity:1}.scratch-eq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.scratch-eq-band{display:grid;justify-items:center;align-content:start;gap:.34rem;min-height:10.8rem;border-radius:10px;border:1px solid rgba(111,152,194,.52);background:#314c6c61;padding:.42rem .36rem .3rem}.scratch-eq-band-label{margin:0;color:#d7e8fc;font-size:.72rem;letter-spacing:.01em}.scratch-eq-slider-wrap{position:relative;width:1.2rem;height:7.2rem}.scratch-eq-slider{position:absolute;left:50%;top:50%;width:7.2rem;height:1rem;margin:0;transform:translate(-50%,-50%) rotate(-90deg);background:transparent;touch-action:none;-webkit-appearance:none;appearance:none}.scratch-eq-slider:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.scratch-eq-slider::-webkit-slider-runnable-track{height:.38rem;border-radius:999px;border:1px solid #6f98c2;background:linear-gradient(90deg,#3f6488,#4f83b2)}.scratch-eq-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.95rem;height:.95rem;margin-top:-.32rem;border-radius:50%;border:1px solid #183146;background:linear-gradient(180deg,#ffd69d,#eaa35f);box-shadow:0 0 0 1px #172c3f57,0 4px 9px #00000057}.scratch-eq-slider::-moz-range-track{height:.38rem;border-radius:999px;border:1px solid #6f98c2;background:linear-gradient(90deg,#3f6488,#4f83b2)}.scratch-eq-slider::-moz-range-thumb{width:.95rem;height:.95rem;border-radius:50%;border:1px solid #183146;background:linear-gradient(180deg,#ffd69d,#eaa35f);box-shadow:0 0 0 1px #172c3f57,0 4px 9px #00000057}.scratch-eq-slider-low::-webkit-slider-runnable-track{border-color:#6eaede;background:linear-gradient(90deg,#2e5e97,#59bfff)}.scratch-eq-slider-low::-moz-range-track{border-color:#6eaede;background:linear-gradient(90deg,#2e5e97,#59bfff)}.scratch-eq-slider-mid::-webkit-slider-runnable-track{border-color:#c29c63;background:linear-gradient(90deg,#7c5a2e,#d0a159)}.scratch-eq-slider-mid::-moz-range-track{border-color:#c29c63;background:linear-gradient(90deg,#7c5a2e,#d0a159)}.scratch-eq-slider-high::-webkit-slider-runnable-track{border-color:#ab8bd7;background:linear-gradient(90deg,#5d3c8c,#ab7af0)}.scratch-eq-slider-high::-moz-range-track{border-color:#ab8bd7;background:linear-gradient(90deg,#5d3c8c,#ab7af0)}.scratch-eq-band-value{min-width:3.8rem;text-align:center;border-radius:999px;border:1px solid #6d91b8;background:#2b4561;color:#e6f2ff;font-size:.66rem;line-height:1;padding:.14rem .3rem}.scratch-eq-band[data-band=low] .scratch-eq-band-label{color:#b9e4ff}.scratch-eq-band[data-band=mid] .scratch-eq-band-label{color:#ffe1bb}.scratch-eq-band[data-band=high] .scratch-eq-band-label{color:#e4d3ff}.scratch-eq-band[data-band=low] .scratch-eq-band-value{border-color:#78b5e4;background:#2a4966}.scratch-eq-band[data-band=mid] .scratch-eq-band-value{border-color:#bd9463;background:#5e452c;color:#fff1e0}.scratch-eq-band[data-band=high] .scratch-eq-band-value{border-color:#aa84d0;background:#463060}.bgm-player-card{display:grid;gap:.56rem;padding:.62rem;border-color:#6a93bf;background:linear-gradient(152deg,#243951f5,#1b2c40f0),radial-gradient(circle at 100% 0%,rgba(255,190,128,.1),transparent 45%)}.bgm-player-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-radius:10px;border:1px solid #6c97c2;background:linear-gradient(145deg,#32506f,#28455f);color:#e8f3ff;min-height:2.3rem;padding:.38rem .58rem;text-align:left}.bgm-player-toggle:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.bgm-player-toggle-text{min-width:0;display:grid;gap:.12rem}.bgm-player-toggle-title{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bgm-player-toggle-summary{color:#bfd3e8;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bgm-player-toggle-icon{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:999px;border:1px solid #79a7d5;background:#1828398c;color:#dfeeff;font-size:.66rem;line-height:1;transition:transform .15s ease}.bgm-player-card[data-expanded=true] .bgm-player-toggle-icon{transform:rotate(180deg)}.bgm-player-card[data-expanded=false] .bgm-player-body{display:none}.bgm-player-body{display:grid;gap:.58rem}.bgm-player-section{border-radius:10px;border:1px solid rgba(116,154,193,.52);background:linear-gradient(156deg,#273b54e6,#1e2f45e0),radial-gradient(circle at 88% 10%,rgba(249,180,110,.1),transparent 52%);padding:.66rem}.bgm-player-section-title{margin:0;color:#eef7ff;font-size:.76rem;font-weight:700;letter-spacing:.03em}.bgm-player-now-playing{margin:.38rem 0 0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.38rem;color:#eef7ff;font-size:.74rem;font-weight:600;border-radius:8px;border:1px solid #6f98c2;background:#29445f;padding:.32rem .5rem;min-width:0}.bgm-player-now-playing-label{color:#d9eaff;font-size:.7rem;letter-spacing:.02em;text-transform:uppercase}.bgm-player-now-playing-viewport{position:relative;display:block;min-width:0;overflow:hidden;white-space:nowrap}.bgm-player-now-playing-track{display:inline-block;min-width:max-content;padding-right:1.2rem;animation:player-now-playing-scroll 10.1s linear infinite}.bgm-player-now-playing-track[data-empty=true]{min-width:0;padding-right:0;animation:none}.bgm-player-seek-row{margin-top:.58rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.42rem}.bgm-player-time-label{color:#d7e8fc;font-size:.74rem;min-width:2.8rem;text-align:center}.bgm-player-transport-row{margin-top:.55rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.36rem}.bgm-player-transport-action{box-shadow:inset 0 0 0 1px #d7ecff26,0 8px 18px #0000003d;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.bgm-player-transport-action:hover,.bgm-player-band-value:hover{filter:brightness(1.08) saturate(1.08)}.bgm-player-transport-action:active,.bgm-player-band-value:active{transform:translateY(1px)}.bgm-player-transport-action:disabled,.bgm-player-band-value:disabled{box-shadow:none;filter:grayscale(.2)}.bgm-player-transport-action{width:100%;min-height:0;aspect-ratio:1 / 1;border-radius:10px;padding:.24rem;display:grid;place-items:center;text-align:center}.bgm-player-transport-stack{display:grid;justify-items:center;align-content:center;gap:.18rem}.bgm-player-transport-icon{font-size:1.46rem;line-height:1;letter-spacing:0}.bgm-player-transport-main{font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.bgm-player-transport-sub{font-size:.54rem;letter-spacing:.04em;text-transform:uppercase;opacity:.88}.bgm-player-file-action{border-color:#9ab8da;background:#3f5f862e;color:#eef7ff}.bgm-player-file-action[data-active=true]{background:linear-gradient(140deg,#5477a2,#3f5f86),radial-gradient(circle at 18% 16%,rgba(205,228,255,.2),transparent 46%)}.bgm-player-play-action{border-color:#89d8a8;background:#2c73512e;color:#f2fff8}.bgm-player-play-action[data-active=true]{background:linear-gradient(140deg,#3f966a,#2c7351),radial-gradient(circle at 16% 12%,rgba(214,255,230,.24),transparent 46%)}.bgm-player-loop-action{border-color:#b291d4;background:#5a447f2e;color:#f5edff}.bgm-player-loop-action[data-active=true]{background:linear-gradient(140deg,#71559c,#5a447f),radial-gradient(circle at 84% 18%,rgba(224,206,255,.2),transparent 48%);box-shadow:inset 0 0 0 1px #d0e8ff5c,0 8px 18px #0003;transform:translateY(-1px);filter:saturate(1.12)}.bgm-player-loop-action .bgm-player-transport-icon{opacity:.3;transition:opacity .18s ease}.bgm-player-loop-action .bgm-player-transport-icon[data-active=true]{opacity:1}.bgm-player-control-head{display:flex;align-items:center;justify-content:flex-start;gap:.42rem;margin-bottom:.42rem}.bgm-player-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem}.bgm-player-band{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:.3rem;min-height:11rem;border-radius:10px;border:1px solid rgba(109,154,197,.44);background:#283f5980;padding:.34rem .28rem}.bgm-player-band-label{margin:0;color:#d7e8fc;font-size:.68rem;letter-spacing:.02em}.bgm-player-slider-wrap{width:1.78rem;min-height:8.5rem;position:relative;display:grid;place-items:center}.bgm-player-slider{position:absolute;left:50%;top:50%;width:8.15rem;height:1rem;margin:0;transform:translate(-50%,-50%) rotate(-90deg)}.bgm-player-slider-gain::-webkit-slider-runnable-track{border-color:#7acccd;background:linear-gradient(90deg,#2c6a70,#54cfd3)}.bgm-player-slider-gain::-moz-range-track{border-color:#7acccd;background:linear-gradient(90deg,#2c6a70,#54cfd3)}.bgm-player-slider-pitch::-webkit-slider-runnable-track{border-color:#83b5de;background:linear-gradient(90deg,#5aa9ff,#79dcff 45%,#f5c274)}.bgm-player-slider-pitch::-moz-range-track{border-color:#83b5de;background:linear-gradient(90deg,#5aa9ff,#79dcff 45%,#f5c274)}.bgm-player-slider-low::-webkit-slider-runnable-track{border-color:#6eaede;background:linear-gradient(90deg,#2e5e97,#59bfff)}.bgm-player-slider-low::-moz-range-track{border-color:#6eaede;background:linear-gradient(90deg,#2e5e97,#59bfff)}.bgm-player-slider-high::-webkit-slider-runnable-track{border-color:#ab8bd7;background:linear-gradient(90deg,#5d3c8c,#ab7af0)}.bgm-player-slider-high::-moz-range-track{border-color:#ab8bd7;background:linear-gradient(90deg,#5d3c8c,#ab7af0)}.bgm-player-band[data-control=gain] .bgm-player-band-label{color:#c5fbff}.bgm-player-band[data-control=pitch] .bgm-player-band-label{color:#ffe3bf}.bgm-player-band[data-control=lowEqDb] .bgm-player-band-label{color:#b9e4ff}.bgm-player-band[data-control=highEqDb] .bgm-player-band-label{color:#e4d3ff}.bgm-player-band-value{appearance:none;border:1px solid #6d91b8;cursor:pointer;font:inherit;min-width:0;width:100%;text-align:center;border-radius:8px;background:#2b4561;color:#e6f2ff;font-size:.62rem;font-weight:700;line-height:1;padding:.12rem .22rem;box-shadow:inset 0 0 0 1px #d7ecff1f,0 6px 14px #0000002e}.bgm-player-band-value:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.bgm-player-band[data-control=gain] .bgm-player-band-value{border-color:#74c2c4;background:#254950}.bgm-player-band[data-control=pitch] .bgm-player-band-value{border-color:#bd9463;background:#5e452c;color:#fff1e0}.bgm-player-band[data-control=lowEqDb] .bgm-player-band-value{border-color:#78b5e4;background:#2a4966}.bgm-player-band[data-control=highEqDb] .bgm-player-band-value{border-color:#aa84d0;background:#463060}.contact-control-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:start;gap:.58rem;min-width:0;padding:.62rem;border-color:#5f81a8;background:linear-gradient(150deg,#293f5af2,#203248f0),radial-gradient(circle at 90% 10%,rgba(210,132,62,.16),transparent 50%)}.layout-control-card{display:grid;gap:.5rem;min-width:0;padding:.62rem;border-color:#5f81a8;background:linear-gradient(150deg,#273c56f2,#1e2f44f0),radial-gradient(circle at 92% 8%,rgba(123,175,235,.16),transparent 52%)}.hardware-gate-card{display:grid;gap:.5rem;min-width:0;padding:.62rem;border-radius:16px!important;border-color:#5f81a8;background:linear-gradient(150deg,#273c56f2,#1e2f44f0),radial-gradient(circle at 92% 8%,rgba(123,175,235,.16),transparent 52%)}.hardware-gate-status{margin:0;font-size:.72rem;color:#7da8cc}.hardware-gate-status[data-connected=true]{color:#56c688}.hardware-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.contact-control-title,.layout-control-title{margin:0;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#dceafd}.contact-mode-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%;min-height:4.76rem;gap:.48rem}.layout-mode-row{display:flex;align-items:stretch;justify-items:stretch;gap:.48rem;width:100%}.layout-mode-row>*{flex:1 1 0}.layout-mode-row>[hidden]{display:none!important}.contact-mode-label{margin:0;color:#d4e5fb;font-size:.76rem;min-width:2.3rem}.contact-mode-switch{width:100%;min-width:0;min-height:4.76rem;height:100%;border-radius:10px;border:1px solid #6d97c3;background:linear-gradient(145deg,#35597f,#2b4a69);color:#ecf5ff;font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:.24rem .34rem}.contact-control-card .contact-hold-button{align-self:stretch;height:100%;min-height:4.76rem}.contact-mode-switch[data-mode=nc]{border-color:#3f9c63;background:linear-gradient(145deg,#2e7250,#245741);color:#e8fff1}.contact-mode-switch:focus-visible,.contact-hold-button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.contact-mode-value{color:#dceafd;font-size:.72rem;line-height:1.34;flex:1 1 8rem}.layout-mode-toggle-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-self:stretch;gap:.52rem;min-width:0;width:100%;border-radius:12px;border:1px solid rgba(79,189,128,.44);background:#1022318c;padding:.28rem}.layout-mode-button{min-height:4.2rem;min-width:3.5rem;border-radius:10px;border:1px solid #4fbd80;background:transparent;color:#7fd4a2;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:.2rem .48rem}.layout-mode-button[data-active=true]{border-color:#56c688;background:linear-gradient(145deg,#357f59,#2a6347);color:#ebfff4;box-shadow:inset 0 0 0 1px #a1eec229,0 0 0 1px #56c68833}.layout-mode-button[data-active=false]{border-color:#4fbd80;background:#15304438;color:#7fd4a2}.layout-mode-button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.deck-toggle-switch{width:100%;min-width:0;min-height:4.2rem;border-radius:10px;border:1px solid #6d97c3;background:#2a49683d;color:#dcedff;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:.2rem .48rem;transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,transform .11s ease}.deck-toggle-switch:active{transform:translateY(1px) scale(.985)}.deck-toggle-switch:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.deck-toggle-switch:disabled{opacity:.5}.deck-toggle-switch-layout[data-active=false]{border-color:#6d97c3e0;background:linear-gradient(145deg,#35597f,#2b4a69);color:#ecf5ff;box-shadow:inset 0 0 0 1px #b7ddff1a,0 0 0 1px #6d97c32e}.deck-toggle-switch-layout[data-active=true]{border-color:#56c688;background:linear-gradient(145deg,#357f59,#2a6347);color:#ebfff4;box-shadow:inset 0 0 0 1px #a1eec229,0 0 0 1px #56c68833}.deck-toggle-switch-size[data-active=false]{border-color:#6d97c3;background:linear-gradient(145deg,#35597f,#2b4a69);color:#ecf5ff;box-shadow:inset 0 0 0 1px #b7ddff1a,0 0 0 1px #6d97c32e}.deck-toggle-switch-size[data-active=true]{border-color:#ab79d4;background:linear-gradient(145deg,#6a4693,#57377a);color:#f4ecff;box-shadow:inset 0 0 0 1px #dfc9ff1f,0 0 0 1px #ab79d433}.deck-toggle-switch-contact[data-active=false]{border-color:#6d97c3e0;background:linear-gradient(145deg,#35597f,#2b4a69);color:#ecf5ff;box-shadow:inset 0 0 0 1px #b7ddff1a,0 0 0 1px #6d97c32e}.deck-toggle-switch-contact[data-active=true]{border-color:#49b97b;background:linear-gradient(145deg,#2f704f,#24523b);color:#e9fff3;box-shadow:inset 0 0 0 1px #99ebbd24,0 0 0 1px #4eba7b33}.platter-size-toggle-group{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.platter-size-button{min-height:3.2rem;font-size:.64rem;letter-spacing:.05em}.layout-control-card .contact-mode-switch{min-height:4.2rem;border-color:#6d97c3c2;background:#2a49683d;color:#dcedff}.layout-control-card .contact-mode-switch[data-mode=nc]{border-color:#49b97bc2;background:#29634833;color:#cef7de}.engine-toggle-group{grid-template-columns:repeat(var(--engine-toggle-column-count, 4),minmax(0,1fr));width:100%;gap:.48rem}.engine-toggle-group--native-single,.engine-toggle-group--single{grid-template-columns:minmax(0,1fr)}.engine4-response-preset-group{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:.34rem;margin-top:.34rem}.engine-toggle-button{min-height:3.5rem;min-width:0;padding:.26rem .2rem;border-radius:8px;display:grid;align-content:center;justify-items:center;gap:.18rem;font-size:.68rem;letter-spacing:.03em;text-transform:none}.engine-toggle-group--native-single .engine-toggle-button,.engine-toggle-group--single .engine-toggle-button{width:100%}.engine-toggle-title{display:block;font-size:.7rem;font-weight:800;line-height:1.08;color:inherit}.engine-toggle-subtitle{display:block;font-size:.58rem;font-weight:700;line-height:1.05;letter-spacing:.02em;color:#dff3ffd1}.engine-toggle-button[data-active=false] .engine-toggle-subtitle{color:#7fd4a2d6}.engine-toggle-button[data-active=true] .engine-toggle-subtitle{color:#ebfff4eb}.engine4-response-preset-button{min-height:2rem;min-width:0;padding:.16rem .28rem;font-size:.62rem;letter-spacing:.03em}.contact-hold-button{width:100%;min-height:4.76rem;border-radius:12px;border:1px solid rgba(109,151,195,.76);background:#2a49683d;color:#dcedff;font-size:.86rem;font-weight:700;letter-spacing:.05em;padding:.58rem .7rem;user-select:none;touch-action:none;box-shadow:inset 0 0 0 1px #add5ff14}.contact-hold-button[data-mode=nc]{border-color:#49b97bc2;background:#29634833;color:#cef7de}.contact-hold-button[data-mode=no][data-pressed=true]{border-color:#6d97c3;background:linear-gradient(150deg,#3a6592,#2d5379);color:#f1f8ff;box-shadow:inset 0 0 0 1px #b7ddff24,0 0 0 2px #6d97c33d}.contact-hold-button[data-mode=nc][data-pressed=true]{border-color:#49b97b;background:linear-gradient(150deg,#2f704f,#24523b);color:#e9fff3;box-shadow:inset 0 0 0 1px #99ebbd24,0 0 0 2px #4eba7b3d}.contact-switch-state{margin:0;color:#d3e4f8;font-size:.72rem;letter-spacing:.05em;line-height:1.3}.contact-switch-state .state-badge{font-weight:700;letter-spacing:.04em}.contact-switch-state .state-badge.state-green{color:#96efb9}.contact-switch-state .state-badge.state-amber{color:#8fd1ff}.deck-platter-shell{--platter-surface-edge-offset: -71%;--platter-surface-edge-offset-large: -162%;--platter-center-label-x: 44%;position:relative;display:grid;gap:.38rem;align-content:start}.pitch-control-card{position:relative;width:100%;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.34rem;padding:.5rem .42rem;border-radius:11px;border:1px solid rgba(100,145,186,.94);background:linear-gradient(160deg,#22354ceb,#23364edb);box-shadow:0 10px 22px #00000057;overflow:visible;isolation:isolate;box-sizing:border-box}.pitch-control-fader{position:relative;border-radius:8px;background:linear-gradient(170deg,#3e4d5f,#2c3a4a 40%,#1e2a38);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000073,0 0 0 1px #00000080,0 4px 14px #00000073;overflow:visible;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.pitch-control-groove{position:absolute;left:50%;top:7%;bottom:7%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#070a0e,#0d1218,#070a0e);border-radius:2px;box-shadow:inset 1px 0 2px #000000e6,inset -1px 0 2px #000000b3,0 0 0 1px #0006;pointer-events:none}.pitch-control-thumb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88%;height:14%;min-height:9px;border-radius:4px;background:linear-gradient(180deg,#8aabcc,#6e8fb0 20%,#526e92 45%,#435f82,#526e92 55%,#647ea0 80%,#7698b8);border:1px solid rgba(22,38,60,.9);box-shadow:inset 0 1px #fff3,inset 0 -1px #00000059,0 2px 5px #0000008c,0 0 0 1px #101e3299;pointer-events:none}.pitch-control-thumb:after{content:"";position:absolute;left:14%;right:14%;top:50%;height:2px;transform:translateY(-50%);background:#ffffff80;border-radius:1px;box-shadow:0 1px 2px #00000073}.pitch-control-led{position:absolute;left:18%;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#1e2f44 40%,#111d2b);border:1px solid rgba(90,130,175,.18);box-shadow:inset 0 1px 2px #0000008c;pointer-events:none;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease}.pitch-control-led.is-zero{background:radial-gradient(circle,#f0a020 20%,#c07010 80%);border-color:#dc961e8c;box-shadow:0 0 5px #f5a014e6,0 0 11px #dc820080,inset 0 1px #ffdc784d}.pitch-control-ticks{position:absolute;right:10%;top:7%;bottom:7%;width:4px;pointer-events:none;background:linear-gradient(rgba(105,148,192,.3) 0,rgba(105,148,192,.3) 1px,transparent 1px) 0 0% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 10% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 20% / 100% 1px no-repeat,linear-gradient(rgba(105,148,192,.28) 0,rgba(105,148,192,.28) 1px,transparent 1px) 0 25% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 30% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 40% / 100% 1px no-repeat,linear-gradient(rgba(155,200,240,.6) 0,rgba(155,200,240,.6) 1px,transparent 1px) 0 50% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 60% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 70% / 100% 1px no-repeat,linear-gradient(rgba(105,148,192,.28) 0,rgba(105,148,192,.28) 1px,transparent 1px) 0 75% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 80% / 100% 1px no-repeat,linear-gradient(rgba(90,130,175,.17) 0,rgba(90,130,175,.17) 1px,transparent 1px) 0 90% / 100% 1px no-repeat,linear-gradient(rgba(105,148,192,.3) 0,rgba(105,148,192,.3) 1px,transparent 1px) 0 100% / 100% 1px no-repeat}.pitch-control-float-label{position:absolute;transform:translateY(-50%);background:transparent;border:none;padding:.08rem .2rem;border-radius:3px;color:#b8d0e8;font-size:.46rem;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:color .12s ease,background .12s ease;z-index:3}.pitch-control-float-label[data-zero=true]{color:#e8a030}.pitch-control-float-label:not(:disabled):active{background:#ffffff0f}.pitch-control-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;touch-action:none;writing-mode:vertical-lr;direction:rtl;-webkit-writing-mode:vertical-lr;-webkit-appearance:none;appearance:none;z-index:2;-webkit-tap-highlight-color:transparent;outline:none;user-select:none;-webkit-user-select:none}.pitch-control-slider:focus,.pitch-control-slider:focus-visible{outline:none}.pitch-control-slider:disabled{cursor:not-allowed}.deck-platter-shell[data-mirrored=true] .platter-surface{right:4.5rem;left:auto}.deck-platter-shell[data-mirrored=true] .platter-center-label{left:calc(100% - var(--platter-center-label-x))}.platter-card{position:relative;display:grid;align-content:start}.platter-instruction{margin-top:.36rem;margin-bottom:.62rem}.platter-stage{position:relative;display:grid;container-type:inline-size;grid-template-columns:auto 1fr;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;align-items:start;justify-items:start;padding:.74rem .72rem .68rem;height:clamp(420px,70vh,650px);border-radius:14px;border:1px solid #4f5b68;background:linear-gradient(145deg,#2b313af2,#1e242cf5),radial-gradient(circle at 14% 10%,rgba(255,255,255,.08),transparent 38%),radial-gradient(circle at 86% 88%,rgba(0,0,0,.25),transparent 52%),#1b2027;overflow:hidden;box-shadow:0 16px 40px #00000061}.platter-stage .pitch-control-card{grid-column:1;grid-row:1;align-self:start;justify-self:start;width:2.35rem;margin-left:.16rem;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.34rem;padding:0;border:none;background:transparent;box-shadow:none;overflow:visible;isolation:auto}.deck-platter-shell[data-mirrored=true] .platter-stage .pitch-control-card{grid-column:2;justify-self:end;margin-left:0;margin-right:.16rem}.platter-stage .pitch-control-fader{width:1.34rem;height:78.75cqw}.platter-stage .pitch-control-float-label{position:relative;transform:none;left:auto;right:auto;width:2.35rem;text-align:center;font-size:.5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em;padding:.15rem 0;border-radius:3px;border:1px solid rgba(80,120,165,.28);background:#0a121eb8;color:#7aa8cc;z-index:auto}.platter-stage .pitch-control-float-label[data-zero=true]{color:#e0981e;border-color:#d2911666}.platter-surface{--platter-groove-progress: 0;--platter-groove-outer-radius: 45%;--platter-groove-inner-radius: 15%;--platter-touch-x: 50%;--platter-touch-y: 50%;--platter-tail-angle: 0deg;--platter-tail-strength: 0;--platter-groove-radius: calc( var(--platter-groove-outer-radius) - (var(--platter-groove-outer-radius) - var(--platter-groove-inner-radius)) * var(--platter-groove-progress) );width:clamp(560px,152vw,860px);aspect-ratio:1 / 1;position:absolute;left:4.5rem;right:auto;top:50%;transform:translateY(-50%);overflow:hidden;border-radius:50%;border:2px solid #485665;background:radial-gradient(circle at 50% 50%,#11161d,#0a0e14 70%);touch-action:none;user-select:none;transition:border-color .12s ease,box-shadow .12s ease}.platter-surface[data-engine-key=engine3],.platter-surface[data-engine-key=engine4]{background:radial-gradient(circle at 50% 50%,#10161f,#05080d 74%);box-shadow:0 0 0 1px #1c25319e}.platter-surface[data-engine-key=engine3][data-platter-size="12inch"],.platter-surface[data-engine-key=engine4][data-platter-size="12inch"]{width:clamp(920px,236vw,1220px);left:4.5rem;right:auto;border-color:#4f5c69;background:radial-gradient(circle at 50% 50%,#10161f,#05080d 74%);box-shadow:0 0 0 1px #1c25319e}.deck-platter-shell[data-mirrored=true] .platter-surface[data-engine-key=engine3][data-platter-size="12inch"],.deck-platter-shell[data-mirrored=true] .platter-surface[data-engine-key=engine4][data-platter-size="12inch"]{right:4.5rem;left:auto}.platter-scratch-layer,.platter-spin-layer{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:1}.platter-scratch-layer{transform:rotate(0);will-change:transform}.platter-spin-layer{background:radial-gradient(circle at 38% 36%,#1f2f44,#101a29 58%,#090f18 72%),radial-gradient(circle at 70% 65%,rgba(88,133,176,.16),transparent 50%);animation:platter-spin-335 1.791044776s linear infinite;animation-play-state:paused;will-change:transform}.platter-surface[data-engine-key=engine3] .platter-spin-layer,.platter-surface[data-engine-key=engine4] .platter-spin-layer,.platter-surface[data-engine-key=engine2] .platter-spin-layer{background-image:url(/assets/asset-BqiGBDU-.svg);background-position:center;background-repeat:no-repeat;background-size:cover;animation-duration:1.8s}.platter-surface[data-engine-key=engine4] .platter-spin-layer{animation:none}.platter-surface[data-motor=true] .platter-spin-layer{animation-play-state:running}.platter-spin-layer:before{content:"";position:absolute;inset:10%;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff17 0 1px,#fff0 2px 8px);opacity:.24}.platter-surface[data-engine-key=engine3] .platter-spin-layer:before,.platter-surface[data-engine-key=engine4] .platter-spin-layer:before,.platter-surface[data-engine-key=engine2] .platter-spin-layer:before{display:none}.platter-spin-layer:after{content:"";position:absolute;width:17%;aspect-ratio:1 / 1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#bfd3ea 0 15%,#162436 43%,#0a111b);box-shadow:0 0 0 2px #111d2cdb}.platter-surface[data-engine-key=engine3] .platter-spin-layer:after,.platter-surface[data-engine-key=engine4] .platter-spin-layer:after,.platter-surface[data-engine-key=engine2] .platter-spin-layer:after{display:none}.platter-groove-playhead-head{position:absolute;left:calc(50% - var(--platter-groove-radius));top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,216,147,.76);background:radial-gradient(circle at 35% 30%,#ffe6b8,#efb460 62%,#8a4e18);box-shadow:0 0 0 1px #160f068f,0 0 11px #ffb65c73;opacity:0;pointer-events:none;transition:opacity .16s ease;will-change:left;z-index:2}.platter-surface[data-playhead=active] .platter-groove-playhead-head{opacity:1}.platter-touch-overlay{position:absolute;pointer-events:none;z-index:3;mix-blend-mode:screen}.platter-edge-canvas{position:absolute;pointer-events:none;z-index:2;mix-blend-mode:screen}.platter-surface[data-active=true]{border-color:#485665;box-shadow:0 16px 34px #00000057}.platter-surface[data-engine-key=engine3][data-platter-size="12inch"][data-active=true],.platter-surface[data-engine-key=engine4][data-platter-size="12inch"][data-active=true]{border-color:#4f5c69;box-shadow:0 0 0 1px #1c25319e}.platter-surface:focus-visible{outline:2px solid #7bb5e2;outline-offset:3px}.platter-center-label{position:absolute;left:44%;top:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;color:#e8eef5;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;border:1px solid rgba(98,115,134,.74);background:#161b22d6;padding:.24rem .6rem}.platter-angle{margin-top:.42rem;color:#aeb9c6;font-size:.76rem}.status-card[data-state=running]{border-color:#305f49}.status-card[data-state=error]{border-color:#73414c}.status-card[data-state=suspended]{border-color:#715a37}.status-label{margin:.44rem 0 .2rem;font-size:1.02rem;font-weight:650;color:#eff6ff}.status-message{color:#bfd2eb;margin:0}.status-hint{margin-top:.38rem;color:#90a6c3}.status-sample{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-row{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;align-items:center;gap:.4rem;margin-top:.74rem}.status-card.compact-controls{position:relative;left:auto;bottom:auto;z-index:1;margin-top:.34rem;width:fit-content;max-width:100%;padding:.32rem;border:1px solid rgba(96,136,178,.92);background:linear-gradient(160deg,#22354ceb,#23364edb);box-shadow:0 10px 22px #00000057}.platter-stage .status-card.compact-controls{grid-column:1;grid-row:2;margin-top:0;z-index:2;justify-self:start;align-self:end;padding:0;border:none;background:transparent;box-shadow:none}.deck-platter-shell[data-mirrored=true] .platter-stage .status-card.compact-controls{grid-column:2;justify-self:end}.platter-stage .status-card.compact-controls .control-icon-button{width:4.35rem;height:4.35rem;border-radius:10px;font-size:1.8rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform 80ms ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;box-shadow:0 12px 28px #00000057,inset 0 1px #ffffff1f}.platter-stage .status-card.compact-controls .control-icon-button:hover:not(:disabled){box-shadow:0 16px 34px #00000061,inset 0 1px #ffffff24}.platter-stage .status-card.compact-controls .control-icon-button:active:not(:disabled){transform:scale(.97);box-shadow:0 8px 18px #00000042,inset 0 1px #ffffff14}.platter-stage .status-card.compact-controls .control-icon-button:focus-visible{outline:none;box-shadow:0 12px 28px #00000057,0 0 0 3px #8fd1ff47,inset 0 1px #ffffff1f}.platter-stage .status-card.compact-controls .control-icon-button-secondary{border-color:#b45757;background:linear-gradient(140deg,#8f3f3f,#733232),radial-gradient(circle at 22% 20%,rgba(255,190,190,.16),transparent 46%)}.status-card.compact-controls .controls-row{grid-template-columns:1fr;gap:.56rem;margin-top:0}.status-card.compact-controls .control-icon-button,.status-card.compact-controls .text-action-button{min-width:2.3rem}.status-card.compact-controls .text-action-button{min-height:2rem;padding:.26rem .48rem;background:#2b425ceb;border-color:#7094bf}.control-icon-button{width:2.3rem;height:2.3rem;border-radius:50%;border:1px solid #739ec8;background:linear-gradient(140deg,#3d6992,#2e587f),radial-gradient(circle at 22% 20%,rgba(246,170,97,.18),transparent 45%);color:#f6fbff;display:inline-grid;place-items:center;font-size:.95rem;line-height:1;padding:0}.control-icon-button-secondary{border-color:#7391b1;background:linear-gradient(140deg,#395672,#2e4761)}.control-icon-button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.control-icon-button:disabled{opacity:.62}.text-action-button{border:1px solid #6c8eb7;border-radius:999px;background:#2a4260;color:#e6f1ff;padding:.3rem .65rem;min-height:2.1rem;font-size:.74rem}.text-action-button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.text-action-button:disabled{opacity:.62}.player-shell .player-mode-button{width:100%;min-height:0;height:auto;aspect-ratio:1 / 1;border-radius:4px;padding:.18rem .28rem;font-size:.66rem}.button{border:1px solid #6f98c2;border-radius:10px;background:linear-gradient(140deg,#3f6d97,#305b83),radial-gradient(circle at 16% 12%,rgba(242,160,86,.16),transparent 44%);color:#f6fbff;padding:.58rem .8rem;min-height:2.6rem;font-weight:600}.button-secondary{border-color:#7b96b7;background:linear-gradient(140deg,#415d7a,#334c65);color:#e7f1ff}.button:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.button:disabled{opacity:.62}.settings-card{display:grid;gap:.58rem}.settings-disclosure-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.42rem;border-radius:10px;border:1px solid #6387af;background:linear-gradient(145deg,#2f4f71,#27435f);color:#edf7ff;min-height:2.28rem;padding:.34rem .58rem}.settings-disclosure-toggle:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px}.settings-disclosure-title{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.settings-disclosure-icon{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:999px;border:1px solid #79a7d5;background:#1828398c;color:#dfeeff;font-size:.66rem;line-height:1;transition:transform .15s ease}.settings-card[data-expanded=true] .settings-disclosure-icon{transform:rotate(180deg)}.settings-card[data-expanded=false] .settings-disclosure-body{display:none}.settings-subtitle{margin-top:.42rem;margin-bottom:.78rem}.settings-group{padding:.74rem;border-radius:10px;border:1px solid #5d7ea5;background:var(--bg-surface-soft)}.settings-group+.settings-group{margin-top:.72rem}.group-title{margin:0 0 .55rem;font-size:.82rem;color:#d5e3f8;text-transform:uppercase;letter-spacing:.06em}.settings-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.42rem;background:transparent;border:none;color:inherit;padding:0;cursor:pointer;text-align:left}.settings-group-toggle .group-title{margin:0;flex:1}.settings-group-toggle:focus-visible{outline:2px solid #8fd1ff;outline-offset:2px;border-radius:4px}.settings-group-preset-label{font-size:.72rem;color:#8ab4d8;font-weight:500;white-space:nowrap}.settings-group-body{margin-top:.55rem}.settings-group[data-expanded=false] .settings-group-body{display:none}.settings-group[data-expanded=true] .settings-group-toggle .settings-disclosure-icon{transform:rotate(180deg)}.setting-row+.setting-row{margin-top:.45rem}.settings-actions{margin-top:.74rem;display:flex;justify-content:space-between;align-items:center;gap:.52rem;flex-wrap:wrap}.setting-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.16rem}.setting-value{font-size:.74rem;border-radius:999px;border:1px solid #6d90b8;color:#e5f1ff;background:#2b4562;padding:.14rem .44rem}.field-label{display:block;font-size:.82rem;color:#cdddf2}.settings-card input[type=range]{width:100%;accent-color:#73bfff;opacity:.95}.settings-default-button{min-width:5.3rem}.settings-save-button{min-width:5.3rem;border-color:#5f7f9f;background:linear-gradient(140deg,#385570,#2d485f)}.settings-save-button[data-dirty=true]{border-color:#57c58a;background:linear-gradient(140deg,#37805a,#2c6448),radial-gradient(circle at 16% 12%,rgba(163,240,194,.2),transparent 44%);box-shadow:inset 0 0 0 1px #acf2c724,0 0 0 1px #57c58a33}.sample-select{width:100%;margin-top:.22rem;border-radius:8px;border:1px solid #6789b1;background:#2a4462;color:#ebf4ff;min-height:2.4rem;padding:.4rem .55rem}.sample-select:disabled{opacity:.6}.sample-actions{margin-top:.56rem;display:grid;grid-template-columns:1fr}.sample-status{margin-top:.5rem}.sample-status[data-state=error]{color:#f1b8b8}.checkbox-field{display:flex;align-items:center;gap:.45rem}.placeholder-tag{margin-left:auto;border-radius:999px;border:1px solid #9e6d3d;background:#5f3b1f;color:#ffe2bd;font-size:.68rem;padding:.1rem .42rem}.diagnostics-details{font-size:.82rem}.diagnostic-recommendation{border-radius:12px;border:1px solid #5f8eb9;background:linear-gradient(148deg,#29435ff2,#263c57eb),radial-gradient(circle at 16% 12%,rgba(219,141,77,.2),transparent 44%);padding:.82rem .9rem;box-shadow:inset 0 0 0 1px #6daeeb29,0 10px 24px #00000042;margin-bottom:.78rem}.diagnostic-recommendation[data-mode=fast]{border-color:#21a1a4}.diagnostic-recommendation[data-mode=compatibility]{border-color:#2f7880}.diagnostic-recommendation-title{margin:0;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;color:#e7f2ff}.diagnostic-recommendation-text{margin:.36rem 0 0;font-size:.92rem;color:#d9e8fb;line-height:1.35}.diagnostics-details summary{cursor:pointer;color:#cde0f8}.diagnostics-intro{margin-top:.5rem;margin-bottom:.4rem}.diagnostics-summary{color:#e6f2ff}.diagnostics-note{margin-top:0;margin-bottom:.55rem;color:#b7d0e9}.diagnostics-grid{margin:0;padding:0;display:grid;gap:.28rem}.diagnostic-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1.15fr);gap:.5rem;align-items:center}.diagnostic-key{margin:0;color:#b5c9e2;font-size:.74rem}.diagnostic-value{margin:0;border-radius:7px;border:1px solid #6788ae;background:#2b4561;color:#ecf5ff;font-family:Consolas,Courier New,monospace;font-size:.72rem;padding:.26rem .42rem;overflow-wrap:anywhere}.diagnostic-value[data-status=nominal]{border-color:#5d9f70;background:#223f2b;color:#e8ffed}.diagnostic-value[data-status=watch]{border-color:#c19f47;background:#47361d;color:#fff1cb}.diagnostic-value[data-status=degraded],.diagnostic-value[data-status=starting]{border-color:#b46a46;background:#4b2f23;color:#ffe6da}.diagnostic-value[data-status=error]{border-color:#bf5466;background:#4c2230;color:#ffe5eb}.diagnostic-value[data-status=idle]{border-color:#6e839d;background:#2a3848;color:#edf4ff}.diagnostics-micro-tune{margin-top:.52rem}.diagnostics-micro-title{margin-bottom:.55rem}.diagnostics-micro-sliders{display:grid;gap:0}.diagnostics-micro-slider-row{display:block;padding:0;background:none}.diagnostics-micro-slider-label{color:#cdddf2;font-size:.82rem;letter-spacing:0}.diagnostics-micro-slider{width:100%;margin:0;height:1rem;background:transparent}.diagnostics-micro-slider-value{min-width:4.25rem;text-align:center;font-family:Consolas,Courier New,monospace}.diagnostics-micro-actions{margin-top:.6rem;justify-content:flex-end}.app-footer-note{margin:.24rem 0 .12rem;text-align:center;color:#bfd2e7;font-size:.78rem;font-weight:700;letter-spacing:.02em}.app-footer-copyright{margin:0 0 .12rem;text-align:center;color:#9eb5d0;font-size:.68rem;letter-spacing:.02em}@keyframes platter-spin-335{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.button:hover{filter:brightness(1.08)}}@media(max-width:520px){.workspace-shell{gap:.68rem}.workspace-view-host>.app-shell:not(.player-shell){max-width:none;margin:0;padding:0;gap:.68rem}.workspace-view-host>.app-shell:not(.player-shell)>*{width:100%;min-width:0}.workspace-view-host>.app-shell:not(.player-shell) .app-header{padding:.62rem .68rem}.deck-layout,.control-panels-row{gap:.42rem}.waveform-card,.contact-control-card,.layout-control-card,.hardware-gate-card,.scratch-eq-card,.bgm-player-card{padding:.58rem .62rem}.settings-card,.diagnostics-details{padding:.62rem .68rem}.contact-control-title,.layout-control-title{font-size:.72rem}.layout-mode-toggle-group{min-width:0;gap:.44rem;padding:.24rem}.layout-mode-button{min-width:3rem;min-height:3.8rem;font-size:.62rem;padding:.14rem .34rem}.bgm-player-control-grid{gap:.24rem}.bgm-player-band{min-height:9.2rem;padding-inline:.18rem}.bgm-player-slider-wrap{min-height:7rem}.bgm-player-slider{width:6.4rem}.bgm-player-transport-action{padding:.18rem}.bgm-player-transport-icon{font-size:1.26rem}.bgm-player-transport-main{font-size:.62rem}.bgm-player-transport-sub{font-size:.48rem}.engine-toggle-group{min-width:0;width:100%;gap:.36rem}.engine-toggle-group--native-single,.engine-toggle-group--single{grid-template-columns:minmax(0,1fr)}.engine4-response-preset-group{gap:.28rem}.engine-toggle-button{min-width:0;min-height:3.2rem;font-size:.62rem;padding:.18rem .14rem;gap:.14rem}.engine-toggle-title{font-size:.64rem}.engine-toggle-subtitle{font-size:.52rem}.engine4-response-preset-button{min-height:1.82rem;font-size:.56rem;padding:.1rem .2rem}.scratch-eq-grid{gap:.3rem}.scratch-eq-band{min-height:10.2rem;padding:.38rem .28rem .28rem}.scratch-eq-slider-wrap{height:6.8rem}.scratch-eq-slider{width:6.8rem}.workspace-mode-bar{gap:.34rem;padding:.24rem .55rem}.workspace-mode-state{font-size:.75rem}.diagnostics-micro-slider-row{grid-template-columns:1fr;gap:.18rem}.diagnostics-micro-slider-value{justify-self:start}.player-library-actions,.player-transport-controls{grid-template-columns:1fr}.player-header-row{align-items:flex-start;gap:.38rem}.player-header-actions{gap:.24rem}.player-ui-selector-label{font-size:.58rem}.player-ui-selector{max-width:6.2rem;min-height:1.74rem;font-size:.6rem;padding:.1rem .42rem}.player-theme-selector{width:6.2rem;min-width:0;max-width:6.2rem}.header-title-row{flex-wrap:nowrap;gap:.32rem}.header-title-group{flex:1 1 auto;min-width:0}.app-title{font-size:1.18rem;line-height:1.12;overflow-wrap:anywhere}.app-logo{height:36px;max-width:min(8.6rem,calc(100% - 2.15rem))}.app-title-context{font-size:.66rem}.app-title[data-title-context=audio-player] .app-logo{max-width:min(7.2rem,calc(100% - 5.2rem))}.app-title[data-title-context=audio-player] .app-title-context{font-size:.58rem}.header-subtitle{margin-top:.08rem}.header-signout-button{min-height:1.46rem;padding:.08rem .36rem;font-size:.58rem;top:.4rem;right:.42rem}.player-shell[data-player-ui=vertical-deck] .player-transport-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:600px){.deck-platter-shell{--platter-surface-edge-offset: -58%;--platter-surface-edge-offset-large: -147%}.app-shell,.workspace-shell{gap:1.04rem;padding:.62rem}.app-header,.support-banner,.card{padding:.68rem}.platter-stage{height:clamp(450px,72vh,720px)}.platter-surface{left:4.5rem;right:auto}.platter-surface[data-engine-key=engine3][data-platter-size="12inch"],.platter-surface[data-engine-key=engine4][data-platter-size="12inch"]{width:clamp(980px,182vw,1260px)}}@media(min-width:900px){.deck-platter-shell{--platter-surface-edge-offset: -24%;--platter-surface-edge-offset-large: -54%}.app-shell,.workspace-shell{gap:.88rem;padding:.72rem;max-width:min(1040px,calc(100vw - 1.75rem))}.deck-layout{gap:.68rem}.platter-stage{height:clamp(500px,64vh,650px);padding:.72rem .78rem}.platter-surface{width:clamp(620px,98cqw,760px)}.platter-surface[data-engine-key=engine3][data-platter-size="12inch"],.platter-surface[data-engine-key=engine4][data-platter-size="12inch"]{width:clamp(760px,124cqw,900px)}}@media(min-width:1100px){.app-shell,.workspace-shell{max-width:min(1240px,calc(100vw - 2.25rem))}.deck-layout{grid-template-columns:minmax(0,1.46fr) minmax(320px,.88fr);align-items:start;column-gap:.8rem;row-gap:.72rem}.waveform-card,.deck-platter-shell,.control-panels-row{grid-column:1}.scratch-eq-card,.bgm-player-card{grid-column:2;align-self:start}.platter-stage{height:clamp(520px,62vh,700px)}.control-panels-row{gap:.48rem}}.workspace-install-button{padding:8px 16px;background:#00d4ff;color:#1a1a1a;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:12px;transition:background .2s}.workspace-install-button:hover{background:#00b8d4}.install-firstrun-card{position:fixed;left:50%;bottom:calc(16px + var(--safe-area-bottom));z-index:2600;width:min(92vw,380px);padding:.9rem .95rem;border-radius:16px;border:1px solid rgba(131,193,255,.26);background:linear-gradient(180deg,#1b3454f5,#0f2038f7);box-shadow:0 18px 40px #00000057,inset 0 1px #ffffff14;transform:translate(-50%,calc(100% + 32px));opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.install-firstrun-card[data-open=true]{transform:translate(-50%);opacity:1;pointer-events:auto}.install-firstrun-title{display:block;margin:0;color:#f4f8ff;font-size:.95rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.install-firstrun-description{margin:.35rem 0 0;color:#dfebffd1;font-size:.82rem;line-height:1.45}.install-firstrun-actions{display:flex;gap:.62rem;margin-top:.8rem}.install-firstrun-actions>button{flex:1 1 0;min-height:42px;border-radius:12px;font-size:.86rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,filter .14s ease,background .14s ease,border-color .14s ease}.install-firstrun-install{border:1px solid rgba(122,225,255,.4);background:linear-gradient(135deg,#3793e0f0,#25d6b0eb);color:#f7fcff;box-shadow:0 10px 24px #167ec03d}.install-firstrun-dismiss{border:1px solid rgba(131,193,255,.26);background:#243e5f8f;color:#e8f1ffeb}.install-firstrun-actions>button:hover{transform:translateY(-1px);filter:brightness(1.05)}.install-firstrun-actions>button:active{transform:translateY(0)}@media(min-width:900px){.install-firstrun-card{left:auto;right:20px;bottom:20px;transform:translateY(calc(100% + 32px))}.install-firstrun-card[data-open=true]{transform:translate(0)}}.install-overlay-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.install-overlay-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(4px)}.install-overlay-content{position:relative;z-index:10000;background:#fff;border-radius:16px;padding:32px 24px 24px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.install-overlay-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:4px;transition:color .2s}.install-overlay-close:hover{color:#333}.install-overlay-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.install-overlay-description{font-size:14px;color:#666;margin:0 0 24px;line-height:1.6}.install-overlay-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.install-overlay-step{display:flex;gap:12px;align-items:flex-start}.install-overlay-step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00d4ff;color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.install-overlay-step-title{display:block;font-size:14px;color:#1a1a1a;margin-bottom:4px}.install-overlay-step-description{font-size:12px;color:#999;margin:0}.install-overlay-dismiss-btn{width:100%;padding:12px;background:#f0f0f0;border:none;border-radius:8px;font-weight:600;cursor:pointer;color:#666;transition:background .2s}.install-overlay-dismiss-btn:hover{background:#e0e0e0}:root{--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@supports (padding: max(0px)){.workspace-mode-bar{padding-bottom:max(.24rem,var(--safe-area-bottom))}.auth-shell{padding-bottom:max(1.15rem,var(--safe-area-bottom))}}.html--compact-drawer-lock,.body--compact-drawer-lock{height:100%;overflow:hidden;overscroll-behavior:none}.workspace-shell--drawer-contained{grid-template-rows:minmax(0,1fr);gap:0;overflow:hidden;height:var(--app-h, 100dvh);min-height:var(--app-h, 100dvh);box-sizing:border-box}.workspace-shell--drawer-contained .workspace-view-host{height:100%}.app-shell--compact-drawer{position:relative;display:block;width:100%;height:100%;min-height:0;overflow:hidden}.app-shell--compact-drawer>.deck-layout-compact{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.18rem;width:100%;height:100%;min-height:0;overflow:hidden}.app-shell--compact-drawer .waveform-panel-card,.app-shell--compact-drawer .waveform-card,.app-shell--compact-drawer .compact-contact-control-card{flex:0 0 auto}.app-shell--compact-drawer .waveform-card{gap:.18rem;padding:.4rem .62rem}.app-shell--compact-drawer .compact-main-platter-shell{display:flex;align-content:stretch;height:100%;overflow:hidden;min-height:0}.app-shell--compact-drawer .compact-main-platter-shell .platter-card{flex:1 1 auto;height:100%;align-content:stretch;min-height:0}.app-shell--compact-drawer .platter-stage{position:relative;height:100%;min-height:0}.app-shell--compact-drawer .compact-contact-control-card{margin:0;gap:0;padding:.08rem 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.app-shell--compact-drawer .compact-contact-control-card[data-visible=false],.app-shell--compact-drawer .compact-contact-mode-row[hidden],.app-shell--compact-drawer .compact-contact-hold-button[hidden],.app-shell--compact-drawer .compact-contact-mode-switch[hidden]{display:none!important}.app-shell--compact-drawer .compact-contact-mode-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.44rem}.app-shell--compact-drawer .compact-contact-hold-button{min-height:2.9rem;padding:.42rem .8rem}.app-shell--compact-drawer .compact-contact-mode-switch{min-width:5.6rem;min-height:2.9rem;padding-inline:.8rem;font-size:.84rem}.app-shell--compact-drawer .compact-platter-actions{position:absolute;top:.96rem;left:4.2rem;right:auto;z-index:5;display:flex;align-items:flex-start;gap:.45rem}.app-shell--compact-drawer .deck-platter-shell[data-mirrored=true] .compact-platter-actions{left:auto;right:4.2rem}.app-shell--compact-drawer .compact-transport-stack{position:absolute;left:.42rem;bottom:.62rem;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:.52rem}.app-shell--compact-drawer .deck-platter-shell[data-mirrored=true] .compact-transport-stack{left:auto;right:.42rem;align-items:flex-end}.app-shell--compact-drawer .compact-platter-action{width:2.25rem;height:2.25rem;border-radius:50%;position:relative;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;background-clip:padding-box;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(circle,#000 99%,transparent 100%);transition:box-shadow .16s ease,border-color .14s ease,background .16s ease,color .14s ease;box-shadow:0 18px 34px #0006,0 4px 12px #03081047,inset 0 1px #ffffff1f}.app-shell--compact-drawer .compact-platter-action:hover:not(:disabled){box-shadow:0 22px 38px #0000006b,0 6px 14px #070e1852,inset 0 1px #ffffff24}.app-shell--compact-drawer .compact-platter-action:active:not(:disabled){border-color:#9ec4e9f5;box-shadow:0 10px 20px #00000047,0 2px 6px #070e1833,inset 0 1px #ffffff14}.app-shell--compact-drawer .compact-platter-action:focus-visible{outline:none;box-shadow:0 18px 34px #0006,0 4px 12px #03081047,0 0 0 3px #8fd1ff52,inset 0 1px #ffffff1f}.app-shell--compact-drawer .compact-platter-action:disabled{cursor:default;box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffff14}.app-shell--compact-drawer .compact-drawer-toggle[data-active=true]{border-color:#9bc7ff;background:linear-gradient(140deg,#4f76a1,#35587a),radial-gradient(circle at 22% 20%,rgba(241,194,108,.18),transparent 48%);color:#f4f8ff;box-shadow:0 20px 38px #0000006b,0 0 0 1px #9bc7ff33,0 0 22px #7eaee22e,inset 0 1px #ffffff29}.app-shell--compact-drawer .compact-drawer-toggle{width:4.35rem;height:4.35rem;border-radius:10px;-webkit-mask-image:none;mask-image:none;background-clip:border-box;border-color:#739ec8;background:linear-gradient(140deg,#3d6992,#2e587f),radial-gradient(circle at 22% 20%,rgba(246,170,97,.18),transparent 45%);color:#f2f6ff;box-shadow:0 12px 28px #00000057,inset 0 1px #ffffff1f}.app-shell--compact-drawer .compact-drawer-toggle-glyph{display:grid;gap:.21rem;width:1.41rem;transition:transform .14s ease}.app-shell--compact-drawer .compact-drawer-toggle-line{display:block;width:100%;height:.15rem;border-radius:999px;background:currentcolor;transition:transform .14s ease,opacity .14s ease}.app-shell--compact-drawer .compact-drawer-toggle[data-active=true] .compact-drawer-toggle-glyph{transform:scale(.96)}.app-shell--compact-drawer .compact-beat-play-button{width:4.35rem;height:4.35rem;border-radius:10px;-webkit-mask-image:none;mask-image:none;background-clip:border-box;border-color:#739ec8;background:linear-gradient(140deg,#3d6992,#2e587f),radial-gradient(circle at 22% 20%,rgba(246,170,97,.18),transparent 45%);color:#f2f6ff;box-shadow:0 12px 28px #00000057,inset 0 1px #ffffff1f}.app-shell--compact-drawer .compact-beat-play-button[data-ready=false]{opacity:.6;color:#f2f6ffc2}.app-shell--compact-drawer .compact-beat-play-button[data-ready=true]{border-color:#739ec8;background:linear-gradient(140deg,#3d6992,#2e587f),radial-gradient(circle at 22% 20%,rgba(246,170,97,.18),transparent 45%);color:#f2f6ff}.app-shell--compact-drawer .compact-beat-play-button[data-active=true]{border-color:#5eb687;background:linear-gradient(140deg,#2f7752,#23563b),radial-gradient(circle at 16% 12%,rgba(214,255,230,.18),transparent 46%);box-shadow:0 22px 40px #0000006b,0 0 0 1px #5eb68738,0 0 24px #3e8e6138,inset 0 1px #ffffff2e}.app-shell--compact-drawer .compact-beat-play-button[data-active=true]:after{content:"";position:absolute;top:.4rem;right:.42rem;width:.36rem;height:.36rem;border-radius:50%;background:#d8ffe6;box-shadow:0 0 0 3px #5eb6873d,0 0 12px #6edc9c47}.app-shell--compact-drawer .compact-beat-play-label{display:grid;gap:.02rem;justify-items:center;font-size:.72rem;line-height:1.04;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.app-shell--compact-drawer .compact-drawer-backdrop{position:absolute;inset:0 0 0 70%;z-index:11;border:0;margin:0;padding:0;background:#070d166b}.app-shell--compact-drawer .compact-scratch-drawer{position:absolute;inset:0 auto 0 0;z-index:12;width:70%;min-width:70%;max-width:70%;box-sizing:border-box;padding:.5rem;overflow-y:auto;border-radius:20px;border:1px solid rgba(100,128,162,.92);background:linear-gradient(180deg,#1b293bfa,#131f2dfb),radial-gradient(circle at 0% 0%,rgba(88,117,152,.18),transparent 34%);box-shadow:0 20px 48px #0006,inset 0 1px #ffffff0f;transform:translate(-104%);transition:transform .16s ease}.app-shell--compact-drawer[data-drawer-open=true] .compact-scratch-drawer{transform:translate(0)}.app-shell--compact-drawer .compact-drawer-header-card{position:relative;top:auto;z-index:auto;margin-bottom:.62rem}.app-shell--compact-drawer .app-header{margin-top:0;padding:.72rem .86rem}.app-shell--compact-drawer .compact-drawer-card{margin-top:0;margin-bottom:.62rem}.app-shell--compact-drawer .compact-layout-control-card{margin-bottom:.62rem}.app-shell--compact-drawer .layout-control-title{margin-bottom:.52rem}.app-shell--compact-drawer .layout-mode-row{grid-template-columns:minmax(0,1fr)}.app-shell--compact-drawer .deck-toggle-switch{min-height:3.1rem}.app-shell--compact-drawer .compact-trigger-visibility-switch{letter-spacing:.02em}.app-shell--compact-drawer .compact-drawer-workspace,.app-shell--compact-drawer .compact-drawer-footer{width:100%}.app-shell--compact-drawer .workspace-mode-bar--drawer{margin-top:.18rem}.app-shell--compact-drawer .workspace-legal-footer--drawer{justify-items:center;text-align:center;padding:.8rem 0 .14rem}@media(max-width:700px){.app-shell--compact-drawer .compact-scratch-drawer{width:70%;min-width:70%;max-width:70%;border-radius:16px}.app-shell--compact-drawer .compact-platter-actions{top:.78rem;left:3.55rem;right:auto;gap:.36rem}.app-shell--compact-drawer .deck-platter-shell[data-mirrored=true] .compact-platter-actions{left:auto;right:3.55rem}.app-shell--compact-drawer .compact-transport-stack{left:.34rem;bottom:.48rem;gap:.39rem}.app-shell--compact-drawer .deck-platter-shell[data-mirrored=true] .compact-transport-stack{left:auto;right:.34rem}.app-shell--compact-drawer .compact-platter-action{width:2.05rem;height:2.05rem}.app-shell--compact-drawer .compact-drawer-toggle,.app-shell--compact-drawer .compact-beat-play-button{width:3.63rem;height:3.63rem}.app-shell--compact-drawer .compact-beat-play-label{font-size:.6rem}.platter-stage .status-card.compact-controls .control-icon-button{width:3.63rem;height:3.63rem;font-size:1.5rem}}.player-time-label,.bgm-player-time-label,.player-control-value,.player-response-meta,.scratch-eq-response-meta,.scratch-eq-band-value,.player-pitch-value-badge,.setting-value,.diagnostic-value,.diagnostics-micro-slider-value,.player-eq-value,.bgm-player-band-value,.header-version-badge{font-family:var(--num-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.02em}.panel-title,.bgm-player-section-title,.settings-disclosure-title,.scratch-eq-disclosure-title,.bgm-player-toggle-title,.contact-control-title,.layout-control-title,.group-title,.support-title,.diagnostic-recommendation-title{font-weight:700;letter-spacing:.06em}.workspace-mode-label,.player-ui-selector-label,.scratch-eq-disclosure-title,.settings-disclosure-title,.bgm-player-toggle-title,.contact-control-title,.layout-control-title,.group-title,.support-title{text-transform:uppercase}.workspace-shell{background:linear-gradient(180deg,#0b111a00,#060a1059)}.workspace-mode-bar{border-color:#4a678cb8;background:linear-gradient(160deg,#182434f5,#101926f5);box-shadow:inset 0 1px #ffffff0b,0 1px #0006,0 8px 22px #00000047}.workspace-mode-label{color:var(--text-dim);font-weight:700}.workspace-mode-state{color:var(--text-muted);font-weight:500}.workspace-usage-state{color:var(--text-dim);font-family:var(--num-font);font-variant-numeric:tabular-nums}.workspace-mode-toggle{border-color:#7aa2cccc;background:linear-gradient(145deg,#3b6793,#2c527a);color:#f5fbff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0006,0 6px 14px #00000047;transition:background .14s ease,border-color .14s ease,box-shadow .16s ease,transform 90ms ease}.workspace-mode-toggle:hover:not(:disabled){border-color:#94c0e8e6;background:linear-gradient(145deg,#447299,#305b83);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 8px 18px #00000057}.workspace-mode-toggle:active:not(:disabled){transform:translateY(1px)}.app-header{border-color:#4a678cc7;background:linear-gradient(160deg,#1b2738f7,#111a27f7),radial-gradient(circle at 100% 0%,rgba(200,124,60,.12),transparent 48%);box-shadow:inset 0 1px #ffffff0b,0 1px #0006,0 10px 26px #0000004d}.app-title{display:flex;align-items:center;gap:.42rem;font-weight:800;letter-spacing:.02em}.header-subtitle{color:var(--text-dim);letter-spacing:.04em;font-weight:600}.header-version-badge{border-color:#7ea0c699;background:#24364edb;color:#e5f0ff;font-weight:700;text-transform:uppercase}.status-pill,.badge{font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0a}.card{border-color:#4a678cb3;background:linear-gradient(155deg,#182232f7,#101825f7);box-shadow:inset 0 1px #ffffff0a,0 1px #0000004d,0 10px 24px #00000047}.panel-title{color:#eef5ff}.waveform-card{border-color:#2a3440;background:#121a23;box-shadow:none}.waveform-sample-select{border-color:#354555;background:#182430;color:#e7eef6;box-shadow:none}.waveform-user-sample-button{border-color:#749cc7c7;background:linear-gradient(145deg,#2a4869,#20374f);color:#ecf4ff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000061,0 4px 10px #0000003d}.waveform-toggle-switch{letter-spacing:.04em;text-transform:uppercase;font-weight:700}.waveform-cue-button[data-state=loaded]{box-shadow:inset 0 1px #ffffff12,0 1px 2px #00000052,0 4px 10px #00000038}.scratch-eq-card,.bgm-player-card{border-color:#4a678cb8;background:linear-gradient(155deg,#182434f5,#101a27f5);box-shadow:inset 0 1px #ffffff0a,0 1px #0000004d,0 10px 24px #00000047}.scratch-eq-disclosure-toggle,.bgm-player-toggle,.settings-disclosure-toggle{border-color:#6c96c1c7;background:linear-gradient(145deg,#26405b,#1c3047);color:#e8f3ff;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000061,0 6px 14px #00000042}.scratch-eq-response-row,.player-response-row{border-color:#5e84ae75;background:linear-gradient(156deg,#162232eb,#0f1926eb);box-shadow:inset 0 1px #ffffff09,0 1px #00000059}.scratch-eq-response-viewport,.player-response-viewport{border-color:#5e84ae99;background:linear-gradient(180deg,#070d16eb,#04080ef2);box-shadow:inset 0 0 0 1px #00000059,inset 0 1px #ffffff08}.scratch-eq-band,.bgm-player-band{border-color:#5e84ae75;background:linear-gradient(170deg,#1e2e4299,#1622328c);box-shadow:inset 0 1px #ffffff0a,0 1px #0000004d}.scratch-eq-band-label,.bgm-player-band-label{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-control-card,.layout-control-card,.hardware-gate-card{border-color:#4a678cb3;background:linear-gradient(155deg,#192536f5,#111b28f5);box-shadow:inset 0 1px #ffffff0a,0 1px #0000004d,0 10px 24px #00000047}.settings-group{border-color:#54729899;background:linear-gradient(165deg,#1a2638b8,#131d2cb8);box-shadow:inset 0 1px #ffffff09}.group-title{color:#d7e5f8;font-weight:700;letter-spacing:.09em}.field-label{color:#c9d9ee;font-weight:500;letter-spacing:.01em}.button{border-color:#749cc7c7;background:linear-gradient(145deg,#3b6d97,#285079);color:#f4faff;font-weight:700;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0000006b,0 6px 14px #00000042;transition:background .14s ease,border-color .14s ease,box-shadow .16s ease,transform 90ms ease}.button:hover:not(:disabled){background:linear-gradient(145deg,#437aa7,#2c588a);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000006b,0 8px 18px #0000004d}.button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #0000004d,0 1px 2px #0006}.button-secondary{border-color:#7691b4b8;background:linear-gradient(145deg,#354e6a,#263a53);color:#e4eefd}.button:focus-visible,.text-action-button:focus-visible,.scratch-eq-disclosure-toggle:focus-visible,.bgm-player-toggle:focus-visible,.settings-disclosure-toggle:focus-visible,.workspace-mode-toggle:focus-visible{outline:none;box-shadow:var(--ring-focus),inset 0 1px #ffffff14,0 1px 2px #0000006b,0 6px 14px #00000042}.text-action-button{border-color:#7494bcc7;background:linear-gradient(145deg,#2a4360,#1e324c);color:#e8f1ff;font-weight:600;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000061}.app-shell--compact-drawer .compact-drawer-backdrop{background:radial-gradient(circle at 50% 40%,#04091085,#02050aa8);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.app-shell--compact-drawer .compact-scratch-drawer{border-color:#527094e6;background:linear-gradient(180deg,#141e2dfb,#0c1420fc),radial-gradient(circle at 0% 0%,rgba(92,128,170,.16),transparent 40%);box-shadow:0 0 0 1px #0006,0 1px #ffffff0d inset,22px 0 48px #00000080,0 20px 48px #0006}.app-shell--compact-drawer .compact-scratch-drawer:before{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:linear-gradient(180deg,#6e96c800,#6e96c847 20% 80%,#6e96c800);pointer-events:none}.app-shell--compact-drawer .compact-drawer-header-card{background:transparent}.app-shell--compact-drawer .compact-drawer-toggle{border-color:#749cc8d1;background:linear-gradient(145deg,#2e5378,#1f3e5c),radial-gradient(circle at 22% 22%,rgba(240,170,100,.1),transparent 50%);color:#f4faff;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #00000080,0 10px 24px #0006}.app-shell--compact-drawer .compact-drawer-toggle[data-active=true]{border-color:#a6d0f6e6;background:linear-gradient(145deg,#447299,#315a83);color:#f8fcff;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #a6d0f63d,0 0 18px #7eaee238,0 12px 28px #00000070}.app-shell--compact-drawer .compact-beat-play-button{border-color:#749cc8d1;background:linear-gradient(145deg,#2e5378,#1f3e5c);color:#f4faff;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #00000080,0 10px 24px #0006}.app-shell--compact-drawer .compact-beat-play-button[data-active=true]{border-color:#74d4a6e6;background:linear-gradient(145deg,#2b8058,#1e6043);box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #74d4a642,0 0 22px #50b4803d,0 16px 32px #00000073}.app-shell--compact-drawer .compact-beat-play-label{font-weight:800;letter-spacing:.08em}.support-banner{border-color:#4a678c8f;background:linear-gradient(155deg,#0e1724f0,#0a111cf2);box-shadow:inset 0 1px #ffffff08,0 1px #0000004d,0 6px 18px #00000042}.pitch-control-card{border-color:#5a80aaeb;background:linear-gradient(165deg,#182436f0,#111a28e6);box-shadow:inset 0 1px #ffffff0d,0 1px 2px #00000080,0 10px 22px #0000005c}.player-shell{background:radial-gradient(1000px 560px at 10% -6%,rgba(58,100,144,.16),transparent 52%),radial-gradient(800px 480px at 108% 12%,rgba(180,110,50,.1),transparent 58%),linear-gradient(180deg,#090e1600,#060a104d)}.player-header-card{border-color:#4a678cc7;background:linear-gradient(160deg,#192435f7,#101a27f7),radial-gradient(circle at 92% 0%,rgba(212,140,72,.14),transparent 48%);box-shadow:inset 0 1px #ffffff0d,0 1px #0006,0 12px 28px #00000057}.player-title-group .panel-title{font-weight:800;letter-spacing:.04em;text-transform:uppercase}.player-card{border-color:#4a678cc2;background:linear-gradient(155deg,#162131f7,#0e1724f7);box-shadow:inset 0 1px #ffffff0b,0 1px #0006,0 12px 28px #00000057}.player-section-box{border-color:#5e84ae7a;background:linear-gradient(156deg,#162232eb,#0f1926eb);box-shadow:inset 0 1px #ffffff09,0 1px #00000052}.player-ui-selector-label{color:var(--text-dim);font-weight:700}.player-ui-selector,.player-theme-selector{border-color:#80aad299;background:linear-gradient(145deg,#2a4767,#1f3650);color:#eaf3ff;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0006}.player-now-playing{border-color:#6c94c0bd;background:linear-gradient(155deg,#19283af5,#101b2af5);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #0000004d,0 1px 2px #00000061,0 6px 16px #00000047}.player-now-playing-label{color:var(--text-dim);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.player-now-playing-track{font-weight:600;letter-spacing:.02em}.player-track-list{background:linear-gradient(180deg,#0a121c4d,#060b1259);border-radius:8px}.player-track-button{border-color:#6994c294;background:linear-gradient(145deg,#243c57,#1a2c42);color:#e9f1fb;font-weight:600;letter-spacing:.02em;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000052;transition:background .14s ease,border-color .14s ease,box-shadow .18s ease,filter .14s ease}.player-track-button[data-active=true]{border-color:#94c8f0e6;background:linear-gradient(145deg,#3d6e9a,#2d537b);color:#f8fcff;box-shadow:inset 0 0 0 1px #c4e4ff38,0 1px 2px #00000061,0 8px 18px #0c1e3261}.player-track-button[data-playing=true]{border-color:#7ae2b0db;background:linear-gradient(145deg,#256b52,#1b5240);color:#f2fff7;box-shadow:inset 0 0 0 1px #c6ffe23d,0 0 0 1px #50b08238,0 8px 20px #0c2c1e66}.player-track-empty{border-color:#668aaf75;color:var(--text-dim);background:#0a121c4d}.player-transport-button,.player-mode-button{font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background .14s ease,border-color .14s ease,box-shadow .18s ease,transform 90ms ease,filter .12s ease}.player-transport-button{text-transform:none;font-weight:700}.player-shell .player-transport-prev,.player-shell .player-transport-next,.player-shell .player-transport-play{box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #00000038,0 1px 2px #0000006b,0 8px 18px #0000004d}.player-shell .player-transport-prev:active:not(:disabled),.player-shell .player-transport-next:active:not(:disabled),.player-shell .player-transport-play:active:not(:disabled),.player-shell .player-mode-button:active:not(:disabled){transform:translateY(1px)}.player-time-label{color:var(--text-muted);font-weight:600}.player-control-label,.scratch-eq-control-label{color:var(--text-muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.player-control-value,.scratch-eq-response-meta,.player-response-meta{border-color:#7098c1a8;background:linear-gradient(180deg,#18283ce6,#122032e6);color:#ecf4ff;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000040;font-weight:700}.player-pitch-value-badge{border-color:#80aad2b3;background:linear-gradient(180deg,#1a2a3ef2,#121e2ef2);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000061}.player-slider::-webkit-slider-runnable-track,.scratch-eq-slider::-webkit-slider-runnable-track,.bgm-player-slider::-webkit-slider-runnable-track{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000057,0 1px 2px #0000004d}.player-slider::-moz-range-track,.scratch-eq-slider::-moz-range-track,.bgm-player-slider::-moz-range-track{box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000057,0 1px 2px #0000004d}.player-slider::-webkit-slider-thumb,.scratch-eq-slider::-webkit-slider-thumb{background:linear-gradient(180deg,#f6dba8,#dc9a58);border:1px solid rgba(12,22,34,.95);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000004d,0 0 0 1px #1422328c,0 2px 4px #00000080,0 5px 10px #0000005c}.player-slider::-moz-range-thumb,.scratch-eq-slider::-moz-range-thumb{background:linear-gradient(180deg,#f6dba8,#dc9a58);border:1px solid rgba(12,22,34,.95);box-shadow:inset 0 1px #ffffff80,0 0 0 1px #1422328c,0 2px 4px #00000080,0 5px 10px #0000005c}.scratch-eq-reset-button,.scratch-eq-action-button,.player-eq-reset,.player-reset-button{font-weight:700;letter-spacing:.07em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0000005c,0 4px 10px #00000038}.bgm-player-transport-main{font-weight:700}.bgm-player-transport-sub{color:#c9dcf0c7}.bgm-player-now-playing{border-color:#6c94c0bd;background:linear-gradient(155deg,#19283af5,#101b2af5);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #0000004d,0 1px 2px #00000061,0 6px 16px #00000047}.bgm-player-section{border-color:#5e84ae7a;background:linear-gradient(156deg,#162232eb,#0f1926eb);box-shadow:inset 0 1px #ffffff09}.control-icon-button:not(.platter-stage .control-icon-button){box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 5px 12px #0000004d}.player-track-button:hover:not(:disabled),.waveform-cue-button:hover:not(:disabled),.button:hover:not(:disabled),.text-action-button:hover:not(:disabled){filter:brightness(1.06) saturate(1.04)}.button:disabled,.text-action-button:disabled,.player-track-button:disabled,.waveform-user-sample-button:disabled{filter:grayscale(.15);box-shadow:none}.waveform-cue-button:focus-visible,.waveform-cue-delete-button:focus-visible,.player-track-button:focus-visible,.player-ui-selector:focus-visible,.player-theme-selector:focus-visible,.player-slider:focus-visible,.scratch-eq-slider:focus-visible,.bgm-player-slider:focus-visible,.sample-select:focus-visible,.auth-input:focus-visible{outline:none;box-shadow:var(--ring-focus),0 1px 2px #0006}.diagnostic-recommendation{border-color:#5880aaa8;background:linear-gradient(155deg,#162232f2,#0f1928f2),radial-gradient(circle at 16% 12%,rgba(210,132,68,.18),transparent 44%);box-shadow:inset 0 1px #ffffff0b,0 1px #0000005c,0 10px 24px #00000047}.diagnostic-value{box-shadow:inset 0 1px #ffffff09,inset 0 0 0 1px #0003}.app-footer-note{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.app-footer-copyright{color:var(--text-dim);letter-spacing:.04em}button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label){--pf-button-current-bg: var(--pf-button-bg);--pf-button-current-border: var(--pf-button-border);--pf-button-current-text: var(--pf-text-primary);border-color:var(--pf-button-current-border)!important;border-style:solid!important;border-width:var(--pf-button-border-width)!important;border-radius:var(--pf-button-radius)!important;background:var(--pf-button-current-bg)!important;background-image:none!important;color:var(--pf-button-current-text)!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;opacity:1!important}button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label):hover:not(:disabled){background:var(--pf-button-current-bg)!important;background-image:none!important;border-color:var(--pf-button-current-border)!important;color:var(--pf-button-current-text)!important;box-shadow:none!important;filter:none!important}button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label):active:not(:disabled),button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label)[data-pressed=true]{--pf-button-current-bg: var(--pf-button-bg-pressed);--pf-button-current-border: var(--pf-button-border);--pf-button-current-text: var(--pf-text-primary);transform:none!important}button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label)[data-active=true],button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label)[aria-pressed=true],button:is(.button,.text-action-button,.player-track-button,.player-mode-button,.layout-mode-button,.engine-toggle-button,.deck-toggle-switch,.waveform-cue-button)[aria-selected=true],button.settings-save-button[data-dirty=true],button.waveform-cue-button[data-state=loaded],button.waveform-toggle-switch[data-enabled=true]{--pf-button-current-bg: var(--pf-button-bg-active);--pf-button-current-border: var(--pf-button-border);--pf-button-current-text: var(--pf-text-primary);transform:none!important}button:is(.player-transport-play,.bgm-player-play-action,.compact-beat-play-button)[data-active=true],button.player-track-button[data-playing=true]{--pf-button-current-bg: var(--pf-play-active-bg);--pf-button-current-border: var(--pf-button-border);--pf-button-current-text: var(--pf-play-active-text);transform:none!important}button.waveform-cue-button[data-selected=true][data-state=loaded]{--pf-button-current-bg: var(--pf-cue-selected-bg);--pf-button-current-border: var(--pf-button-border);--pf-button-current-text: var(--pf-text-primary)}button.waveform-cue-button[data-state=empty]{--pf-button-current-bg: var(--pf-button-bg);--pf-button-current-border: var(--pf-button-border);--pf-button-current-text: var(--pf-text-muted)}button:is(.waveform-cue-delete-button,.player-action-clear){--pf-button-current-bg: var(--pf-cue-trigger-bg);--pf-button-current-border: var(--pf-button-border);--pf-button-current-text: var(--pf-cue-trigger-text)}button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label):disabled,button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label)[aria-disabled=true],button.hardware-gate-action-button[data-unavailable=true]{--pf-button-current-bg: var(--pf-button-bg-disabled);--pf-button-current-border: var(--pf-button-border-disabled);--pf-button-current-text: var(--pf-text-muted)}button:is(.button,.text-action-button,[class*=-button],[class*=button-],[class*=-toggle],[class*=toggle-],[class*=-switch],[class*=switch-],[class*=-btn],[class*=btn-],[class*=-close],[class*=-install],[class*=-cancel],[class*=-how],[class*=-dismiss],.bgm-player-band-value,.pitch-control-float-label):focus-visible{outline:2px solid var(--pf-text-secondary)!important;outline-offset:2px!important;box-shadow:none!important}button.player-track-button[data-playing=true]:before,button.compact-beat-play-button[data-active=true]:after{display:none!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider),.settings-card input[type=range]{--pf-slider-fill: 0%;accent-color:var(--pf-slider-active-bg)!important;background:transparent!important;box-shadow:none!important;filter:none!important;height:var(--pf-slider-thumb-size)!important;opacity:1!important;-webkit-appearance:none;appearance:none}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider):focus-visible,.settings-card input[type=range]:focus-visible{outline:2px solid var(--pf-slider-focus)!important;outline-offset:2px!important;box-shadow:none!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider)::-webkit-slider-runnable-track,.settings-card input[type=range]::-webkit-slider-runnable-track{height:var(--pf-slider-track-size)!important;border:0!important;border-radius:4px!important;background:linear-gradient(90deg,var(--pf-slider-active-bg) 0 var(--pf-slider-fill, 0%),var(--pf-slider-track-bg) var(--pf-slider-fill, 0%) 100%)!important;box-shadow:none!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider)::-webkit-slider-thumb,.settings-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--pf-slider-thumb-size)!important;height:var(--pf-slider-thumb-size)!important;margin-top:-8px!important;border-radius:50%!important;border:1px solid var(--pf-slider-thumb-border)!important;background:var(--pf-slider-thumb-bg)!important;box-shadow:none!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider)::-moz-range-track,.settings-card input[type=range]::-moz-range-track{height:var(--pf-slider-track-size)!important;border:0!important;border-radius:4px!important;background:var(--pf-slider-track-bg)!important;box-shadow:none!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider)::-moz-range-progress,.settings-card input[type=range]::-moz-range-progress{height:var(--pf-slider-track-size)!important;border-radius:4px!important;background:var(--pf-slider-active-bg)!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider)::-moz-range-thumb,.settings-card input[type=range]::-moz-range-thumb{width:var(--pf-slider-thumb-size)!important;height:var(--pf-slider-thumb-size)!important;border-radius:50%!important;border:1px solid var(--pf-slider-thumb-border)!important;background:var(--pf-slider-thumb-bg)!important;box-shadow:none!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider):disabled,.settings-card input[type=range]:disabled{opacity:1!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider):disabled::-webkit-slider-runnable-track,.settings-card input[type=range]:disabled::-webkit-slider-runnable-track{background:var(--pf-button-bg-disabled)!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider):disabled::-moz-range-track,.settings-card input[type=range]:disabled::-moz-range-track{background:var(--pf-button-bg-disabled)!important}input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider):disabled::-webkit-slider-thumb,.settings-card input[type=range]:disabled::-webkit-slider-thumb,input:is(.player-slider,.scratch-eq-slider,.bgm-player-slider):disabled::-moz-range-thumb,.settings-card input[type=range]:disabled::-moz-range-thumb{border-color:var(--pf-button-border-disabled)!important;background:var(--pf-text-muted)!important}:is(.app-header,.auth-guest-card,.auth-login-card,.bgm-player-card,.bgm-player-section,.card,.compact-contact-control-card,.contact-control-card,.diagnostic-recommendation,.hardware-gate-card,.install-overlay-content,.layout-control-card,.pitch-control-card,.player-card,.player-header-card,.player-response-row,.player-section-box,.player-shell,.player-theme-selector,.player-ui-selector,.scratch-eq-card,.scratch-eq-response-row,.settings-group,.status-card,.support-banner,.transient-toast,.waveform-card,.workspace-mode-bar,.workspace-shell,.app-shell--compact-drawer .compact-scratch-drawer){background:var(--pf-surface-bg)!important;background-image:none!important;border-color:var(--pf-surface-border)!important;box-shadow:var(--pf-surface-shadow)!important;text-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:is(.app-header,.auth-guest-card,.auth-login-card,.bgm-player-card,.card,.compact-contact-control-card,.contact-control-card,.diagnostic-recommendation,.hardware-gate-card,.install-overlay-content,.layout-control-card,.pitch-control-card,.player-card,.player-header-card,.player-section-box,.scratch-eq-card,.settings-group,.status-card,.waveform-card,.app-shell--compact-drawer .compact-scratch-drawer){background:var(--pf-surface-bg-raised)!important;border:1px solid var(--pf-surface-border)!important;border-radius:var(--pf-surface-radius)!important}:is(.player-response-viewport,.scratch-eq-response-viewport,.waveform-viewport){background:var(--pf-surface-bg-inset)!important;background-image:none!important;border-color:var(--pf-surface-border)!important;box-shadow:var(--pf-surface-shadow)!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:is(.badge,.bgm-player-band-value,.bgm-player-now-playing,.diagnostic-value,.diagnostics-micro-slider-value,.header-version-badge,.player-eq-value,.player-control-value,.player-now-playing,.player-pitch-value-badge,.player-response-meta,.scratch-eq-band-value,.scratch-eq-response-meta,.setting-value,.status-pill){background:var(--pf-surface-bg-raised)!important;background-image:none!important;border-color:var(--pf-surface-border)!important;border-radius:var(--pf-chip-radius)!important;box-shadow:var(--pf-surface-shadow)!important;text-shadow:none!important;filter:none!important}:is(.bgm-player-band-value,.diagnostic-value,.diagnostics-micro-slider-value,.player-eq-value,.player-control-value,.player-pitch-value-badge,.scratch-eq-band-value,.setting-value):is(:hover,:active,:focus-visible){background:var(--pf-surface-bg-raised)!important;background-image:none!important;border-color:var(--pf-surface-border)!important;box-shadow:var(--pf-surface-shadow)!important;filter:none!important}.layout-mode-toggle-group,.engine4-response-preset-group{border-color:var(--pf-surface-border)!important;border-radius:var(--pf-button-radius)!important;background:var(--pf-surface-bg-inset)!important;background-image:none!important;box-shadow:var(--pf-surface-shadow)!important;filter:none!important}:is(.scratch-eq-reset-button,.scratch-eq-action-button,.player-eq-reset,.player-reset-button,.settings-cancel-button,.settings-default-button){border-color:var(--pf-button-border)!important;border-radius:var(--pf-button-radius)!important;background:var(--pf-button-bg)!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}:is(.app-shell--compact-drawer .compact-drawer-backdrop,.install-overlay-backdrop){background:#02050aa8!important;background-image:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:is(.app-shell--compact-drawer .compact-scratch-drawer,.player-card,.player-header-card):before{background:none!important;box-shadow:none!important;filter:none!important}:is(.player-shell,.auth-guest-card,.auth-login-card,.bgm-player-card,.card,.scratch-eq-card,.waveform-card,.app-shell--compact-drawer .compact-scratch-drawer) :is(.panel-title,.card-title,.section-title,.player-title,.player-subtitle){text-shadow:none!important}.app-header,.app-shell--compact-drawer .app-header{background:#202b38!important;background-image:none!important;border-color:var(--pf-surface-border)!important;border-radius:var(--pf-surface-radius)!important;box-shadow:none!important}.app-shell--compact-drawer .compact-drawer-header-card{position:relative!important;top:auto!important;z-index:auto!important}@media(prefers-reduced-motion:reduce){.workspace-mode-toggle,.button,.text-action-button,.player-transport-button,.player-mode-button,.player-track-button,.scratch-eq-reset-button,.scratch-eq-disclosure-icon,.bgm-player-toggle-icon,.settings-disclosure-icon{transition:none!important}}.app-shell--compact-drawer .hardware-gate-card{border-radius:16px!important}.hw-mode-nav-card{display:block}.hw-mode-nav-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hw-mode-nav-button.hw-mode-nav-button--kut{grid-column:1 / 2;grid-row:1 / 2}.hw-mode-nav-button{--pf-button-current-bg: #182430;--pf-button-current-border: #2a3440;--pf-button-current-text: #e7eef6;grid-column:2 / 3;grid-row:1 / 2;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid #2a3440;border-radius:4px;background:#182430;color:#e7eef6;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color .12s ease,border-color .12s ease}.hw-mode-nav-button:hover{--pf-button-current-bg: #203142}.hw-mode-nav-button:active{--pf-button-current-bg: #1f4f66;--pf-button-current-border: #354555}.hw-calib-overlay{position:absolute;inset:0;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#000;padding:12px}.hw-calib-overlay[hidden]{display:none}.hw-calib-panel{display:flex;flex-direction:column;gap:10px;max-width:720px;margin:0 auto}.hw-calib-card{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid #2a3440;border-radius:8px;background:#121a23}.hw-calib-card--header{background:#202b38;gap:8px}.hw-calib-title{margin:0;font-size:16px;font-weight:900;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-calib-title-pro{color:#000}.hw-calib-title-fuze{color:#1000ff}.hw-calib-title-rest{color:#e7eef6}.hw-calib-button-row{display:flex;gap:8px}.hw-calib-button{flex:1 1 0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid #354555;border-radius:4px;background:#182430;color:#e7eef6;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color .12s ease,transform 80ms ease,opacity 80ms ease}.hw-calib-button:hover:not(:disabled){background:#203142}.hw-calib-button:active:not(:disabled){transform:scale(.97);opacity:.88}.hw-calib-button:disabled{background:#101821;border-color:#27313b;color:#7f8d9a;cursor:default}.hw-calib-button--block{width:100%;flex:none;margin-top:2px}.hw-calib-button--scratch{background:#173653}.hw-calib-button--signout{background:#3e2634}.hw-calib-button--primary{background:#182430}.hw-calib-label{margin:0;color:#e7eef6;font-size:12px;font-weight:700;letter-spacing:.5px}.hw-calib-label--spaced{margin-top:10px}.hw-calib-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 0}.hw-calib-status-label{flex:1 1 auto;color:#a8b7c6;font-size:12px}.hw-calib-status-value{flex:0 1 auto;text-align:right;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7f8d9a}.hw-calib-panel [data-tone=active]{color:#75e7ff}.hw-calib-panel [data-tone=nominal]{color:#58b77a}.hw-calib-panel [data-tone=watch]{color:#e8a43a}.hw-calib-panel [data-tone=error]{color:#e8b5bf}.hw-calib-panel [data-tone=muted]{color:#7f8d9a}.hw-calib-panel [data-tone=primary]{color:#e7eef6}.hw-calib-error-text{margin:4px 0 0;color:#e8b5bf;font-size:11px}.hw-calib-hint-text{margin:4px 0 0;font-size:11px;color:#7f8d9a}.hw-calib-body-text{margin:0;color:#a8b7c6;font-size:11px}.hw-calib-toggle-row{display:flex;gap:8px}.hw-calib-panel button.hw-calib-toggle{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid rgba(53,69,85,.7)!important;border-radius:8px!important;background:#182430!important;background-image:none!important;color:#e7eef6!important;cursor:pointer;box-shadow:none!important;filter:none!important;opacity:1!important;text-shadow:none!important;transition:background-color .12s ease,border-color .12s ease}.hw-calib-panel button.hw-calib-toggle:hover:not(:disabled),.hw-calib-panel button.hw-calib-toggle:active:not(:disabled){border-color:#354555b3!important;background:#182430!important;background-image:none!important;color:#e7eef6!important;transform:none!important}.hw-calib-panel button.hw-calib-toggle[data-selected=true],.hw-calib-panel button.hw-calib-toggle[data-confirmed=true]{border-color:#354555!important}.hw-calib-panel button.hw-calib-toggle[data-confirmed=true],.hw-calib-panel button.hw-calib-toggle[data-confirmed=true]:hover:not(:disabled),.hw-calib-panel button.hw-calib-toggle[data-confirmed=true]:active:not(:disabled){background:#223f2b!important}.hw-calib-panel button.hw-calib-toggle[data-selected=true],.hw-calib-panel button.hw-calib-toggle[data-selected=true]:hover:not(:disabled),.hw-calib-panel button.hw-calib-toggle[data-selected=true]:active:not(:disabled){background:#47361d!important}.hw-calib-panel button.hw-calib-toggle[data-selected=true][data-confirmed=true],.hw-calib-panel button.hw-calib-toggle[data-selected=true][data-confirmed=true]:hover:not(:disabled),.hw-calib-panel button.hw-calib-toggle[data-selected=true][data-confirmed=true]:active:not(:disabled){background:#223f2b!important}.hw-calib-toggle-label{font-size:14px;font-weight:700;text-align:center}.hw-calib-toggle-sublabel{font-size:11px;color:#a8b7c6;text-align:center}.hw-calib-toggle-state{font-size:9px;font-weight:700;letter-spacing:1px;color:#e7eef6}.hw-calib-tuning-hint{margin:2px 0 4px;font-size:10px;line-height:1.4}.hw-calib-tone--muted{color:#7f8d9a}.hw-calib-tone--danger-red{color:#ff3b45;font-weight:600}.hw-calib-tone--danger-cyan{color:#00d4ff;font-weight:600}.hw-calib-slider{display:flex;flex-direction:column;gap:2px;margin-top:2px}.hw-calib-slider-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hw-calib-slider-label{flex:1 1 auto;color:#a8b7c6;font-size:12px}.hw-calib-slider-value{flex:0 0 auto;text-align:right;font-size:12px;font-weight:600}.hw-calib-slider-input{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}.hw-calib-slider-input:focus{outline:none}.hw-calib-slider-input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--hw-calib-slider-color, #75e7ff) 0%,var(--hw-calib-slider-color, #75e7ff) var(--hw-calib-slider-fill, 50%),var(--hw-calib-slider-color-soft, rgba(117, 231, 255, .3)) var(--hw-calib-slider-fill, 50%),var(--hw-calib-slider-color-soft, rgba(117, 231, 255, .3)) 100%)}.hw-calib-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border:none;border-radius:50%;background:var(--hw-calib-slider-color, #75e7ff)}.hw-calib-slider-input::-moz-range-track{height:4px;border-radius:2px;background:var(--hw-calib-slider-color-soft, rgba(117, 231, 255, .3))}.hw-calib-slider-input::-moz-range-progress{height:4px;border-radius:2px;background:var(--hw-calib-slider-color, #75e7ff)}.hw-calib-slider-input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--hw-calib-slider-color, #75e7ff)}.hw-calib-set-result{margin:6px 0 0;font-size:11px;font-weight:600}.kut-trainer-overlay{position:absolute;inset:0;z-index:60;background:#000;overflow:hidden}.kut-trainer-overlay[hidden]{display:none}.kut-trainer{--kut-pitch-black: #000000;--kut-obsidian-top: #0b0f15;--kut-panel: #121a23;--kut-panel-border: #2a3440;--kut-header-raised: #202b38;--kut-button: #182430;--kut-button-pressed: #203142;--kut-button-active: #1f4f66;--kut-button-disabled: #101821;--kut-button-border: #354555;--kut-button-border-disabled: #27313b;--kut-text-primary: #e7eef6;--kut-text-secondary: #a8b7c6;--kut-text-muted: #7f8d9a;--kut-cyan: #00d4ff;--kut-cyan-soft: #75e7ff;--kut-fuze-blue: #1000ff;--kut-amber: #e8a43a;--kut-red: #db6570;--kut-green: #58b77a;position:absolute;inset:0;display:flex;flex-direction:column;color:var(--kut-text-primary);font-family:inherit}.kut-play,.kut-stats{display:flex;flex-direction:column;gap:8px;padding:10px;height:100%;box-sizing:border-box}.kut-play[hidden],.kut-stats[hidden]{display:none}.kut-stats{overflow-y:auto;-webkit-overflow-scrolling:touch}.kut-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:var(--kut-header-raised);border:1px solid var(--kut-panel-border);border-radius:8px}.kut-brand{margin:0;font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kut-brand-pro{color:var(--kut-pitch-black)}.kut-brand-fuze{color:var(--kut-fuze-blue)}.kut-brand-rest{color:var(--kut-text-primary)}.kut-header-buttons{display:flex;gap:6px;flex:0 0 auto}.kut-nav-button{--pf-button-current-bg: var(--kut-button);--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-primary);min-height:34px;padding:0 12px;border:1px solid var(--kut-button-border);border-radius:4px;background:var(--kut-button);color:var(--kut-text-primary);font-size:12px;font-weight:600;cursor:pointer}.kut-nav-back{--pf-button-current-bg: #173653}.kut-nav-signout{--pf-button-current-bg: #3e2634}.kut-hud{display:flex;gap:6px}.kut-metric{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;background:var(--kut-panel);border:1px solid var(--kut-panel-border);border-radius:8px}.kut-metric-value{font-size:14px;font-weight:700;color:var(--kut-text-primary);white-space:nowrap}.kut-metric-label{font-size:10px;color:var(--kut-text-muted)}.kut-canvas-wrap{position:relative;flex:1 1 auto;min-height:240px;border-radius:8px;overflow:hidden}.kut-canvas{display:block;width:100%;height:100%;border-radius:8px;background:#030508}.kut-combo-banner{position:absolute;top:18%;font-weight:900;pointer-events:none;opacity:0;white-space:nowrap;transform-origin:center}.kut-combo-banner[data-side=left]{left:10px}.kut-combo-banner[data-side=right]{right:10px}.kut-reconnect-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 18px;background:var(--kut-header-raised);border:1px solid var(--kut-panel-border);border-radius:8px;text-align:center}.kut-reconnect-overlay[hidden]{display:none}.kut-reconnect-title{margin:0;color:var(--kut-amber);font-weight:900;font-size:13px}.kut-reconnect-body{margin:0;color:var(--kut-text-secondary);font-size:12px}.kut-controls{display:flex;flex-direction:column;gap:8px}.kut-control-row{display:flex;gap:6px;align-items:stretch}.kut-control-row>*{flex:1 1 0;min-width:0}.kut-choice-button{--pf-button-current-bg: var(--kut-button);--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-secondary);min-height:36px;padding:0 6px;border:1px solid var(--kut-button-border);border-radius:4px;background:var(--kut-button);color:var(--kut-text-secondary);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.kut-choice-button[data-selected=true]{--pf-button-current-bg: var(--kut-button-active);--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-primary)}.kut-choice-button:disabled{--pf-button-current-bg: var(--kut-button-disabled);--pf-button-current-border: var(--kut-button-border-disabled);--pf-button-current-text: var(--kut-text-muted);cursor:not-allowed}.kut-choice-button[data-selected=true]:disabled{--pf-button-current-bg: var(--kut-button-active);--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-primary)}.kut-stepper{display:flex;align-items:center;justify-content:space-between;min-height:36px;border:1px solid var(--kut-button-border);border-radius:4px;background:var(--kut-button)}.kut-stepper[data-enabled=false]{background:var(--kut-button-disabled);border-color:var(--kut-button-border-disabled)}.kut-stepper-button{--pf-button-current-bg: transparent;--pf-button-current-border: transparent;--pf-button-current-text: var(--kut-text-primary);width:36px;height:36px;border:none;background:transparent;color:var(--kut-text-primary);font-size:18px;font-weight:700;cursor:pointer}.kut-stepper-button:disabled{--pf-button-current-bg: transparent;--pf-button-current-border: transparent;--pf-button-current-text: var(--kut-text-muted);cursor:not-allowed}.kut-stepper-value{flex:1 1 auto;text-align:center;font-weight:700}.kut-mirror-panel{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:42px;padding:0 10px;border:1px solid var(--kut-button-border);border-radius:4px;background:var(--kut-button)}.kut-mirror-label{font-size:12px;font-weight:700}.kut-usb-button,.kut-startstop-button{--pf-button-current-bg: var(--kut-button);--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-primary);min-height:42px;border:1px solid var(--kut-button-border);border-radius:4px;background:var(--kut-button);color:var(--kut-text-primary);font-size:13px;font-weight:700;cursor:pointer}.kut-usb-button{flex:1 1 0}.kut-startstop-button{flex:2 1 0}.kut-usb-button[data-connecting=true]{--pf-button-current-bg: #1a4a8a;--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-primary)}.kut-usb-button[data-connected=true]{--pf-button-current-bg: var(--kut-button-active);--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-primary)}.kut-usb-button:disabled,.kut-startstop-button:disabled{--pf-button-current-bg: var(--kut-button-disabled);--pf-button-current-border: var(--kut-button-border-disabled);--pf-button-current-text: var(--kut-text-muted);cursor:not-allowed}.kut-usb-button[data-connected=true]:disabled{--pf-button-current-bg: var(--kut-button-active);--pf-button-current-border: var(--kut-button-border);--pf-button-current-text: var(--kut-text-primary)}.kut-connection-text{margin:0;text-align:center;color:var(--kut-amber);font-size:12px;font-weight:600}.kut-connection-text[hidden]{display:none}.kut-error-text{margin:0;color:var(--kut-red);font-size:12px}.kut-error-text[hidden]{display:none}.kut-stats-date{margin:0;color:var(--kut-text-secondary);font-size:12px}.kut-stats-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px;background:#070a0f;border:1px solid var(--kut-button-border);border-radius:8px}.kut-stats-speed{margin:0;color:var(--kut-cyan-soft);font-size:18px;font-weight:900;letter-spacing:1px}.kut-stats-hits{margin:0;color:var(--kut-green);font-size:58px;font-weight:900;line-height:1}.kut-stats-hits-label{margin:0;color:var(--kut-text-secondary);font-size:14px}.kut-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.kut-prev-best{display:flex;flex-direction:column;gap:7px;padding:10px;background:var(--kut-panel);border:1px solid var(--kut-panel-border);border-radius:8px}.kut-prev-best[hidden]{display:none}.kut-stat-row{display:flex;align-items:center;justify-content:space-between}.kut-stat-label{color:var(--kut-text-secondary);font-size:12px}.kut-stat-value{color:var(--kut-text-primary);font-size:12px;font-weight:700}.kut-stats-actions{display:flex;gap:8px}.kut-stats-actions .kut-nav-button{flex:1 1 0}.kut-dialog{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#0000008c}.kut-dialog[hidden]{display:none}.kut-dialog-card{width:min(90%,360px);padding:18px;background:var(--kut-panel);border:1px solid var(--kut-panel-border);border-radius:8px}.kut-dialog-title{margin:0 0 8px;font-weight:900;color:var(--kut-text-primary)}.kut-dialog-body{margin:0 0 14px;color:var(--kut-text-secondary);font-size:13px}.kut-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.kut-dialog-stop,.kut-dialog-wait{--pf-button-current-bg: transparent;--pf-button-current-border: transparent;border:none;background:transparent;font-size:13px;font-weight:700;cursor:pointer;padding:6px 4px}.kut-dialog-stop{--pf-button-current-text: var(--kut-red)}.kut-dialog-wait{--pf-button-current-text: var(--kut-text-secondary)}@media(max-height:560px){.kut-canvas-wrap{min-height:180px}.kut-stats-hits{font-size:44px}}