:root{color:#eef0e9;font-synthesis:none;--accent:#f36443;--muted:#95a095;--line:#353c36;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#171b19;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff956f}button{color:inherit}button:disabled{cursor:default;opacity:.4}button{transition:background .16s,border-color .16s,color .16s}button:hover{filter:brightness(1.08)}[hidden]{display:none!important}.topbar{border-bottom:1px solid var(--line);background:#191d1a;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 30px;display:flex}.brand{color:#f2f1e7;letter-spacing:2.5px;align-items:center;gap:13px;font-size:23px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#171b19;letter-spacing:-5px;place-content:center;width:39px;height:39px;padding-right:4px;font-size:31px;font-style:italic;display:grid;position:relative}.brand-mark span{letter-spacing:0;font-size:16px;position:absolute;top:0;right:3px}.brand-sub{font-family:var(--mono);letter-spacing:3.8px;margin-top:3px;font-size:8px;font-weight:500;display:block}.header-note{font-family:var(--mono);letter-spacing:1.5px;color:#adb5a8;align-items:center;gap:10px;font-size:10px;display:flex}.live-dot{background:#b1c397;border-radius:50%;width:5px;height:5px;display:inline-block}.version{color:#788275;border-left:1px solid var(--line);margin-left:18px;padding-left:24px}.quiet-button{color:#c5cbbc;background:0 0;border:0;font-size:12px}.quiet-button span{color:var(--accent);margin-left:18px;font-size:18px}.layout{grid-template-columns:308px minmax(0,1fr);height:calc(100dvh - 112px);min-height:660px;display:grid}.sidebar{border-right:1px solid var(--line);background:#1d221e;flex-direction:column;padding:29px 25px 15px;display:flex;overflow-y:auto}.panel-label{font-family:var(--mono);letter-spacing:1px;color:#a2ae9e;justify-content:space-between;align-items:center;font-size:9px;display:flex}.tiny-tag{color:#697966;font-size:8px}.sidebar h1{letter-spacing:-1.2px;margin:13px 0 7px;font-size:27px;font-weight:500}.intro{color:#92a08e;margin:0 0 24px;font-size:11px}.profiles{gap:7px;display:grid}.profile{text-align:left;background:#252b25;border:1px solid #343c32;border-radius:2px;align-items:center;gap:12px;padding:14px 12px;display:flex}.profile.selected{background:#343128;border-color:#af7250}.profile-number{font:10px var(--mono);color:#788574;align-self:flex-start;margin-top:2px}.profile.selected .profile-number{color:var(--accent)}.profile-copy strong{font-size:13px;font-weight:550;display:block}.profile-copy small{color:#909c88;margin-top:6px;font-size:9px;display:block}.profile-indicator{color:#52634e;margin-left:auto;font-size:17px}.profile.selected .profile-indicator{color:#f4865e}.source-line{color:#bcaa89;align-items:center;gap:7px;margin:15px 0 26px;font-size:9px;display:flex}.source-dot{background:#dc9864;border-radius:50%;width:4px;height:4px;display:inline-block}.mix-label{border-top:1px solid var(--line);margin-bottom:18px;padding-top:19px}.text-button{color:#a9b398;background:0 0;border:0;padding:0;font-size:10px}.text-button:hover{color:#fff}.mix-controls{gap:13px;display:grid}.mix-control>span{color:#c0c9b7;justify-content:space-between;font-size:11px;display:flex}.mix-control output{font:10px var(--mono);color:#7f8f78}input[type=range]{appearance:none;background:linear-gradient(to right,#acb995 0 var(--fill,50%),#394334 var(--fill,50%) 100%);cursor:pointer;touch-action:none;border-radius:2px;width:100%;height:3px;margin:10px 0 5px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#bec9aa;border-radius:50%;width:9px;height:9px}input[type=range]::-moz-range-thumb{background:#bec9aa;border:0;border-radius:50%;width:9px;height:9px}.scope-heading{font:8px var(--mono);color:#899980;letter-spacing:.7px;justify-content:space-between;margin-top:26px;display:flex}.scope-heading span:last-child{color:#a6b491}#scope{width:100%;height:50px;margin:8px 0 12px;display:block}.side-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.outline-button{background:0 0;border:1px solid #46503e;border-radius:2px;padding:9px 11px;font-size:10px}.outline-button span{font:8px var(--mono);color:#8a967f;margin-left:15px}.outline-button[aria-pressed=true]{border-color:var(--accent);color:#ff9e79}.side-bottom p{color:#63735e;width:100%;margin:5px 0 0;font-size:9px}.stage{background:#91a49a;min-width:0;position:relative;overflow:hidden}#world{width:100%;height:100%;display:block}.stage-shade{pointer-events:none;background:linear-gradient(#121d164d,#0000 28% 50%,#0e140f99 85%,#0d140fcc);position:absolute;inset:0}.stage-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex;position:absolute;top:28px;left:32px;right:26px}.eyebrow{font:9px var(--mono);letter-spacing:1.6px;color:inherit}.stage-top .eyebrow{color:#e7efdf}.stage-top h2{letter-spacing:-.7px;color:#fffdf0;margin:9px 0 14px;font-size:23px;font-weight:500}.status-row{color:#e0e7d5;align-items:center;gap:12px;font-size:9px;display:flex}.status-pill{font:8px var(--mono);letter-spacing:1px;color:#edf1df;background:#1c271c8c;border:1px solid #829078;padding:6px 8px}.status-pill.active{color:#d6eaa3;border-color:#b2c18b}.camera-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18221999;border:1px solid #7a896d66;gap:2px;padding:4px;display:flex}.camera-control button,.mode-controls button{color:#d0dbc1;background:0 0;border:0;padding:8px 12px;font-size:10px}.camera-control button.active{color:#283322;background:#e6e7d8}.mode-controls{border-bottom:1px solid #819374;gap:18px;display:flex;position:absolute;top:165px;left:32px}.mode-controls button{color:#eef0dd;padding:8px 0}.mode-controls button.active{border-bottom:2px solid #f97c52}.welcome{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161e16d9;border-left:2px solid #f07b52;width:340px;padding:27px 29px 23px;position:absolute;top:36%;left:8%;box-shadow:0 15px 50px #1a251644}.welcome .eyebrow{color:#c2cbb4;font-size:8px}.welcome h3{letter-spacing:-1.3px;margin:13px 0 10px;font-size:34px;font-weight:500}.welcome p{color:#abb89e;margin-bottom:22px;font-size:12px;line-height:1.8}.primary-button{background:var(--accent);color:#211f16;text-align:left;border:0;justify-content:space-between;width:100%;padding:14px 17px;font-size:12px;font-weight:650;display:flex}.primary-button span{font-size:18px;line-height:14px}.welcome-manual{color:#d5ddc8;background:0 0;border:0;justify-content:space-between;width:100%;margin:13px 0 15px;padding:4px 0;font-size:11px;display:flex}.welcome small{color:#809273;font-size:8px}.track-map{pointer-events:none;flex-direction:column;align-items:center;width:130px;display:flex;position:absolute;bottom:230px;right:30px}.track-map canvas{width:120px;height:140px}.track-map>span{font:8px var(--mono);color:#ccdbc0;gap:12px;margin-top:4px;display:flex}.track-map b{color:#fff7df;font-weight:400}.test-checks{color:#bcc8ae;position:absolute;bottom:213px;left:32px}.test-checks .eyebrow{color:#8c9f7d;font-size:8px}.test-checks #checklist{flex-wrap:wrap;gap:13px;max-width:450px;margin-top:11px;font-size:9px;display:flex}.test-checks i{color:#849673;margin-right:5px;font-style:normal}.test-checks .done{color:#e2efba}.test-checks .done i{color:#bdde83}.hidden{display:none}.transport{align-items:center;gap:7px;display:flex;position:absolute;bottom:159px;left:32px;right:26px}.transport-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c291bad;border:1px solid #687e5466;padding:9px 11px;font-size:9px}kbd{font:8px var(--mono);color:#adc09b;border:1px solid #81937155;margin-left:5px;padding:2px 4px}.telemetry{color:#f5f3df;border-top:1px solid #a7b1984a;align-items:center;gap:22px;padding-top:22px;display:flex;position:absolute;bottom:21px;left:32px;right:27px}.speed-readout{align-items:baseline;gap:8px;min-width:167px;display:flex}.speed-readout strong{letter-spacing:-4px;font-variant-numeric:tabular-nums;font-size:66px;font-weight:350;line-height:1}.speed-readout>span{font:9px var(--mono);color:#bac6a7}.gear-readout{border-left:1px solid #8a9e714f;border-right:1px solid #8a9e714f;flex-direction:column;align-items:center;min-width:60px;padding:0 20px;display:flex}.gear-readout>span{font:7px var(--mono);color:#aabd92}.gear-readout strong{font-size:33px;font-weight:400;line-height:1.25}.gear-readout button{color:#ec9470;font:7px var(--mono);background:0 0;border:0;padding:3px}.rpm-readout{flex:1;min-width:100px}.rpm-readout>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rpm-readout>div:first-child>span{font:8px var(--mono);letter-spacing:1px;color:#a6b88e}.rpm-readout strong{font-variant-numeric:tabular-nums;font-size:21px;font-weight:400}.rpm-readout small{font:7px var(--mono);color:#a6b88e}.rpm-bar{background:#e1eec323;height:7px;margin-top:13px;position:relative;overflow:hidden}.rpm-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(5% - 2px),#1e2c20 calc(5% - 2px) 5%);position:absolute;inset:0}.rpm-bar span{background:linear-gradient(90deg,#c8dca6,#fbb373 80%,#f96846);width:0;height:100%;transition:width 80ms linear;display:block}.rpm-scale{font:7px var(--mono);color:#8f9f7e;justify-content:space-between;margin-top:8px;display:flex}.input-readout{gap:10px;display:flex}.input-readout>div{flex-direction:column;align-items:center;gap:7px;display:flex}.input-readout span{font:7px var(--mono);color:#8fa27d}.input-readout i{background:#bcd69822;width:5px;height:50px;display:block;position:relative}.input-readout b{background:#bfd891;width:100%;height:0;display:block;position:absolute;bottom:0}.input-readout>div:last-child b{background:#f8845d}.bench{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid var(--accent);background:#19261ade;width:350px;padding:25px 28px;position:absolute;top:36%;left:8%}.bench>.eyebrow{color:#adbda1;font-size:8px}.bench h3{letter-spacing:-.5px;font-size:23px;font-weight:400}.bench label{color:#bcc8b1;margin-top:22px;font-size:10px;display:block}.bench output{float:right;color:#f4d1aa;font:10px var(--mono)}.bench input{margin-top:15px}.bench p{color:#8e9e82;margin-top:22px;font-size:9px;line-height:1.7}footer{color:#85937c;height:36px;font:8px var(--mono);letter-spacing:.5px;background:#171c17;border-top:1px solid #3c4934;justify-content:space-between;align-items:center;gap:15px;padding:0 25px;display:flex}footer>div{align-items:center;gap:9px;display:flex}.footer-divider{color:#3c4b32}.key-help{letter-spacing:0!important;gap:4px!important}.key-help kbd{margin-left:5px;padding:1px 3px;font-size:7px}#performance{font-size:8px}#toast{color:#23301d;opacity:0;pointer-events:none;z-index:20;background:#e6e9d5;max-width:calc(100% - 30px);padding:14px 20px;font-size:12px;line-height:1.5;transition:opacity .2s,transform .2s;position:fixed;bottom:51px;left:50%;transform:translate(-50%,15px);box-shadow:0 8px 40px #0006}#toast.visible{opacity:1;transform:translate(-50%)}dialog{color:#e8eddf;background:#232a23;border:1px solid #59654d;width:calc(100% - 30px);max-width:690px;max-height:85dvh;padding:30px;box-shadow:0 30px 100px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#101911bb}.dialog-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog-top .eyebrow{color:#bba785;font-size:8px}.dialog-top h2{letter-spacing:-.7px;margin:12px 0;font-size:25px;font-weight:450}.dialog-top button{color:#a3b391;background:0 0;border:0;font-size:25px}.dialog-intro,.source-note,.import-section>p{color:#a6b49c;font-size:11px;line-height:1.8}.reference-list{gap:7px;margin:22px 0 14px;display:grid}.reference{background:#30392c;border:1px solid #44503c;align-items:center;gap:16px;padding:14px;display:flex}.audition-button{color:#334128;background:#d7dec3;border:0;flex-shrink:0;width:36px;height:36px;font-size:13px}.reference strong{font-size:12px;font-weight:550;display:block}.reference small{font:9px var(--mono);color:#9baa8f;margin:6px 0;display:block}.reference a{color:#c2cda9;font-size:9px;text-decoration:none}.source-note{color:#baab8b;border-left:2px solid #af8456;padding-left:11px;font-size:10px}.import-section{border-top:1px solid #49533f;margin-top:26px;padding-top:22px}.import-section .eyebrow{color:#a6b497;font-size:8px}.import-section h3{margin:10px 0;font-size:22px;font-weight:450}.sample-form{align-items:flex-end;gap:12px;margin-top:18px;display:flex}.sample-form>label{color:#a6b599;flex:1;font-size:9px}.sample-form input[type=number],select{color:#d3dec5;background:#182118;border:1px solid #57624d;width:100%;min-width:0;margin-top:8px;padding:9px 8px;font-size:11px;display:block}.file-label{cursor:pointer;text-align:center;background:#c3d0ac;padding:11px 12px;position:relative;overflow:hidden;color:#24321f!important}.file-label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}#sample-status{color:#c0ab83;margin-top:12px;font-size:10px;line-height:1.6}.source-mode{color:#b3c0a6;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;font-size:10px;display:flex}.source-mode select{width:65%;margin:0}.credits-note{color:#7f9274;border-top:1px solid #414e36;margin-top:24px;padding-top:20px;font-size:9px;line-height:1.8}.credits-note a{color:#a5b497}@media (height>=900px){.sidebar{padding-top:35px}.profiles{gap:10px}.profile{padding:18px 12px}.mix-controls{gap:20px}.scope-heading{margin-top:32px}.welcome{top:39%}.telemetry{bottom:30px}}@media (width<=1150px){.layout{grid-template-columns:270px minmax(0,1fr)}.sidebar{padding-left:20px;padding-right:20px}.header-note .version{display:none}.stage-top{left:24px}.stage-top h2{font-size:20px}.camera-control button{padding:7px 8px;font-size:9px}.telemetry{gap:15px;left:24px;right:22px}.speed-readout{min-width:125px}.speed-readout strong{font-size:51px}.gear-readout{padding:0 14px}.rpm-readout>div:first-child>span{letter-spacing:0;font-size:7px}.rpm-readout strong{font-size:18px}.track-map{right:18px}.welcome{width:310px;left:6%}.test-checks #checklist{gap:9px;max-width:360px}.key-help{display:none!important}}@media (width<=900px){.header-note{display:none}.topbar{height:65px;padding:0 20px}.layout{flex-direction:column-reverse;height:auto;min-height:0;display:flex}.stage{height:calc(100dvh - 65px);min-height:640px}.sidebar{border-right:0;padding:24px;display:block;overflow:visible}.profiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile{gap:8px}.profile-copy strong{font-size:12px}.profile-copy small{font-size:8px}.profile-number{display:none}.mix-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.mix-control>span{font-size:10px;display:block}.mix-control output{margin-top:5px;display:block}#scope{height:60px}.side-bottom{justify-content:flex-start;margin-top:12px}.side-bottom p{width:auto;margin-left:auto}.source-line{margin-bottom:18px}.welcome{width:310px;top:34%;left:24px}.stage-top{top:22px;left:24px;right:20px}.mode-controls{top:144px;left:24px}.track-map{bottom:237px}.test-checks{bottom:231px;left:24px}.transport{bottom:180px;left:24px}.telemetry{bottom:40px}.touch-controls{gap:8px;display:flex;position:absolute;bottom:129px;left:24px;right:22px}.touch-controls button{touch-action:none;color:#dce7cd;font:9px var(--mono);background:#253a23c9;border:1px solid #81947380;padding:10px 14px}.touch-controls button:nth-child(3){border-color:#bc8d6a;margin-left:auto}.touch-controls button:last-child{color:#251f13;background:#df8256}.touch-controls button:active{color:#273220;background:#dbe7c3}footer{padding:0 20px}.bench{width:320px;top:32%;left:24px}.input-readout{display:none}}@media (width<=560px){.topbar{height:60px;padding:0 16px}.brand{gap:10px;font-size:20px}.brand-mark{width:33px;height:33px;font-size:26px}.brand-sub{font-size:7px}.quiet-button{font-size:9px}.quiet-button span{margin-left:7px}.stage{height:calc(100dvh - 60px);min-height:665px}.stage-top{flex-wrap:wrap;gap:14px;top:20px;left:18px;right:16px}.stage-top h2{margin-bottom:10px;font-size:21px}.stage-top .eyebrow{font-size:7px}.camera-control{position:absolute;top:104px;right:0}.camera-control button{padding:7px 6px;font-size:8px}.status-row{gap:7px;font-size:8px}.status-pill{font-size:7px}.mode-controls{gap:13px;top:125px;left:18px}.mode-controls button{font-size:9px}.welcome{width:265px;padding:21px 22px;top:31%;left:18px}.welcome h3{font-size:28px}.welcome p{margin-bottom:16px;font-size:11px}.welcome .eyebrow,.welcome small{font-size:7px}.welcome-manual{margin:9px 0}.track-map{width:85px;bottom:237px;right:10px}.track-map canvas{width:76px;height:98px}.track-map>span{gap:5px;font-size:6px}.test-checks{width:240px;bottom:240px;left:18px}.test-checks #checklist{gap:7px;max-width:215px;font-size:8px}.transport{gap:4px;bottom:190px;left:18px;right:16px}.transport-button{padding:8px 7px;font-size:8px}.transport kbd{display:none}.touch-controls{gap:6px;bottom:142px;left:18px;right:16px}.touch-controls button{padding:10px 12px;font-size:8px}.telemetry{gap:12px;padding-top:19px;bottom:30px;left:18px;right:18px}.speed-readout{gap:6px;min-width:94px}.speed-readout strong{letter-spacing:-2.4px;font-size:42px}.speed-readout>span{font-size:7px}.gear-readout{min-width:38px;padding:0 10px}.gear-readout strong{font-size:27px}.gear-readout>span,.gear-readout button{font-size:6px}.rpm-readout>div:first-child{display:block}.rpm-readout>div:first-child>span{font-size:6px}.rpm-readout strong{margin-top:5px;font-size:17px;display:block}.rpm-bar{height:5px;margin-top:8px}.rpm-scale{font-size:6px}.rpm-scale span:nth-child(2){display:none}.sidebar{padding:25px 18px}.sidebar h1{font-size:26px}.profiles{grid-template-columns:1fr}.profile-number{display:block}.profile{padding:14px}.profile-copy strong{font-size:13px}.profile-copy small{font-size:9px}.mix-controls{grid-template-columns:1fr 1fr;gap:20px}.mix-control>span{display:flex}.mix-control output{margin:0}.side-bottom p{width:100%;margin-left:0}.bench{width:285px;padding:20px;top:31%;left:18px}.bench h3{font-size:21px}.bench p{font-size:8px}.bench label{margin-top:18px}footer{padding:0 14px;font-size:7px}#performance{font-size:6px}dialog{max-height:90dvh;padding:22px 18px}.dialog-top h2{font-size:22px}.sample-form{flex-wrap:wrap}.file-label{min-width:100%}.credits-note{font-size:8px}.source-mode{gap:10px}.source-mode select{width:62%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.stage.idle .test-checks,.stage.idle .transport,.stage.idle .touch-controls{display:none}.welcome{z-index:2;top:auto;bottom:142px}.bench{z-index:2}.layout{min-height:560px}@media (width>=901px) and (height<=800px){.sidebar{padding-top:20px;padding-bottom:10px}.sidebar h1{margin:10px 0 6px;font-size:24px}.intro{margin-bottom:18px}.profile{padding:10px 12px}.source-line{margin:10px 0 15px}.mix-label{margin-bottom:11px;padding-top:14px}.mix-controls{gap:8px}.mix-control input{margin-top:8px;margin-bottom:3px}.scope-heading{margin-top:14px}#scope{height:34px;margin-bottom:8px}.side-bottom{padding-top:4px}.side-bottom p{margin-top:0}.mode-controls{top:136px}.welcome{padding:20px 25px;bottom:137px}.welcome h3{margin-top:10px;font-size:29px}.welcome p{margin-bottom:16px}.welcome-manual{margin:9px 0 12px}.track-map{bottom:205px}.test-checks{bottom:200px}}@media (width<=900px){.layout{min-height:0}.welcome{top:32%;bottom:auto}.stage.idle .welcome{top:32%}}@media (width<=560px){.stage.idle .welcome{top:30%}.welcome{top:30%;bottom:auto}}@media (height<=500px) and (width<=950px) and (orientation:landscape){.topbar{height:44px}.brand{font-size:17px}.brand-mark{width:27px;height:27px;font-size:21px}.brand-sub{font-size:6px}.stage{height:calc(100dvh - 44px);min-height:300px}.stage-top{top:12px;left:18px;right:16px}.stage-top h2{margin:6px 0 8px;font-size:17px}.stage-top .eyebrow{font-size:6px}.status-pill{padding:4px 6px;font-size:6px}.status-row{font-size:7px}.camera-control{position:static}.camera-control button{padding:6px 9px;font-size:8px}.mode-controls{top:80px;left:18px}.mode-controls button{padding:6px 0;font-size:8px}.stage.idle .welcome,.welcome{width:270px;padding:13px 18px;top:115px;bottom:auto;left:18px}.welcome h3{margin:0 0 12px;font-size:23px}.welcome .eyebrow,.welcome p,.welcome small{display:none}.welcome .primary-button{padding:10px 12px;font-size:10px}.welcome-manual{margin:8px 0 0;font-size:9px}.telemetry{gap:14px;padding-top:9px;bottom:11px;left:18px;right:270px}.speed-readout{min-width:104px}.speed-readout strong{font-size:40px}.gear-readout strong{font-size:24px}.rpm-readout>div:first-child>span{font-size:6px}.rpm-readout strong{font-size:17px}.rpm-bar{height:5px;margin-top:8px}.rpm-scale{font-size:6px}.touch-controls{gap:5px;bottom:15px;left:auto;right:16px}.touch-controls button{padding:12px 10px;font-size:7px}.transport{bottom:104px;left:18px;right:auto}.transport-button{padding:7px 9px;font-size:8px}.test-checks{bottom:151px;left:18px}.test-checks .eyebrow{font-size:6px}.test-checks #checklist{gap:10px;max-width:400px;margin-top:7px;font-size:7px}.track-map{width:80px;bottom:98px;right:15px}.track-map canvas{width:70px;height:90px}.track-map>span{gap:5px;font-size:6px}.bench{width:290px;padding:13px 18px;top:113px;left:18px}.bench .eyebrow,.bench p{display:none}.bench h3{margin:0 0 12px;font-size:17px}.bench label{margin-top:10px;font-size:8px}.bench input{margin-top:10px}.bench output{font-size:8px}body:has(.bench:not([hidden])) .transport{bottom:102px;left:330px}body:has(.bench:not([hidden])) .track-map{display:none}.bench{z-index:2}}.sound-actions{flex-wrap:wrap;gap:7px;max-width:720px;display:flex;position:absolute;bottom:213px;left:32px;right:26px}.sound-actions button{color:#e0e7ce;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#202b20dc;border:1px solid #77826785;padding:11px 13px;font-size:10px}.sound-actions button:active{color:#242519;background:#e89364}.stage.idle .sound-actions{display:none}.source-note a{color:#dce7c7}.touch-controls{display:none!important}.pedal-controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b271de8;border:1px solid #77826785;flex-basis:100%;grid-template-columns:1fr 1fr;gap:10px 22px;margin-bottom:3px;padding:13px 15px 10px;display:grid}.pedal-controls label{color:#e0e7ce;min-width:0;font-size:10px}.pedal-controls output{float:right;font:10px var(--mono);color:#f2bd92}.pedal-controls input{margin-top:14px;margin-bottom:7px}.pedal-controls small{color:#a9b89c;grid-column:1/-1;font-size:8px}.pedal-controls input::-webkit-slider-thumb{width:14px;height:14px}.pedal-controls input::-moz-range-thumb{width:14px;height:14px}body:has(.bench:not([hidden])) .pedal-controls{display:none}@media (width<=900px){.sound-actions{bottom:244px;left:24px;right:24px}.transport{bottom:179px}.telemetry{bottom:36px}}@media (width<=560px){.sound-actions{gap:6px;bottom:243px;left:18px;right:18px}.sound-actions button{padding:11px 12px;font-size:9px}.mode-controls{top:164px}.stage.idle .welcome{top:34%}.stage{min-height:690px}.transport{flex-wrap:wrap;bottom:184px}.bench{width:calc(100% - 36px);max-width:320px;padding:16px;top:220px}.bench h3{margin:8px 0}.bench p{display:none}body:has(.bench:not([hidden])) .sound-actions{bottom:200px}body:has(.bench:not([hidden])) .transport{bottom:148px}}@media (height<=500px) and (width<=950px) and (orientation:landscape){.sound-actions{gap:5px;max-width:none;bottom:109px;left:18px;right:16px}.sound-actions button{padding:7px 9px;font-size:8px}.transport{bottom:71px}.telemetry{max-width:550px;bottom:10px;right:18px}.stage{min-height:350px}.bench{width:300px;top:114px}.bench label{margin-top:10px}body:has(.bench:not([hidden])) .sound-actions{bottom:143px;left:335px}body:has(.bench:not([hidden])) .transport{bottom:100px;left:335px}}@media (width>=561px) and (height>=501px){.bench{width:320px;padding:16px 20px;top:210px;left:24px}.bench h3{margin:8px 0;font-size:21px}.bench label{margin-top:14px}.bench p{display:none}body:has(.bench:not([hidden])) .sound-actions{bottom:214px;left:370px}body:has(.bench:not([hidden])) .transport{bottom:159px}}@media (width>=561px) and (height>=501px) and (height<=800px){.bench{top:180px}}
