.ss-studio{--ss-accent:#b7ebcc;--ss-accent-rgb:183, 235, 204;--ss-muted:#778480;--ss-border:#25302d;color:#e8efea;min-height:100dvh;font-family:var(--font-noto-sans,var(--font-sans)), system-ui, sans-serif;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b100f;font-size:13px;font-weight:400;line-height:1.5}.ss-studio.ss-world-tape{--ss-accent:#7ae5c1;--ss-accent-rgb:122, 229, 193}.ss-studio.ss-world-funk{--ss-accent:#f29bcb;--ss-accent-rgb:242, 155, 203}.ss-studio.ss-world-night{--ss-accent:#b7bdff;--ss-accent-rgb:183, 189, 255}.ss-studio *,.ss-studio :before,.ss-studio :after{box-sizing:border-box}.ss-studio button,.ss-studio input,.ss-studio select{font:inherit}.ss-studio button,.ss-studio a,.ss-studio input,.ss-studio select{-webkit-tap-highlight-color:transparent}.ss-studio button{cursor:pointer;color:inherit;background:0 0;border:0}.ss-studio button:disabled{opacity:.35;cursor:default}.ss-studio button:focus-visible,.ss-studio a:focus-visible,.ss-studio select:focus-visible,.ss-studio input:focus-visible{outline:2px solid var(--ss-accent);outline-offset:5px}.ss-studio button{transition:background .16s,color .16s,border-color .16s,opacity .16s}.ss-shell{width:min(1240px,100% - 80px);margin:0 auto;padding:0 0 20px}.ss-header{justify-content:space-between;align-items:center;gap:20px;height:76px;display:flex}.ss-brand{color:#edf3ee;letter-spacing:2.4px;align-items:center;gap:12px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.ss-brand-mark{align-items:center;gap:3px;width:24px;height:25px;display:flex}.ss-brand-mark i{background:var(--ss-accent);border-radius:2px;width:2px;height:12px;display:block}.ss-brand-mark i:nth-child(2),.ss-brand-mark i:nth-child(4){height:21px}.ss-brand-mark i:nth-child(3){height:29px}.ss-brand-mark i:nth-child(5){height:8px}.ss-beta{letter-spacing:1px;color:#a8b7ac;border:1px solid #3a4941;border-radius:4px;margin-left:3px;padding:3px 6px 2px;font-size:8px;font-weight:500;line-height:13px}.ss-header-right{align-items:center;gap:18px;display:flex}.ss-headphone-tip{color:#7c8a83;letter-spacing:.1px;align-items:center;gap:8px;font-size:10px;display:flex}.ss-icon-button{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;color:#98a59e!important}.ss-icon-button:hover:not(:disabled){background:#25312a;color:#e6eee8!important}.ss-world-row{align-items:stretch;gap:28px;margin-bottom:20px;display:flex}.ss-worlds{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.ss-world-button{text-align:left;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:12px 16px;display:flex;position:relative;border:1px solid var(--ss-border)!important;background:#111816!important}.ss-world-button:hover:not(:disabled){background:#18201c!important;border-color:#46544c!important}.ss-world-button.is-selected{background:rgba(var(--ss-accent-rgb), .045)!important;border-color:rgba(var(--ss-accent-rgb), .5)!important}.ss-world-number{color:#57665e;align-self:flex-start;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.ss-world-button.is-selected .ss-world-number{color:var(--ss-accent)}.ss-world-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.ss-world-copy strong{color:#c9d3cc;white-space:nowrap;font-size:12px;font-weight:500}.ss-world-button.is-selected .ss-world-copy strong{color:var(--ss-accent)}.ss-world-copy small{color:#78877d;font-size:9px;line-height:1.5}.ss-world-glyph{color:#56665b;margin-left:auto;font-size:27px;line-height:1}.ss-world-button.is-selected .ss-world-glyph{color:var(--ss-accent)}.ss-glyph-funk{font-size:30px}.ss-instrument{flex-direction:column;flex-shrink:0;justify-content:center;gap:8px;width:220px;display:flex}.ss-label{color:#8b9a90;letter-spacing:1.55px;font-size:8px;font-weight:500;line-height:1.4}.ss-select-wrap{align-items:center;gap:10px;display:flex;position:relative}.ss-select-wrap>svg:first-child{color:var(--ss-accent);flex-shrink:0}.ss-select-wrap>svg:last-child{pointer-events:none;color:#98a69d;position:absolute;right:5px}.ss-select-wrap select{color:#dbe5de;appearance:none;cursor:pointer;background:0 0;border:none;width:100%;padding:2px 22px 2px 0;font-size:13px}.ss-select-wrap option{color:#dbe5de;background:#172019}.ss-stage{isolation:isolate;background:#080e0e;border:1px solid #25332c;border-radius:11px;height:clamp(260px,100svh - 445px,440px);min-height:260px;position:relative;overflow:hidden}.ss-visual-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ss-stage-vignette{pointer-events:none;background:linear-gradient(#080e0d38,#0000 28% 67%,#080e0dd6);position:absolute;inset:0}.ss-stage-ready .ss-visual-canvas{opacity:.8}.ss-stage-top{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:22px 25px auto}.ss-stage-caption{color:#8c9e91;letter-spacing:1.8px;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1;display:flex}.ss-status-dot{background:#526459;border-radius:100%;width:5px;height:5px}.ss-status-dot.is-on{background:var(--ss-accent);box-shadow:0 0 9px rgba(var(--ss-accent-rgb), .4)}.ss-tempo{color:#9dad9f;align-items:center;gap:8px;display:flex}.ss-tempo button{color:#7e9286;border-radius:4px;justify-content:center;align-items:center;width:22px;height:25px;display:flex}.ss-tempo button:hover:not(:disabled){background:#1d3027}.ss-tempo label{align-items:center;gap:4px;display:flex}.ss-tempo input{appearance:textfield;text-align:right;color:#c7d6cc;background:0 0;border:0;width:29px;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.ss-tempo input::-webkit-inner-spin-button{appearance:none;margin:0}.ss-tempo input::-webkit-outer-spin-button{appearance:none;margin:0}.ss-tempo label span{letter-spacing:1px;font-size:8px}.ss-start-invitation{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:50px 25px 64px;display:flex;position:absolute;inset:0}.ss-invitation-eyebrow{color:#a6baab;letter-spacing:3px;margin-bottom:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.ss-start-invitation h1{letter-spacing:-1.3px;color:#e0ece2;text-shadow:0 2px 24px #080e0d;margin:0;font-size:clamp(26px,3vw,43px);font-weight:400;line-height:1.2}.ss-start-invitation p{color:#98ada0;letter-spacing:.1px;margin:13px 0 26px;font-size:11px}.ss-start-button{pointer-events:auto;box-shadow:0 4px 30px rgba(var(--ss-accent-rgb), .08);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;display:inline-flex;background:var(--ss-accent)!important;border:1px solid var(--ss-accent)!important;color:#173224!important;font-size:11px!important;font-weight:600!important}.ss-start-button:hover:not(:disabled){filter:brightness(1.08)}.ss-start-button span{opacity:.5;margin-left:18px;font-size:15px}.ss-stage-bottom{pointer-events:none;justify-content:space-between;align-items:end;gap:20px;display:flex;position:absolute;inset:auto 25px 21px}.ss-band-status{align-items:center;gap:13px;display:flex}.ss-band-status>div{flex-direction:column;gap:5px;display:flex}.ss-band-icon{border:1px solid #32453a;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:29px;height:30px;display:flex}.ss-band-icon i{background:#8aac96;border-radius:2px;width:2px;height:7px}.ss-band-icon i:nth-child(2){height:13px}.ss-band-response{color:#a1b2a6;font-size:10px}.ss-transport-readout{align-items:center;gap:20px;display:flex}.ss-chord{color:#bed0c2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.ss-beats{align-items:center;gap:5px;display:flex}.ss-beats i{background:#34473a;border-radius:1px;width:4px;height:4px}.ss-beats i.is-current{background:var(--ss-accent);box-shadow:0 0 6px rgba(var(--ss-accent-rgb), .3)}.ss-play-deck{padding:23px 0 20px}.ss-play-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ss-play-heading>span{align-items:baseline;gap:13px;display:flex}.ss-play-heading strong{color:#d0dcd3;font-size:11px;font-weight:500}.ss-playing-tip{color:#6f8175;font-size:10px}.ss-octave{align-items:center;gap:12px;display:flex}.ss-octave>span{letter-spacing:1.3px;color:#7b8d80;margin-right:2px;font-size:7px}.ss-octave button{color:#83988a;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;border:1px solid #29392e!important}.ss-octave button:hover:not(:disabled){background:#1e2d22}.ss-octave strong{text-align:center;color:#c9d7cd;min-width:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:400}.ss-keys{grid-template-columns:repeat(10,minmax(48px,1fr));gap:6px;padding-bottom:5px;display:grid;overflow-x:auto}.ss-key{text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;min-height:115px;padding:13px 17px 11px;display:flex;position:relative;overflow:hidden;background:linear-gradient(115deg,#18231c,#151e18)!important;border:1px solid #314036!important;border-bottom:3px solid #26372a!important}.ss-key:hover{background:#1c2c21!important;border-color:#57745f!important}.ss-key.is-pressed{box-shadow:0 0 25px rgba(var(--ss-accent-rgb), .06), inset 0 0 24px rgba(var(--ss-accent-rgb), .04);transform:translateY(1px);border-color:var(--ss-accent)!important;background:rgba(var(--ss-accent-rgb), .13)!important}.ss-key-index{color:#637d68;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.ss-key-pitch{color:#c8decf;letter-spacing:-.5px;margin:3px 0 6px;font-size:22px;font-weight:400}.ss-key.is-pressed .ss-key-pitch{color:var(--ss-accent)}.ss-key-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.ss-key kbd{color:#8da696;font-family:inherit;font-size:10px;line-height:1;display:block}.ss-key-lines{opacity:.32;align-items:center;gap:2px;height:13px;display:flex}.ss-key-lines i{background:var(--ss-accent);width:1px;height:3px}.ss-key-lines i:nth-child(2),.ss-key-lines i:nth-child(4){height:7px}.ss-key-lines i:nth-child(3){height:11px}.ss-key.is-pressed .ss-key-lines{opacity:1}.ss-key-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:13px;display:flex}.ss-scale-indicator{color:#78917f;align-items:center;gap:7px;font-size:9px;display:flex}.ss-scale-indicator>span{background:#6a9877;border-radius:50%;width:3px;height:3px;display:block}.ss-inline-toggle{color:#b1c0b5;cursor:pointer;align-items:center;gap:7px;font-size:10px;display:flex}.ss-inline-toggle small{color:#6b7c70;margin-left:3px;font-size:9px}.ss-inline-toggle input,.ss-band-toggle input{opacity:0;width:1px;height:1px;position:absolute}.ss-toggle-track{background:#314238;border-radius:20px;flex-shrink:0;width:25px;height:14px;transition:background .15s;display:inline-block;position:relative}.ss-toggle-track:after{content:"";background:#7e9586;border-radius:50%;width:8px;height:8px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.ss-inline-toggle input:checked+.ss-toggle-track,.ss-band-toggle input:checked+.ss-toggle-track{background:var(--ss-accent)}.ss-inline-toggle input:checked+.ss-toggle-track:after,.ss-band-toggle input:checked+.ss-toggle-track:after{background:#274333;transform:translate(11px)}.ss-inline-toggle input:focus-visible+.ss-toggle-track,.ss-band-toggle input:focus-visible+.ss-toggle-track{outline:2px solid var(--ss-accent);outline-offset:4px}.ss-shape-panel{background:#111a14;border:1px solid #243329;border-radius:8px;grid-template-columns:1.08fr 1fr 1fr 1fr 1.28fr;align-items:center;gap:28px;padding:25px 23px;display:grid}.ss-shape-title .ss-label{letter-spacing:1.3px;color:#6d8876;font-size:7px}.ss-shape-title h2{color:#cbdace;letter-spacing:-.2px;margin:4px 0 3px;font-size:13px;font-weight:400}.ss-shape-title p{color:#718777;margin:0;font-size:8px}.ss-range-control{flex-direction:column;gap:10px;display:flex}.ss-range-title{color:#c4d3c8;justify-content:space-between;align-items:center;font-size:10px;display:flex}.ss-range-title>span{color:#829a8b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.ss-range-title small{color:#5e7666;margin-left:2px;font-size:7px}.ss-range-ends{color:#6b8473;justify-content:space-between;align-items:center;font-size:8px;display:flex}.ss-studio input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--ss-accent) 0%, var(--ss-accent) var(--fill), #344a3b var(--fill), #344a3b 100%);width:100%;height:3px;accent-color:var(--ss-accent);border:0;border-radius:3px;margin:0;padding:0}.ss-studio input[type=range]::-webkit-slider-thumb{appearance:none;background:#d4e7d9;border:0;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #132016}.ss-studio input[type=range]::-moz-range-thumb{background:#d4e7d9;border:0;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #132016}.ss-band-controls{border-left:1px solid #2b3c30;flex-direction:column;gap:12px;padding-left:22px;display:flex}.ss-band-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;display:flex}.ss-band-toggle>span:first-child{color:#c2d3c7;white-space:nowrap;flex-direction:column;font-size:10px;display:flex}.ss-band-toggle small{color:#6f8979;margin-top:2px;font-size:8px}.ss-lock-button{align-items:center;gap:7px;display:flex;color:#799585!important;padding:0!important;font-size:8px!important}.ss-lock-button.is-active{color:var(--ss-accent)!important}.ss-lock-button:hover{color:#c4dacb!important}.ss-session-bar{border-bottom:1px solid #1f2e24;justify-content:space-between;align-items:center;gap:18px;padding:24px 0 22px;display:flex}.ss-playback-controls{align-items:center;gap:12px;display:flex}.ss-transport-button{border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;color:#b6cdbc!important;background:#17231a!important;border:1px solid #374b3d!important}.ss-transport-button:hover:not(:disabled){background:#293f2f!important}.ss-transport-button.is-playing{background:var(--ss-accent)!important;color:#233d2b!important;border-color:var(--ss-accent)!important}.ss-playback-controls .ss-icon-button{width:22px}.ss-studio input.ss-volume{width:70px;height:2px}.ss-volume::-webkit-slider-thumb{width:7px!important;height:7px!important}.ss-volume::-moz-range-thumb{width:7px!important;height:7px!important}.ss-capture-controls{align-items:center;gap:8px;display:flex}.ss-keep-button{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:inline-flex;color:#bfd4c5!important;background:#19281e!important;border:1px solid #314a39!important;font-size:10px!important}.ss-keep-button>span{letter-spacing:.7px;color:#829d8c;border:1px solid #3a5242;border-radius:2px;margin-left:3px;padding:2px 4px;font-size:6px}.ss-keep-button:hover:not(:disabled){background:#263d2d!important}.ss-keep-button.has-loop{border-color:#719d7e!important}.ss-divider{background:#2f4234;width:1px;height:18px;margin:0 10px}.ss-record-button{white-space:nowrap;align-items:center;gap:8px;padding:9px 3px;display:inline-flex;color:#9fb5a6!important;font-size:10px!important}.ss-record-button:hover:not(:disabled){color:#d7e8dc!important}.ss-record-dot{background:#b48d79;border-radius:50%;width:6px;height:6px}.ss-record-button.is-recording{color:#f0bba1!important}.ss-record-button.is-recording .ss-record-dot{background:#f6ac8b;box-shadow:0 0 0 4px #382c23}.ss-file-controls{align-items:center;gap:18px;display:flex}.ss-text-button{align-items:center;gap:7px;padding:6px 0;display:inline-flex;color:#8da796!important;font-size:10px!important}.ss-text-button:hover:not(:disabled){color:#d6e8dc!important}.ss-footer{color:#5e7968;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 0;font-size:8px;display:flex}.ss-footer>span:first-child{align-items:center;gap:8px;display:flex}.ss-footer>label{cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:8px;display:flex}.ss-footer input{appearance:auto;width:10px;height:10px;accent-color:var(--ss-accent);margin:0}.ss-space-tip{align-items:center;gap:7px;display:flex}.ss-space-tip kbd{color:#849d8b;border:1px solid #2d4133;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:7px}.ss-toast{z-index:20;color:#d6e9dc;background:#213429;border:1px solid #4b7357;border-radius:8px;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 36px);padding:12px 17px;font-size:11px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0006}.ss-toast button{padding:3px}.ss-toast.is-error{color:#f3cebc;background:#35291f;border-color:#a56d54}.ss-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ss-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020905b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ss-help{background:#14231a;border:1px solid #3d5b46;border-radius:14px;width:440px;max-width:100%;padding:36px;position:relative;box-shadow:0 20px 90px #0008}.ss-help-close{position:absolute;top:12px;right:12px}.ss-help h2{letter-spacing:-.6px;margin:15px 0 24px;font-size:26px;font-weight:400}.ss-help p{color:#9fb6a6;margin:0 0 17px;font-size:12px;line-height:1.8}.ss-help p strong{color:#d4e6d9;font-weight:500}.ss-help .ss-start-button{margin-top:10px}.ss-spin{animation:1s linear infinite ss-spin}@keyframes ss-spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.ss-shell{padding-top:12px}.ss-stage{height:clamp(280px,100svh - 445px,440px)}}@media (max-width:1150px){.ss-shell{width:calc(100% - 48px)}.ss-world-row{gap:20px}.ss-world-button{gap:9px;padding:12px}.ss-world-glyph{font-size:21px}.ss-instrument{width:175px}.ss-world-copy small{font-size:8px}.ss-shape-panel{grid-template-columns:.9fr 1fr 1fr 1fr;gap:24px;padding:23px}.ss-band-controls{border-top:1px solid #2b3c30;border-left:0;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:16px 0 0}.ss-band-toggle{gap:18px}.ss-band-toggle>span:first-child{flex-direction:row;align-items:center;gap:14px}.ss-band-toggle small{margin:0}.ss-stage{height:clamp(260px,100svh - 465px,390px)}}@media (max-width:800px){.ss-shell{width:calc(100% - 40px)}.ss-header{height:70px}.ss-brand{letter-spacing:1.8px;gap:10px;font-size:12px}.ss-headphone-tip{display:none}.ss-world-row{flex-wrap:wrap;gap:16px}.ss-worlds{flex-basis:100%;grid-template-columns:repeat(2,1fr)}.ss-world-button{min-height:66px}.ss-instrument{flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;width:100%}.ss-select-wrap{width:190px}.ss-instrument .ss-label{font-size:7px}.ss-select-wrap select{font-size:11px}.ss-select-wrap>svg:first-child{width:15px}.ss-stage{height:clamp(250px,100svh - 485px,350px)}.ss-stage-top{inset:20px 20px auto}.ss-stage-bottom{inset:auto 20px 20px}.ss-keys{grid-template-columns:repeat(10,minmax(48px,1fr))}.ss-key{min-height:96px;padding:12px}.ss-playing-tip{font-size:8px}.ss-shape-panel{grid-template-columns:repeat(3,1fr);gap:22px}.ss-shape-title{grid-column:1/-1;align-items:center;gap:15px;display:flex}.ss-shape-title h2{margin:0}.ss-shape-title p{margin-left:auto}.ss-session-bar{flex-wrap:wrap;row-gap:18px}.ss-playback-controls{order:1}.ss-file-controls{order:2}.ss-capture-controls{flex-basis:100%;order:3;justify-content:flex-start}.ss-record-button{margin-left:auto}.ss-divider{display:none}}@media (max-width:480px){.ss-shell{width:calc(100% - 28px)}.ss-header{gap:10px;height:66px}.ss-brand{letter-spacing:1.5px;gap:9px;font-size:11px}.ss-brand-mark{transform-origin:0;width:20px;margin-right:-3px;transform:scale(.78)}.ss-beta{letter-spacing:.8px;padding:1px 4px;font-size:6px}.ss-header-right{gap:0}.ss-header-right .ss-icon-button{width:25px}.ss-world-row{gap:15px;margin-bottom:15px}.ss-worlds{gap:6px}.ss-world-button{align-items:flex-start;gap:5px;min-height:67px;padding:10px 9px}.ss-world-number{margin-top:3px;font-size:7px}.ss-world-copy strong{font-size:10px}.ss-world-copy small{max-width:75px;font-size:7px;line-height:1.4}.ss-world-glyph{display:none}.ss-instrument{gap:15px;padding:0 2px}.ss-select-wrap{width:170px}.ss-stage{border-radius:8px;height:clamp(230px,100svh - 505px,320px);min-height:230px}.ss-stage-top{inset:15px 14px auto}.ss-stage-caption{letter-spacing:1.1px;gap:6px;font-size:6px}.ss-status-dot{width:4px;height:4px}.ss-tempo{gap:2px}.ss-tempo button{width:18px}.ss-tempo input{width:23px;font-size:9px}.ss-tempo label span{font-size:6px}.ss-start-invitation{padding:48px 14px 56px}.ss-invitation-eyebrow{letter-spacing:2px;margin-bottom:13px;font-size:6px}.ss-start-invitation h1{letter-spacing:-.8px;font-size:27px}.ss-start-invitation p{margin:10px 0 20px;font-size:9px}.ss-start-button{padding:10px 14px;font-size:10px!important}.ss-start-button span{margin-left:12px}.ss-stage-bottom{gap:10px;inset:auto 15px 17px}.ss-band-status{gap:8px}.ss-band-icon{width:25px;height:25px}.ss-band-status>div{gap:3px}.ss-band-status .ss-label{letter-spacing:1.1px;font-size:6px}.ss-band-response{max-width:225px;font-size:8px}.ss-transport-readout{gap:11px}.ss-chord{font-size:9px}.ss-beats{gap:3px}.ss-beats i{width:3px;height:3px}.ss-play-deck{padding-top:20px}.ss-play-heading{margin-bottom:12px}.ss-play-heading strong{font-size:10px}.ss-playing-tip{display:none}.ss-octave{gap:9px}.ss-octave>span{font-size:6px}.ss-octave button{width:20px;height:20px}.ss-keys{grid-template-columns:repeat(10,minmax(48px,1fr));gap:6px}.ss-key{border-radius:6px;min-height:88px;padding:8px 7px 10px}.ss-key-index{font-size:7px}.ss-key-pitch{margin-top:7px;font-size:17px}.ss-key kbd{font-size:9px}.ss-key-lines{transform-origin:100%;transform:scale(.8)}.ss-key-footer{margin-top:12px}.ss-scale-indicator{gap:5px;font-size:7px}.ss-inline-toggle{gap:6px;font-size:9px}.ss-inline-toggle small{display:none}.ss-shape-panel{gap:21px 18px;padding:19px 15px}.ss-shape-title{gap:12px}.ss-shape-title .ss-label{font-size:6px}.ss-shape-title h2{font-size:12px}.ss-shape-title p{display:none}.ss-range-title{font-size:9px}.ss-range-title>span{font-size:7px}.ss-range-title small{font-size:6px}.ss-range-control{gap:11px}.ss-range-ends{white-space:nowrap;gap:2px;font-size:6px}.ss-band-controls{gap:12px;padding-top:17px}.ss-band-toggle{gap:12px}.ss-band-toggle>span:first-child{flex-direction:column;align-items:flex-start;gap:2px;font-size:9px}.ss-band-toggle small{font-size:6px}.ss-lock-button{gap:5px;font-size:7px!important}.ss-session-bar{row-gap:19px;padding:20px 1px 18px}.ss-playback-controls{gap:12px}.ss-file-controls{gap:15px}.ss-text-button{font-size:9px!important}.ss-keep-button{padding:9px 10px;font-size:9px!important}.ss-keep-button>span{margin-left:1px;padding:2px 3px;font-size:5px}.ss-capture-controls{gap:5px}.ss-undo{width:28px}.ss-record-button{gap:6px;font-size:9px!important}.ss-footer{gap:12px;padding-top:16px;font-size:7px}.ss-footer>label{font-size:7px}.ss-space-tip{display:none}.ss-help{padding:31px 24px 25px}.ss-help h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.ss-studio *,.ss-studio :before,.ss-studio :after{transition-duration:0s!important;animation-duration:0s!important}}.ss-label{font-size:9px}.ss-headphone-tip{font-size:11px}.ss-world-copy strong{font-size:13px}.ss-world-copy small{font-size:10px}.ss-stage-caption{letter-spacing:1.4px;font-size:9px}.ss-tempo input{width:32px;font-size:12px}.ss-tempo label span{font-size:9px}.ss-invitation-eyebrow{letter-spacing:2.4px;font-size:9px}.ss-start-invitation p{font-size:12px}.ss-band-response{font-size:11px}.ss-play-heading strong{font-size:12px}.ss-playing-tip{font-size:11px}.ss-octave>span{letter-spacing:1px;font-size:9px}.ss-octave strong{font-size:11px}.ss-octave button{width:25px;height:25px}.ss-key kbd{font-size:11px}.ss-scale-indicator{font-size:10px}.ss-inline-toggle{font-size:11px}.ss-inline-toggle small{font-size:10px}.ss-shape-title .ss-label{font-size:9px}.ss-shape-title p{font-size:10px}.ss-range-title{font-size:12px}.ss-range-title>span{font-size:10px}.ss-range-title small{font-size:9px}.ss-range-ends{font-size:10px}.ss-band-toggle>span:first-child{font-size:11px}.ss-band-toggle small{font-size:9px}.ss-lock-button{font-size:10px!important}.ss-keep-button,.ss-record-button,.ss-text-button{font-size:11px!important}.ss-keep-button>span{font-size:8px}.ss-footer,.ss-footer>label{font-size:10px}.ss-space-tip kbd{font-size:9px}@media (max-width:800px){.ss-instrument .ss-label{font-size:9px}.ss-select-wrap select{font-size:12px}.ss-world-button{min-height:74px}.ss-shape-title p{display:none}}@media (max-width:480px){.ss-world-number{display:none}.ss-world-button{min-height:82px;padding:10px 9px}.ss-world-copy strong{font-size:11px}.ss-world-copy small{max-width:none;font-size:9px;line-height:1.45}.ss-instrument{gap:12px}.ss-instrument .ss-label,.ss-stage-caption{letter-spacing:1px;font-size:8px}.ss-tempo input{width:27px;font-size:11px}.ss-tempo label span{font-size:8px}.ss-start-invitation{padding-top:45px;padding-bottom:62px}.ss-invitation-eyebrow{letter-spacing:1.8px;font-size:8px}.ss-start-invitation p{font-size:11px}.ss-band-status .ss-label{letter-spacing:1px;font-size:8px}.ss-band-response{max-width:218px;font-size:10px}.ss-chord{font-size:10px}.ss-scale-indicator{font-size:9px}.ss-inline-toggle{font-size:11px}.ss-shape-title .ss-label{font-size:8px}.ss-range-title{font-size:11px}.ss-range-title>span,.ss-range-title small,.ss-range-ends{font-size:9px}.ss-band-toggle>span:first-child{font-size:11px}.ss-band-toggle small{font-size:8px}.ss-lock-button{font-size:9px!important}.ss-keep-button,.ss-record-button,.ss-text-button{font-size:10px!important}.ss-keep-button>span{font-size:7px}.ss-footer,.ss-footer>label{font-size:9px}}.ss-take-hint{color:#7f9588;text-align:right;margin:-8px 0 12px;font-size:10px}@media (max-width:480px){.ss-take-hint{text-align:left;margin-top:-5px;margin-bottom:12px;font-size:9px}.ss-file-controls{gap:12px}}@media (max-width:800px){.ss-file-controls{flex-basis:100%;order:4;justify-content:space-between}.ss-capture-controls{order:3}}.ss-help{max-height:calc(100dvh - 48px);overflow-y:auto}.ss-inline-toggle,.ss-band-toggle{position:relative}.ss-inline-toggle input,.ss-band-toggle input{opacity:0;z-index:1;cursor:pointer;width:25px;height:24px;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.ss-inline-toggle input{left:0}.ss-band-toggle input{right:0}.ss-toggle-track,.ss-toggle-track:after{pointer-events:none}.ss-footer input{cursor:pointer;width:14px;height:14px}.ss-studio.ss-world-city{--ss-accent:#ecc77e;--ss-accent-rgb:236, 199, 126}.ss-key-upper{border-top-color:rgba(var(--ss-accent-rgb), .45)!important}.ss-keys .ss-key{min-height:100px;padding:10px 8px}@media (max-width:600px){.ss-keys .ss-key{min-height:68px}}.ss-studio.ss-world-motor{--ss-accent:#f3c86b;--ss-accent-rgb:243, 200, 107}.ss-studio.ss-world-clurb{--ss-accent:#df9dff;--ss-accent-rgb:223, 157, 255}.ss-world-clurb .ss-stage{border-color:#433052;height:clamp(340px,100svh - 420px,540px)}.ss-world-clurb .ss-stage-vignette{background:linear-gradient(#08061059,#0000 22% 78%,#080610d9)}@media (max-width:600px){.ss-world-clurb .ss-stage{height:360px;min-height:360px}}