:root{font-family:DM Sans,Avenir Next,Arial,sans-serif;color:#eeeede;background:#172724;font-synthesis:none;font-weight:400;--ink: #eeeede;--muted: #a1afa2;--line: #3a4b40;--mint: #d0e6b4;--apricot: #e7af8b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 83% 6%,#3c4c372f,transparent 40%),#172724}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:none;color:inherit;font-size:12px;font-weight:500;white-space:nowrap;min-height:36px;padding:8px 12px;border-radius:5px;transition:background .15s,border-color .15s,color .15s}button:hover{background:#ffffff0b}button:disabled{opacity:.45;cursor:default}button svg{width:17px;height:17px;flex:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}input,select{background:transparent;color:var(--ink);border:0;border-radius:3px}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:1}input[type=range]{appearance:none;-webkit-appearance:none;height:3px;border-radius:5px;background:#526352;accent-color:var(--mint);cursor:pointer;min-width:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--ink);border:2px solid #e9ecdb;border-radius:50%;box-shadow:0 1px 4px #0004}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--ink);border:0;border-radius:50%}input[type=range]:focus-visible{outline-offset:8px}select{cursor:pointer}select option{background:#24362b;color:var(--ink)}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #394b3e;padding:0 42px;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,Avenir Next,Arial,sans-serif;letter-spacing:-1px;font-size:27px;font-weight:600}.brand-mark{display:flex;align-items:center;gap:3px;width:24px;height:29px}.brand-mark i{height:15px;width:5px;display:block;background:var(--ink);border-radius:4px}.brand-mark i:nth-child(2){height:29px}.brand-mark i:nth-child(3){height:22px}.brand-tag{font-size:8px;letter-spacing:1.9px;font-family:DM Sans,Avenir Next,Arial,sans-serif;font-weight:500;margin-left:14px;padding-left:22px;border-left:1px solid var(--line);color:var(--muted);line-height:26px}.top-actions{display:flex;gap:15px;align-items:center}.save-state{font-size:10px;letter-spacing:.1px;color:var(--muted);margin-right:6px}.save-state:before{content:"✓";font-size:12px;margin-right:7px}.quiet{color:#d2dacc}.outlined{border:1px solid #70806b}.outlined:hover{background:#ffffff0b;border-color:#c3d2b7}main{max-width:1600px;margin:auto;padding:0 42px}.intro{padding:38px 0 35px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-family:ui-monospace,monospace;font-size:8px;letter-spacing:2px;color:#afbdac;font-weight:400}.intro .eyebrow{display:flex;align-items:center;gap:9px}.little-star{font-size:19px;color:var(--mint);line-height:1;letter-spacing:0}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.1vw,51px);line-height:1.12;font-weight:400;letter-spacing:-1.2px;margin:15px 0 10px}h2{font-size:13px;font-weight:550;margin:0;letter-spacing:.1px}p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.mobile-break{display:none}.intro-aside{display:flex;gap:19px;align-items:center;margin-right:12px;color:#a9b6a3;font:8px/1.8 ui-monospace,monospace;letter-spacing:1.8px}.orbit-mark{position:relative;height:58px;width:65px;display:block}.orbit-mark i{position:absolute;inset:0;border:1px solid #778c6c;border-radius:50%;transform:rotate(-25deg) scaleX(.4)}.orbit-mark i:nth-child(2){transform:rotate(15deg) scaleX(.4)}.orbit-mark i:nth-child(3){transform:rotate(55deg) scaleX(.4)}.orbit-mark i:nth-child(4){transform:rotate(95deg) scaleX(.4)}.orbit-mark i:nth-child(5){transform:rotate(135deg) scaleX(.4)}.transport{display:flex;align-items:center;gap:0;border:1px solid #4c5f4b;border-radius:7px;background:#1c3029;min-height:87px;padding:14px 19px;margin-bottom:18px}.play-button{background:var(--mint);color:#233428;min-height:45px;min-width:132px;padding:12px 18px;font-weight:600;margin-right:24px}.play-button:hover{background:#e0f1c9}.play-button svg{width:20px;height:20px}.play-button.playing{background:#bcd69f}.tempo,.key-control{padding:1px 24px;border-left:1px solid #3e513f}.tempo label,.key-control label,.output label{display:block;font:8px ui-monospace,monospace;letter-spacing:1.4px;color:var(--muted);margin-bottom:6px}.tempo>div,.key-control>div{display:flex;align-items:center;gap:7px}.tempo input{width:45px;font-size:20px;letter-spacing:-1px;padding:0;font-weight:400}.tempo span{font-size:9px;color:#a9b6a3}.key-control select{font-size:17px;max-width:80px}.key-control>div{gap:2px}.styles{display:flex;gap:7px;flex:1;margin-left:8px;justify-content:center}.styles button{min-width:80px;color:#b4c4b0;font-size:15px;gap:7px;border-color:#435641;min-height:33px;padding:5px 12px}.styles button span{font-size:11px}.styles button.active{background:#d0e1bb;color:#253a2d;border-color:#d0e1bb}.output{display:grid;grid-template-columns:23px 70px;align-items:center;gap:6px;margin-left:22px;padding-left:22px;border-left:1px solid #3e513f}.output label{margin:0;font-size:7px}.output input{width:70px}.level-meter{height:4px;background:#3d513d;grid-column:1/3;overflow:hidden;border-radius:2px;margin-bottom:5px}.level-meter i{display:block;height:100%;background:#d0e6b4;transform:scaleX(0);transform-origin:left}.desk{display:grid;grid-template-columns:280px 1fr;border:1px solid #455741;border-radius:7px;overflow:hidden;background:#1a2d25}.collection{display:flex;flex-direction:column;border-right:1px solid #455741;background:#1b2d26;min-width:0}.panel-heading{height:63px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2 span{font-size:9px;color:#bdcbb6;border:1px solid #4b6045;padding:1px 5px;border-radius:4px;margin-left:6px}.icon-button{padding:6px;width:32px;min-height:32px}.collection-filters{display:flex;gap:4px;padding:0 18px 10px;border-bottom:1px solid #334732}.collection-filters button{color:#a9b9a1;min-height:25px;padding:4px 9px;font-size:10px}.collection-filters button.active{background:#344631;color:#e4ead9}.sound-list{flex:1;max-height:412px;overflow-y:auto;scrollbar-color:#4b6045 transparent;scrollbar-width:thin}.sound-row{height:52px;display:flex;align-items:center;gap:8px;padding:6px 16px;border-bottom:1px solid #2e4232;position:relative}.sound-row.selected{background:#3448348f}.sound-row.selected:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;background:var(--sound)}.sound-row.muted{opacity:.4}.sound-toggle{background:var(--sound);width:8px;height:8px;min-height:8px;border-radius:50%;padding:0;margin:8px 0;flex:none;box-shadow:0 0 0 8px transparent}.sound-toggle:after{content:"";position:absolute;width:24px;height:34px}.sound-toggle:hover{background:var(--sound);box-shadow:0 0 0 5px #d6e8c815}.sound-select{padding:0;min-width:0;flex:1;align-items:flex-start;display:flex;flex-direction:column;gap:3px;min-height:36px}.sound-select:hover{background:none}.sound-name{font-size:11px;font-weight:500;max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sound-type{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#9eb19a;font-family:ui-monospace,monospace;text-transform:capitalize}.mini-wave{padding:0;width:62px;color:var(--sound)}.mini-wave svg{width:62px;height:24px}.sound-remove{flex:0 0 32px;width:32px;min-height:36px;padding:8px;color:var(--muted)}.sound-remove:hover{color:var(--apricot)}.sound-remove svg{width:14px;height:14px}.library-foot{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:10px 16px;flex-wrap:wrap;border-top:1px solid #3a4e38;color:#a9baa0;font:8px ui-monospace,monospace}.library-foot button{font:8px DM Sans,Avenir Next,Arial,sans-serif;padding:3px 0;min-height:18px;text-decoration:underline;text-underline-offset:4px;color:#c8d7bc}.arrangement-panel{min-width:0;display:flex;flex-direction:column}.arrangement-panel .panel-heading{height:63px;flex-shrink:0}.arrangement-heading{display:flex;align-items:center;gap:12px}.subtle{font-size:9px;color:#a2b299}.arrangement-actions{display:flex;align-items:center;gap:10px}.arrangement-actions button{font-size:10px;padding:6px 8px;min-height:30px}.evolve{color:#c5d7b6;background:#2b432f;border:1px solid #455d3f;border-radius:20px;gap:6px!important}.status-dot{display:inline-block;width:5px;height:5px;background:#bdd7a6;border-radius:50%;flex:none}.evolve.off{background:none;color:#a0ae99}.evolve.off .status-dot{background:#798e71}.sequence-wrap{overflow:auto;max-height:340px;scrollbar-width:thin;scrollbar-color:#4b6045 transparent;margin:0 16px}.sequence-grid{position:relative;min-width:500px;isolation:isolate}#sequence{display:block;width:100%;height:300px}.playhead{position:absolute;width:1px;background:#d2edb1;top:27px;bottom:9px;left:0;pointer-events:none;box-shadow:0 0 10px 1px #cce9ac33;will-change:transform}.playhead:before{content:"";position:absolute;top:-4px;left:-4px;border-top:8px solid #d2edb1;border-left:4px solid transparent;border-right:4px solid transparent}.empty-arrangement{position:absolute;inset:50px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#cbd8be;font-family:Georgia,serif;font-size:26px;line-height:1.6;pointer-events:none;background:#1a2d25b5}.empty-arrangement span{font:12px DM Sans,Avenir Next,Arial,sans-serif;color:#aab99d}.chord-strip{display:flex;align-items:center;padding:10px 22px 13px;gap:16px;margin-top:auto;border-bottom:1px solid #3b5038}.chord-strip .eyebrow{font-size:7px;letter-spacing:1.5px}.chord-strip #chords{display:flex;flex:1;gap:5px}.chord-strip #chords span{flex:1;text-align:center;border:1px solid #3c5339;background:#263d2c;border-radius:3px;padding:5px;font:12px Georgia,serif;color:#d0ddc3}.chord-strip #chords span.current{background:#3e5636;border-color:#829e69;color:#f0f4db}#bar-position{font:8px ui-monospace,monospace;letter-spacing:1px;color:#acbda0;white-space:nowrap}.macro-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;min-height:104px;padding:20px 6px;background:#203428}.macro{padding:0 18px;border-right:1px solid #3d5236;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}.macro:last-child{border:0}.macro>span{display:flex;justify-content:space-between;font-size:10px;gap:6px}.macro output{font:8px ui-monospace,monospace;color:#aec39e}.macro small{display:flex;justify-content:space-between;font-size:7px;color:#a0b495;letter-spacing:.1px}.macro input{width:100%;margin:0}.capture-tray{margin-top:18px;border:1px solid #4a6044;border-radius:7px;min-height:104px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:22px 26px;background:linear-gradient(100deg,#2e412e,#273e2b);gap:20px}.capture-copy{display:flex;flex:1;align-items:center;gap:18px}.capture-icon{display:flex;width:38px;height:38px;border:1px solid #64795b;border-radius:50%;align-items:center;justify-content:center;color:var(--apricot)}.capture-icon svg{width:19px;height:19px}.capture-copy h2{font-size:17px;font-weight:500;margin-bottom:7px;letter-spacing:-.2px}.capture-copy p{font-size:10px;color:#b0c0a6}.capture-actions{display:flex;align-items:center;gap:12px}.input-source-row{flex:0 0 100%;min-width:0;display:flex;align-items:center;gap:12px;padding-top:17px;border-top:1px solid #49613f}.input-source-label{display:flex;flex-direction:column;gap:6px;width:260px;min-width:0;flex-shrink:0}.input-source-label>span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#bccab3}.input-source-label select{width:100%;min-width:0;min-height:36px;padding:7px 10px;background:#243a27;border:1px solid #64795b;border-radius:4px;font-size:11px;text-overflow:ellipsis}#refresh-inputs{flex-shrink:0;min-height:36px;align-self:flex-end}#mic-status{margin:15px 0 0;color:#b0c0a6;font-size:10px;line-height:1.6;max-width:460px}#mic-status.input-warning{color:var(--apricot)}.record-button{background:var(--apricot);color:#3a3325;font-weight:600;min-height:40px;padding:10px 18px}.record-button:hover{background:#edbd9f}.record-dot{width:8px;height:8px;background:#8c3e29;border-radius:50%}.stop-dot{width:8px;height:8px;background:#8c3e29;border-radius:1px}.record-button.recording{background:#f2a27d}.capture-tray.recording{border-color:#bc9672}.input-meter{width:50px;height:5px;background:#47623e;overflow:hidden}.input-meter i{display:block;width:100%;height:100%;background:#d0e6b4;transform:scaleX(0);transform-origin:left}.capture-timer{font:10px ui-monospace,monospace}.capture-tray.dragging{border:1px dashed var(--apricot);background:#415c35}.inspector{margin-top:18px;border:1px solid #4b6044;border-radius:7px;padding:20px 24px;background:#243b29}.inspector-header{display:flex;align-items:center;gap:20px}.inspector-header>div:first-child{flex:1}.inspector-title{display:flex;align-items:center;gap:12px;margin-top:5px}.inspector-title input{font-size:17px;width:200px;border-bottom:1px solid transparent;padding:2px 0}.inspector-title input:hover{border-color:#667f57}.sound-facts{display:flex;gap:10px;font:9px ui-monospace,monospace;color:#b4c6a6}.sound-facts span{border:1px solid #4b6741;border-radius:20px;padding:7px 9px}#detail-wave{width:100%;height:78px;margin:16px 0}.inspector-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.inspector-controls label{font-size:8px;color:#aabc9d;display:flex;flex-direction:column;gap:8px}.inspector-controls select,.inspector-controls input[type=number]{border:1px solid #58764b;padding:7px 9px;font-size:11px}.inspector-controls input[type=number]{width:82px}.inspector-controls .sample-volume{min-width:80px;max-width:120px;flex:1;padding-bottom:11px}.inspector-controls .sample-volume input{margin-top:12px;width:100%}.inspector-controls button{font-size:10px;min-height:31px}.danger{color:#e4ac90}.inspector-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;font-size:9px;color:#a9bf9b}.inspector-foot button{font-size:9px;text-decoration:underline;text-underline-offset:4px;color:#c1cdb2;min-height:25px;padding:3px}.message-line{display:flex;justify-content:space-between;align-items:center;padding:18px 1px;gap:20px;min-height:56px;color:#bccdb0;font-size:10px}.message-line .error{color:#f3b393}.private-note{display:flex;gap:7px;align-items:center;font-size:9px;white-space:nowrap;color:#9bb48f}footer{border-top:1px solid #3b5136;padding:19px 0 24px;display:flex;justify-content:space-between;align-items:center;color:#93a78a;font:7px ui-monospace,monospace;letter-spacing:1.7px}footer>div{display:flex;gap:11px;align-items:center;font:9px DM Sans,Avenir Next,Arial,sans-serif;letter-spacing:0}footer button{font-size:9px;color:#a6b99a;min-height:24px;padding:4px}.help-panel{border-top:1px solid #4b6044;padding:25px 5px 40px;max-width:850px}.help-panel h2{font-size:20px;margin-bottom:18px}.help-panel p{margin:10px 0;font-size:12px;line-height:1.8}.help-panel b{color:#d7e3c9;font-weight:500}.empty-library{text-align:center;font-size:12px;line-height:1.7;color:#a4b99a;padding:45px 12px}.empty-library button{display:inline-block;font-size:10px;text-decoration:underline;margin-top:15px}@media(min-width:1500px){main{padding:0 55px}.topbar{padding:0 55px}.intro{padding-top:45px;padding-bottom:40px}.desk{grid-template-columns:310px 1fr}.sound-list{max-height:430px}.sequence-wrap{max-height:370px}.panel-heading{height:69px}.sound-row{height:57px}.sound-name{font-size:12px}.sound-type{font-size:9px}.mini-wave,.mini-wave svg{width:80px}.capture-tray{min-height:115px}.arrangement-actions button{font-size:11px}.styles button{min-width:95px}.macro-strip{min-height:109px}}@media(max-width:1200px){main{padding:0 24px}.topbar{padding:0 24px}.brand-tag{display:none}.transport{padding:13px}.play-button{min-width:111px;margin-right:14px;padding:11px 13px}.tempo,.key-control{padding:1px 15px}.styles{gap:5px;margin-left:0}.styles button{min-width:64px;padding:5px 8px}.output{margin-left:14px;padding-left:14px;grid-template-columns:20px 48px}.output input{width:48px}.desk{grid-template-columns:246px 1fr}.sound-row{padding-left:13px;padding-right:13px}.sound-name{max-width:116px}.mini-wave,.mini-wave svg{width:51px}.arrangement-heading>.subtle{display:none}.panel-heading{padding:0 15px}.arrangement-actions{gap:4px}.macro{padding:0 13px}.capture-copy{gap:13px}.capture-copy h2{font-size:15px}.capture-copy p{max-width:330px}.capture-tray{padding:20px}.capture-actions{gap:8px}.record-button{padding:10px 12px}.capture-actions .outlined{padding:9px 10px}.intro-aside{margin-right:0}}@media(max-width:960px){.intro-aside{display:none}.transport{flex-wrap:wrap;gap:15px;justify-content:space-between}.play-button{margin-right:0}.tempo,.key-control{border:0;padding:0}.styles{flex:0 0 auto;order:5;margin:0;justify-content:flex-start}.styles button{min-width:72px}.output{border:0;padding:0;margin:0}.transport{column-gap:22px}.desk{grid-template-columns:220px 1fr}.mini-wave,.mini-wave svg{width:42px}.sound-name{max-width:107px}.arrangement-actions .evolve{font-size:0;gap:0!important;width:30px}.evolve .status-dot{height:7px;width:7px}.capture-tray{flex-wrap:wrap}.capture-copy{flex:1;min-width:300px}.capture-actions{flex:1;justify-content:flex-end;min-width:320px}.macro{padding:0 9px}.macro small{font-size:6px}.macro>span{font-size:9px}.sequence-wrap{margin:0 10px}.save-state{display:none}.message-line{font-size:9px}.inspector-controls{gap:13px}.sound-facts{gap:5px;font-size:8px}}@media(max-width:680px){main{padding:0 16px}.topbar{padding:0 17px;height:68px;gap:5px}.brand{font-size:24px;gap:8px}.brand-mark{transform:scale(.85);transform-origin:left}.top-actions{gap:7px}.top-actions button{font-size:10px;padding:7px 8px}.intro{padding:30px 0 25px}.intro .eyebrow{font-size:6px;letter-spacing:1.3px;gap:7px}.little-star{font-size:16px}h1{font-size:34px;line-height:1.1;letter-spacing:-.9px}.mobile-break{display:block}.intro p{font-size:10px;max-width:300px;margin-top:13px}.transport{padding:13px;gap:18px 12px;margin-bottom:15px}.play-button{min-width:114px;font-size:11px;min-height:42px}.tempo input{font-size:19px;width:40px}.tempo label,.key-control label{font-size:7px}.key-control select{font-size:14px;max-width:69px}.key-control{margin-left:auto}.tempo{margin:auto}.styles{order:4;flex:1;gap:5px}.styles button{min-width:0;flex:1;font-size:13px;gap:5px;padding:6px}.styles button span{font-size:9px}.output{order:5;grid-template-columns:15px 45px;gap:4px;align-self:center}.output input{width:45px}.output label{font-size:6px}.desk{grid-template-columns:1fr;overflow:visible}.collection{border-right:0;border-bottom:1px solid #455741;overflow:hidden;border-radius:7px 7px 0 0}.collection>.panel-heading{height:49px}.collection-filters{position:absolute;right:58px;margin-top:14px;border:0;padding:0;gap:1px}.collection-filters button{font-size:9px;min-height:22px;padding:4px 7px}.collection{position:relative}.sound-list{display:grid;grid-template-columns:1fr 1fr;max-height:195px}.sound-row{padding:7px 12px;gap:7px;border-right:1px solid #334831;height:49px}.sound-name{font-size:10px;max-width:100px}.sound-type{font-size:7px}.mini-wave,.mini-wave svg{width:32px}.library-foot{min-height:38px;padding:8px 15px}.library-foot button{font-size:8px}.arrangement-panel{border-radius:0 0 7px 7px;overflow:hidden}.arrangement-panel .panel-heading{height:54px;padding:0 13px}.arrangement-panel .panel-heading h2{font-size:12px}.arrangement-actions .evolve{font-size:8px;gap:5px!important;width:auto;min-height:25px;padding:5px 8px}.arrangement-actions .evolve .status-dot{height:4px;width:4px}.arrangement-actions .quiet{font-size:9px;gap:5px;padding:5px}.arrangement-actions .quiet svg{width:14px}.sequence-wrap{max-height:282px;margin:0 9px}.sequence-grid{min-width:470px}.chord-strip{padding:9px 13px;gap:9px}.chord-strip .eyebrow{font-size:6px;letter-spacing:.7px}.chord-strip #chords span{font-size:11px}.chord-strip #chords{gap:3px}#bar-position{font-size:7px}.macro-strip{min-height:105px;padding:15px 3px}.macro{padding:0 9px;gap:13px}.macro>span{flex-direction:column;font-size:9px;gap:4px}.macro output{font-size:7px}.macro small{display:none}.capture-tray{margin-top:15px;padding:20px 16px;gap:19px}.capture-copy{flex:0 0 100%;min-width:0}.capture-copy h2{font-size:15px}.capture-copy p{font-size:10px}.capture-icon{display:none}.capture-actions{flex:0 0 100%;min-width:0;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.capture-actions button{font-size:11px;min-height:39px}.capture-actions .record-button,.capture-actions .outlined{flex:1}.capture-actions .icon-button{flex:none}.input-source-row{flex-wrap:wrap;gap:8px}.input-source-label{flex:1;width:auto}.input-source-label select{font-size:16px}#mic-status{flex:0 0 100%;margin-top:2px}.input-meter{width:35px}.message-line{align-items:start;gap:10px;font-size:9px;padding:16px 1px}.private-note{font-size:0;gap:0;padding-top:4px}.private-note .status-dot{width:5px;height:5px}.inspector{padding:17px 15px}.inspector-header{gap:6px;flex-wrap:wrap}.inspector-title input{font-size:16px;width:155px}.sound-facts{order:3;width:100%;padding-top:10px}.sound-facts span{padding:5px 9px}.inspector-controls{gap:12px}.inspector-controls label{font-size:8px}.inspector-controls select{padding:8px;font-size:10px}.inspector-controls .sample-volume{max-width:100%;min-width:100px}.inspector-foot{align-items:start;flex-direction:column;font-size:8px;line-height:1.8}footer{padding:15px 0 20px;font-size:6px;letter-spacing:1px;gap:20px}footer>div{gap:4px;font-size:8px}footer button{font-size:8px;padding:3px}.empty-library{grid-column:1/3;padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#recovery{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}#recovery-summary{flex-basis:100%;color:var(--muted);font-size:11px;line-height:1.5}#recovery button{font-size:10px;padding:5px 8px;border:1px solid #657d56;min-height:28px}.status-area{min-width:0}.intro{min-height:150px;padding-top:30px;padding-bottom:28px}.intro h1{font-size:clamp(32px,3.4vw,48px)}#export-length{max-width:130px;font-size:10px;border:1px solid var(--line);padding:9px}.director{margin:18px 0;border:1px solid #495c48;background:#24392e;border-radius:7px;overflow:hidden}.director-top{display:flex;align-items:center;gap:24px;padding:20px 24px 16px}.director-top h2{margin:6px 0 0;font-family:Georgia,serif;font-size:26px;font-weight:400;white-space:nowrap}.director-top h2 span{font-family:ui-monospace,monospace;font-size:9px;color:#adbeaa;margin-left:12px;letter-spacing:.5px}.director-top p{flex:1;max-width:340px;font-size:11px;line-height:1.7;color:#b2c2af;margin:0}.director-actions{margin-left:auto;display:flex;gap:8px}#journey[aria-pressed=true]{color:var(--mint);background:#d0e6b40d}.section-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:0 24px 17px}.section-rail button{min-width:0;display:flex;justify-content:flex-start;padding:10px 13px;background:#182d25;border:1px solid #485a42;font-size:11px;border-radius:4px;position:relative}.section-rail button>span{color:#9bab96;font:8px ui-monospace,monospace;margin-right:4px}.section-rail button i{width:4px;height:4px;border-radius:50%;background:#63755a;margin-left:auto}.section-rail button[aria-pressed=true]{background:#d0e6b4;color:#223128;border-color:#d0e6b4;box-shadow:inset 0 -3px #99b482}.section-rail button[aria-pressed=true]>span{color:#526744}.section-rail button[aria-pressed=true] i{background:#354f32}.section-rail button.queued,#fill.queued{border-color:var(--apricot);color:var(--apricot)}.direction-macros{display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;border-top:1px solid #415440;padding:18px 10px}.direction-macros .macro{padding:0 20px}.next-chapter{border-left:1px solid #415440;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 23px}.next-chapter>span{font-size:11px;color:#dde6d2}.next-chapter small{font-size:9px;color:#a8baa3;line-height:1.6}.music-details{border-top:1px solid #415440}.music-details summary{cursor:pointer;padding:13px 24px;font-size:11px;color:#d4decb}.music-details summary span{float:right;font-size:9px;color:#a4b79f}.music-controls{padding:8px 24px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.music-controls label,.band-mixer label{display:flex;flex-direction:column;gap:10px;font-size:10px;color:#b7c6b0;min-width:0}.music-controls select{min-width:0;width:100%;background:#1b3027;border:1px solid #4b6045;padding:9px 10px;font-size:12px;min-height:38px}.band-mixer{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:25px;padding:0 24px 23px;align-items:center}.band-mixer label>span{display:flex;justify-content:space-between;gap:10px}.band-mixer output{font:8px ui-monospace,monospace;color:#e0e9d5}.band-mixer input{width:100%;margin:6px 0}.dub-throw{border-color:#677a5f;color:#d4e4c5;touch-action:none;-webkit-user-select:none;user-select:none}.dub-throw.active{background:var(--apricot);color:#282b23;transform:translateY(2px)}.chord-strip #chords span{display:inline-flex;align-items:center;justify-content:center;gap:9px}.chord-strip #chords small{font:8px ui-monospace,monospace;color:#a4b69a}.playground{margin-top:18px;border:1px solid #56664d;border-radius:7px;padding:23px 24px 18px;background:#2b3d2e;--part-color: #d0e6b4}.playground-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.playground-heading h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:7px 0 0}.pattern-history{display:flex;gap:6px}.pattern-history button{font-size:11px}.part-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.part-toolbar>label{display:flex;flex-direction:column;gap:7px;color:#b1c0a8;font-size:8px;letter-spacing:1.4px;flex:1;min-width:170px}.part-toolbar select{width:100%;max-width:260px;min-height:36px;border:1px solid #677b5d;background:#203428;font-size:12px;letter-spacing:0;padding:7px 10px}.part-toolbar .quiet{font-size:10px;padding:8px}.part-badge{border:1px solid #5b6a50;border-radius:20px;color:#b8c8ae;padding:6px 10px;font-size:8px}.part-badge.is-custom{background:#d0e6b412;border-color:var(--part-color);color:var(--part-color)}.bar-tabs{display:flex;align-items:center;border:1px solid #56694c;border-radius:4px;padding:3px;gap:3px}.bar-tabs button{min-height:30px;padding:5px 10px;font-size:10px;border-radius:2px;position:relative}.bar-tabs button[aria-pressed=true]{color:#233421;background:#cfdfb8}.bar-tabs .sounding-bar:after{content:"";height:3px;width:8px;position:absolute;bottom:2px;background:var(--apricot);border-radius:2px}.step-pads{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.step-pad{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:77px;padding:10px 2px 8px;background:#203427;border:1px solid #607453;border-bottom-width:4px;border-radius:5px;touch-action:manipulation;transition:background .1s,transform .08s,border-color .1s}.step-pad>span{color:#a2b598;font:8px ui-monospace,monospace}.step-pad i{display:block;height:6px;width:6px;background:#526a47;border-radius:50%}.step-pad small{height:9px;font:7px ui-monospace,monospace;color:#e4ebd9}.step-pad.downbeat{background:#2f4631;border-color:#82936b}.step-pad[aria-pressed=true]{background:var(--part-color);border-color:var(--part-color);box-shadow:inset 0 -3px #0002;color:#26352a}.step-pad[aria-pressed=true] span,.step-pad[aria-pressed=true] small{color:#26352a}.step-pad[aria-pressed=true] i{background:#344c32}.step-pad.playing-step{outline:2px solid #f4efd3;outline-offset:2px}.step-pad:active{transform:translateY(3px);border-bottom-width:1px}.step-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 18px;border-bottom:1px solid #536547;color:#b4c4a9;font-size:10px;line-height:1.6}.step-caption label{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.step-caption select{border:1px solid #607453;background:#203427;padding:5px 8px}.performance-row{display:flex;justify-content:space-between;gap:14px;margin:16px 0 13px}.keyboard-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.keyboard-controls button,.performance-row>button{font-size:10px}.keyboard-controls button[aria-pressed=true]{background:#d0e6b4;color:#24372c;border-color:#d0e6b4}#write-notes[aria-pressed=true]{background:var(--apricot);border-color:var(--apricot)}.check-control{display:inline-flex;gap:5px;align-items:center;font-size:10px;white-space:nowrap;color:#c5d2bb}.check-control input{accent-color:#c5dfaa}.octave-controls{display:flex;align-items:center;gap:7px}.octave-controls span{font:9px ui-monospace,monospace;color:#c5d2bb;min-width:44px;text-align:center}.octave-controls button{border:1px solid #5c7050;padding:4px 8px;min-height:30px}.play-keys{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;padding:10px;background:#172a21;border:1px solid #53674a;border-radius:5px;touch-action:none;-webkit-user-select:none;user-select:none}.piano-key{min-height:85px;padding:13px 5px 10px;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px;border:1px solid #b8c7a2;border-bottom-width:5px;background:#d4dec0;color:#2c4030;min-width:0;touch-action:none}.piano-key:hover{background:#e1e9d2}.piano-key span{font:10px ui-monospace,monospace;opacity:.65}.piano-key small{font-size:9px}.piano-key.black-key{min-height:65px;align-self:start;background:#3b5040;border-color:#526a50;color:#d5e3c7}.piano-key.pressed{background:var(--part-color);border-color:var(--part-color);color:#203326;transform:translateY(3px);border-bottom-width:2px}.midi-row{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.midi-row button{font-size:10px;padding:5px 7px}.midi-row label{display:flex;align-items:center;gap:8px;font-size:9px}.midi-row select{min-width:0;max-width:220px;padding:6px;background:#203427;border:1px solid #607453}#performance-status{color:#b7c7ac;font-size:9px;line-height:1.7;margin-left:auto;max-width:500px}@media(min-width:1500px){.director-top{padding-top:24px}.step-pad{min-height:90px}}@media(max-width:1000px){.director-top{gap:14px;flex-wrap:wrap}.director-top p{display:none}.section-rail{padding-left:18px;padding-right:18px}.section-rail button{padding:10px 8px;gap:5px}.direction-macros{grid-template-columns:repeat(3,1fr)}.next-chapter{grid-column:1 / -1;border-left:0;border-top:1px solid #415440;padding:12px 14px 0;margin:16px 8px 0;flex-direction:row;justify-content:space-between}.part-badge{order:4}.part-toolbar .quiet{order:5}.band-mixer{grid-template-columns:repeat(4,1fr);gap:18px}.dub-throw{grid-column:1 / -1}.playground{padding:20px 18px 15px}}@media(max-width:680px){.intro{min-height:140px;padding-top:27px;padding-bottom:24px}.intro h1{font-size:34px}.top-actions{gap:5px}.director-top{padding:17px 14px 14px;gap:15px}.director-top h2{font-size:24px}.director-top h2 span{font-size:8px}.director-actions{margin-left:0;width:100%;justify-content:space-between}.director-actions button{font-size:10px}.section-rail{grid-template-columns:repeat(3,1fr);padding:0 14px 15px;gap:6px}.section-rail button{min-height:39px;font-size:10px}.direction-macros .macro{padding:0 9px}.direction-macros .macro>span{font-size:10px}.direction-macros .macro small{display:flex;font-size:7px;margin-top:8px}.next-chapter{align-items:start;gap:12px}.next-chapter>span{font-size:10px}.next-chapter small{font-size:8px;text-align:right}.music-details summary{padding:13px 14px}.music-details summary span{font-size:8px}.music-controls{grid-template-columns:1fr;gap:12px;padding:7px 14px 18px}.music-controls label{display:grid;grid-template-columns:80px 1fr;align-items:center}.music-controls select{font-size:12px}.band-mixer{padding:0 14px 18px;grid-template-columns:repeat(2,1fr);gap:16px}.chord-strip #chords span{gap:4px;font-size:14px}.chord-strip #chords small{font-size:7px}.playground{padding:19px 14px 14px}.playground-heading{gap:10px;flex-wrap:wrap}.playground-heading h2{font-size:23px}.pattern-history{gap:2px}.pattern-history button{font-size:10px;padding:7px 9px}.part-toolbar{gap:10px}.part-toolbar>label{flex-basis:100%}.part-toolbar select{max-width:none;font-size:16px}.bar-tabs{flex:1}.bar-tabs button{flex:1;font-size:10px;padding:5px 7px;min-height:32px}.step-pads{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.step-pad{min-height:65px}.step-caption{align-items:start;font-size:9px}.step-caption select{font-size:16px;max-width:70px}.performance-row{flex-wrap:wrap;gap:7px}.keyboard-controls{gap:9px}.keyboard-controls button{min-height:36px}.play-keys{gap:3px;padding:6px}.piano-key{min-height:80px;padding:10px 1px;border-bottom-width:4px}.piano-key.black-key{min-height:60px}.piano-key small{font-size:7px}.piano-key span{font-size:8px}#performance-status{flex-basis:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){.step-pad,.piano-key,.dub-throw{transition:none}}@media(max-width:680px){.play-keys{grid-template-columns:repeat(12,minmax(42px,1fr));overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#778c63 #172a21}.play-keys .piano-key{touch-action:pan-x}.piano-key small{font-size:9px}.piano-key span{font-size:10px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-padding-top:110px}main{max-width:1480px;padding:0 28px}.topbar{height:66px;padding:0 28px;gap:18px}.brand{font-size:25px}.studio-caption{flex:1;color:var(--muted);font-size:11px}.top-actions{gap:14px}.project-menu{position:relative;z-index:50}.project-menu>summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:10px 14px;border:1px solid var(--line);border-radius:5px;font-size:12px}.project-menu>summary::-webkit-details-marker{display:none}.project-menu[open]>summary{background:#354c37}.project-popover{position:absolute;right:0;top:calc(100% + 8px);width:250px;display:grid;gap:8px;padding:14px;border:1px solid #65745c;border-radius:7px;background:#24372c;box-shadow:0 12px 35px #0006}.project-popover button{justify-content:flex-start;min-height:40px;font-size:12px}.project-popover #export span{display:inline}.export-options{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.export-options label{font-size:11px;white-space:nowrap;color:var(--muted)}.project-popover #export-length{min-width:0;width:100%;height:38px;font-size:12px}.transport{position:sticky;top:0;z-index:30;margin:0 -1px 16px;min-height:84px;padding:14px 18px;border-radius:0 0 7px 7px;background:#20352b;box-shadow:0 5px 16px #12221b44}.play-button{min-height:48px}.director{margin:0 0 18px;background:transparent}.director-top{padding:16px 18px;gap:20px}.jam-now{display:flex;align-items:center;gap:12px}.jam-now>.eyebrow{font-size:9px}.director-top h2{margin:0;font-size:22px;white-space:nowrap}.director-top h2 span{margin-left:8px;font-size:9px}.director-top .next-chapter{border:0;padding:0;margin:0 auto 0 0}.next-chapter>span{font-size:11px}.next-chapter small{font-size:9px}.director-actions{gap:8px}.director-actions button{min-height:36px;font-size:11px;padding:8px 10px}.music-details{border-top:1px solid var(--line)}.music-details>summary,.overview-details>summary{padding:13px 18px;cursor:pointer;color:#dce5d2;font-size:12px}.music-details>summary span{color:var(--muted);font-size:10px}.shape-content{padding:0 18px 18px;background:#253b2d}.shape-heading{display:flex;align-items:center;gap:16px;padding-top:12px}.shape-heading h3,.control-heading{font-size:12px;font-weight:600;letter-spacing:.2px}.shape-heading p{font-size:11px;color:var(--muted);flex:1}.shape-heading #journey{font-size:11px;min-height:38px}.section-rail{padding:10px 0 16px;gap:7px}.section-rail button{min-height:42px}.direction-macros{grid-template-columns:repeat(3,1fr);border:0;padding:4px 0 14px}.direction-macros .macro{padding:10px 18px}.direction-macros .macro:first-child{padding-left:0}.control-heading{color:var(--ink);margin:0;padding:16px 0 10px;border-top:1px solid var(--line)}.music-controls{padding:0 0 18px}.music-controls select{height:40px}.macro-strip{border:0;background:none;min-height:88px;padding:0 0 15px}.macro-strip .macro{padding:8px 15px}.macro-strip .macro:first-child{padding-left:0}.band-mixer{padding:4px 0 8px;border:0}.desk{grid-template-columns:250px minmax(0,1fr);gap:18px;border:0;background:none;align-items:start;overflow:visible}.collection{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#1d3228}.panel-heading{height:57px;padding:14px 16px}.panel-heading h2{font-size:14px}.collection-filters{padding:0 13px 10px}.sound-list{max-height:402px}.sound-row{height:49px;padding:0 14px}.sound-name{font-size:11px}.mini-wave,.mini-wave svg{width:54px}.library-foot{flex-wrap:wrap;padding:12px 14px;gap:8px}.instrument-stack{min-width:0}.playground{margin:0;padding:18px;background:#2b402e}.playground-heading{margin-bottom:16px;gap:10px}.playground-heading h2{font-family:inherit;font-size:17px;font-weight:600;margin:0}.pattern-history button{min-height:34px;padding:7px 10px;font-size:11px}.part-toolbar{gap:10px;margin-bottom:12px}.part-selection{display:flex;align-items:end;gap:7px;min-width:0}.part-selection>label{display:grid;gap:5px;color:var(--muted);font-size:10px;min-width:0}.part-toolbar select{width:200px;max-width:100%;height:38px;font-size:12px}.part-toolbar .quiet{min-height:34px;font-size:10px;padding:7px}.part-badge{font-size:9px;padding:6px 8px}.bar-tabs{margin-left:auto}.bar-tabs button{min-height:34px;padding:8px;font-size:10px}.step-pads{gap:5px}.step-pad{height:64px;min-height:64px;padding:6px 0}.step-pad small{font-size:8px}.step-caption{margin:10px 0 15px;min-height:28px}.step-caption>span{font-size:10px}.performance-row{padding-top:14px;margin-bottom:12px;gap:8px}.keyboard-controls{gap:10px}.keyboard-controls button,.performance-row>button{min-height:36px;font-size:10px;padding:7px 9px}.check-control{font-size:11px}.play-keys{padding:8px;gap:5px}.piano-key{height:76px;min-height:76px}.piano-key.black-key{height:59px;min-height:59px}.midi-row{margin-top:12px;gap:10px}.midi-row button{min-height:34px;font-size:11px}#performance-status{font-size:10px}.overview-details{border:1px solid var(--line);border-radius:6px;margin-top:12px;background:#1e3429}.overview-details>summary .subtle{margin-left:16px;font-size:10px}.arrangement-panel{border:0}.sequence-wrap{max-height:270px;margin:0 10px}.chord-strip{padding:12px 14px}.inspector{margin:12px 0 0;padding:18px}.inspector-controls{flex-wrap:wrap;gap:14px}.inspector-header .eyebrow{display:none}.inspector-foot{gap:12px}.capture-tray{margin-top:18px;padding:18px;min-height:0}.capture-copy h2{font-family:inherit;font-size:16px;font-weight:600}.capture-copy p{font-size:11px}.capture-icon{width:35px;height:35px}.input-source-row{margin-top:14px;padding-top:14px}.message-line{padding:14px 0;min-height:0}footer{padding:18px 0 24px}#inspector,#capture-tray,#help-panel{scroll-margin-top:110px}@media(max-width:1100px){.director-top{flex-wrap:wrap}.director-actions{margin-left:auto}.desk{grid-template-columns:215px minmax(0,1fr);gap:12px}.mini-wave,.mini-wave svg{width:42px}.part-toolbar{flex-wrap:wrap}.part-selection,.part-selection label{flex:1}.part-selection select{width:100%}.bar-tabs{margin-left:0}.step-pads{grid-template-columns:repeat(8,minmax(0,1fr))}.step-pad{height:54px;min-height:54px}.performance-row{flex-wrap:wrap}.play-keys{grid-template-columns:repeat(12,minmax(42px,1fr));overflow-x:auto;overscroll-behavior-x:contain}.play-keys .piano-key{touch-action:pan-x}.overview-details>summary .subtle{display:block;margin:6px 0 0 16px}}@media(max-width:760px){main{padding:0 16px}.topbar{padding:0 16px;height:58px}.studio-caption{display:none}.top-actions{margin-left:auto}.save-state{font-size:9px}.transport{gap:12px;padding:12px}.desk{grid-template-columns:minmax(0,1fr)}.collection{order:2}.sound-list{max-height:180px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sound-row{min-width:0;padding:0 12px}.sound-row:nth-child(odd){border-right:1px solid var(--line)}.sound-select{min-width:0}.sound-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mini-wave{display:flex}.library-foot{justify-content:space-between}.director-top{gap:12px;padding:12px}.director-top .next-chapter{margin-left:auto;text-align:right}.director-actions{width:100%;margin:0;justify-content:flex-start}.music-details>summary{padding:12px}.shape-content{padding:0 12px 12px}.shape-heading{flex-wrap:wrap;gap:8px}.shape-heading p{flex-basis:65%}.direction-macros .macro{padding:8px 12px}.direction-macros .macro small{font-size:8px}.macro-strip{flex-wrap:wrap}.band-mixer{grid-template-columns:repeat(2,1fr);gap:20px}.band-mixer .dub-throw{grid-column:1 / -1}#inspector,#capture-tray,#help-panel{scroll-margin-top:175px}html{scroll-padding-top:175px}}@media(max-width:480px){.save-state{display:none}.top-actions{gap:8px}.brand{font-size:23px}.transport{display:grid;grid-template-columns:1fr .7fr 1fr;gap:12px 10px}.transport .play-button{grid-column:1;width:100%;min-width:0;min-height:44px;padding:10px}.tempo{grid-column:2;border:0;padding:0}.key-control{grid-column:3;border:0;padding:0}.styles{grid-column:1 / -1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.styles button{min-width:0;min-height:36px;font-size:11px;padding:7px}.output{grid-column:1 / -1;grid-row:3;border:0;width:100%;padding:0;display:flex;gap:12px}.output .level-meter{width:60px}.output input{flex:1;width:auto}.jam-now{gap:8px}.director-top h2{font-size:19px}.director-top h2 span{font-size:8px;margin-left:4px}.director-top .next-chapter{flex-basis:100%;text-align:left}.next-chapter small{display:inline;margin-left:10px}.director-actions{gap:5px}.director-actions button{font-size:10px;padding:7px}.music-details>summary span{display:block;margin:5px 0 0 16px;font-size:9px}.section-rail{grid-template-columns:repeat(3,1fr)}.shape-heading p{margin:0}.direction-macros{grid-template-columns:1fr;gap:2px}.direction-macros .macro{padding:10px 0;border:0}.direction-macros .macro small{display:none}.music-controls{grid-template-columns:1fr;gap:12px}.macro-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:4px 0 18px}.macro-strip .macro{border:0;padding:0}.playground{padding:14px}.playground-heading{margin-bottom:12px}.playground-heading h2{font-size:16px}.pattern-history{gap:2px}.pattern-history button{padding:7px}.part-selection{flex-basis:100%}.part-toolbar .part-badge{margin-left:auto;order:3}.part-toolbar .bar-tabs{order:2}.part-toolbar #clear-part,.part-toolbar #free-part{order:4}.keyboard-controls,.step-caption{gap:8px}.step-caption>span{max-width:65%}.piano-key{min-height:76px}.capture-tray{padding:14px}.capture-copy{width:100%}.capture-actions{width:100%;justify-content:flex-start}.capture-actions button{min-height:42px}.input-source-row{gap:10px}.inspector-controls label{min-width:0}.sound-facts{gap:4px}.inspector-foot{flex-wrap:wrap}}summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}#add-top{min-height:38px;font-size:11px;padding:8px}@media(max-width:480px){#add-top{gap:4px;font-size:10px}}#add-top span{display:inline}.capture-first{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);align-items:center;gap:22px 40px;margin:20px 0 18px;padding:30px 32px 18px;background:linear-gradient(115deg,#2b4434,#21382c);border-color:#596d4f;position:relative}.capture-first .capture-copy{display:block}.capture-first .capture-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#bad1a8}.capture-first h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.1vw,42px);font-weight:400;letter-spacing:-1.3px;max-width:480px;line-height:1.1;margin:16px 0}.capture-first .capture-copy p{font-size:13px;line-height:1.7;max-width:380px}.capture-first .capture-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.record-surface{position:relative;width:100%;display:flex;justify-content:center}.capture-primary{display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:150px;width:280px;max-width:100%;padding:22px;border-radius:60px;background:#e8b593;color:#382d23;border:1px solid #f0c9a8;box-shadow:0 5px #9d785a,0 12px 30px #101e1550;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .1s,box-shadow .1s,background .15s}.capture-primary svg{width:29px;height:29px}.capture-primary>span{font-size:17px;font-weight:600}.capture-primary small{font-size:11px;font-weight:400;opacity:.8}.capture-primary:hover{background:#f1c6a6}.capture-primary:active,.capture-primary.recording{transform:translateY(4px);box-shadow:0 1px #9d785a,0 0 0 7px #e8b59316;background:#ed9d7b}.capture-primary:disabled{transform:none;opacity:.65}.capture-first #capture-timer{position:absolute;top:16px;right:8px;font-size:13px;color:#f3d0b3}.capture-first #input-meter{width:160px;height:5px;margin:1px 0 0}.capture-first #hold-hint{margin:4px 0 0;font-size:10px;color:#c5d2bc;max-width:300px;text-align:center;line-height:1.6}.capture-secondary{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px}.capture-secondary button{font-size:11px;min-height:36px}.capture-secondary #clear-sounds{color:var(--muted)}.capture-secondary #undo-clear{color:var(--mint)}.capture-first #record.recording{background:#704331;color:#ffe2cb;border:1px solid #b47b59}.capture-footer{grid-column:1 / -1;border-top:1px solid #53654a;padding-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:baseline}.capture-feedback{color:#c5d7b9;font-size:11px;flex:1}.input-settings{margin-left:auto}.input-settings>summary{font-size:11px;cursor:pointer;color:#c9d5c1;padding:4px 0}.input-settings[open]{width:100%}.input-settings[open]>summary{padding-bottom:10px}.capture-first .input-source-row{display:flex;flex-wrap:wrap;gap:12px;padding:14px;margin:0;background:#182e2480;border:1px solid var(--line);border-radius:5px}.capture-first .input-source-label{flex:1;max-width:360px;min-width:160px}.capture-first .input-source-label select{width:100%}.capture-first #mic-status{flex:1 1 300px;font-size:10px}.auto-jam-control{display:flex;align-items:center;gap:8px;width:100%;font-size:11px;color:#bdcdb5}.auto-jam-control input{accent-color:var(--mint)}.capture-first .message-line{grid-column:1 / -1;width:100%;padding:0;border:0;margin:-5px 0 0}.capture-first .private-note{font-size:9px}.capture-first .status-area{max-width:80%}.capture-first #status{font-size:10px;line-height:1.5}.capture-first.processing{border-color:#b1c29a}.transport{border-radius:6px;min-height:76px}.transport .styles{margin-left:20px}.transport .output{margin-left:auto}.song-tuning{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.song-tuning .tempo,.song-tuning .key-control{padding:0 20px 0 0}.studio-details{margin:16px 0 0;border:1px solid var(--line);border-radius:7px;background:#1c3227}.studio-details>summary{cursor:pointer;padding:17px 18px;font-size:13px;color:#e3ebd8}.studio-details>summary>span:last-child{float:right;font-size:10px;color:var(--muted);line-height:18px}.studio-details>.desk{margin:0;padding:0 16px 16px}.studio-details[open]>summary{margin-bottom:4px}.studio-details .playground{border-color:#465c40}#studio-details{scroll-margin-top:100px}@media(max-width:760px){.capture-first{grid-template-columns:1fr;padding:24px 20px 16px;gap:20px}.capture-first .capture-copy{text-align:center}.capture-first .capture-copy h1{font-size:32px;max-width:360px;margin:12px auto}.capture-first .capture-copy p{margin:0 auto;font-size:12px}.capture-first .capture-copy .eyebrow{font-size:8px}.capture-first .capture-actions{width:100%}.capture-primary{min-height:132px;width:260px}.capture-first #capture-timer{right:0;top:8px}.capture-footer{gap:12px}.capture-first .message-line{flex-wrap:wrap;gap:8px}.capture-first .status-area{max-width:100%}.capture-first .private-note{display:none}.capture-feedback{flex-basis:100%;text-align:center}.input-settings{margin:0 auto}.capture-first .input-source-row{padding:12px}.capture-first #release-mic{font-size:10px}.transport .styles{margin-left:0}.studio-details>.desk{padding:0 10px 10px}.studio-details>summary{padding:15px 12px}.studio-details>summary>span:last-child{font-size:9px}}@media(max-width:480px){.transport{grid-template-columns:1fr 1fr}.transport .play-button{grid-column:1;grid-row:1}.transport .output{grid-column:2;grid-row:1;margin:0;gap:8px}.transport .output .level-meter{width:25px}.transport .styles{grid-column:1 / -1;grid-row:2}.capture-first{margin-top:12px}.capture-primary>span{font-size:16px}.capture-first #hold-hint{max-width:265px}.capture-first #input-meter{width:140px}.capture-first .input-source-label{max-width:none;flex-basis:100%}.song-tuning .tempo,.song-tuning .key-control{grid-column:auto}.director-top .next-chapter{flex-basis:auto;text-align:left}.next-chapter small{display:block;margin:4px 0 0}}@media(prefers-reduced-motion:reduce){.capture-primary{transition:none}}.capture-feedback{min-width:0;flex:1 1 260px}.capture-feedback #status{font-size:11px}@media(max-width:760px){.capture-feedback{flex-basis:100%;text-align:center}}.capture-first #capture-timer{padding:5px 8px;border-radius:12px;background:#173024;border:1px solid #758768;color:#f0eddf;font-variant-numeric:tabular-nums}.production-note{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 18px}.legacy-starters{border-top:1px solid var(--line);padding-top:8px}.legacy-starters p{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 8px;max-width:220px}.inspector-foot>span{max-width:80%;line-height:1.6}@media(max-width:600px){.inspector-foot>span{max-width:100%}}.sound-provenance,#sound-treatment{display:block;overflow-wrap:anywhere}.sound-provenance{margin-top:6px}.stank-button{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:136px;min-height:50px;padding:8px 18px 10px;margin-right:16px;overflow:hidden;border:1px solid #d5b275;border-radius:9px;background:#caa566;color:#263021;box-shadow:0 3px #807548;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .1s,transform .1s,box-shadow .1s}.stank-button strong{font-size:15px;line-height:1;letter-spacing:2px}.stank-button>span{font-size:9px;line-height:1.3;white-space:nowrap}.stank-button>i{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#395039;transform:scaleX(0);transform-origin:left}.stank-button.held{background:#efd18e;box-shadow:0 1px #807548;transform:translateY(2px)}.stank-button.resolving{background:#d8c58c}.stank-button:disabled{opacity:.48;cursor:default}.stank-button:focus-visible{outline:2px solid #f0e4c9;outline-offset:5px}.transport .play-button{margin-right:14px}.transport .styles{margin-left:0}.space-controls{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;margin:16px 0 20px;padding-top:16px;border-top:1px solid var(--line)}.space-controls>label{min-width:0;font-size:11px;color:var(--muted)}.space-controls select{display:block;margin-top:9px;width:100%;min-width:0;height:38px;font-size:12px}.filter-control output{float:right;font-size:10px}.filter-control>input{display:block;width:100%;margin:16px 0 3px}.filter-control>span{display:flex;align-items:center;justify-content:space-between}.filter-control small{font-size:9px}.filter-control button{min-height:28px;padding:3px 10px;font-size:10px}.follow-input{display:flex;align-items:flex-start;gap:9px;margin:auto 0 auto auto;color:var(--ink);font-size:11px;line-height:1.5}.follow-input input{accent-color:var(--mint);margin:3px 0 0}.follow-input small{display:block;max-width:240px;margin-top:4px;color:var(--muted);font-size:10px}@media(max-width:900px){.transport{gap:12px;flex-wrap:wrap}.transport .play-button,.stank-button{margin-right:0}.transport .styles{order:3;flex-basis:100%;justify-content:center}.song-tuning{flex-wrap:wrap}.follow-input{margin-left:0;flex-basis:100%}.follow-input small{max-width:none}}@media(max-width:600px){.space-controls{grid-template-columns:1fr;gap:18px}}@media(max-width:480px){.transport{grid-template-columns:1fr 1fr 68px;gap:12px 10px}.transport .play-button{padding:8px 4px;font-size:11px}.stank-button{grid-column:2;grid-row:1;min-width:0;width:100%;min-height:46px;padding:7px 4px 9px}.stank-button strong{font-size:13px}.stank-button>span{font-size:8px}.transport .output{grid-column:3;grid-row:1;min-width:0;flex-direction:column;gap:5px}.transport .output .level-meter{display:none}.transport .output input{width:100%;min-width:0}.transport .output label{display:block;font-size:8px}}@media(prefers-reduced-motion:reduce){.stank-button{transition:none}}@media(max-width:620px){.sound-list{grid-template-columns:minmax(0,1fr)}.sound-row:nth-child(odd){border-right:0}}#app:has(.instrument-face)>.topbar{height:76px;max-width:1280px;margin:auto;padding:0 38px;border-color:#d0e6b419}#app:has(.instrument-face) main{max-width:1120px;margin:auto;padding:30px 38px 0}#app:has(.instrument-face) .studio-caption{display:none}#app:has(.instrument-face) .top-actions{gap:10px}#app:has(.instrument-face) #add-top{display:none}#app:has(.instrument-face) .save-state{font-size:10px}#app:has(.instrument-face) #play{min-width:110px;min-height:40px;height:40px;border:1px solid #a9b99b66;border-radius:22px;background:transparent;color:var(--mint);padding:10px 16px;font-size:12px}#app:has(.instrument-face) #play.playing{color:var(--ink);background:#354b3b}.instrument-face.capture-first{display:flex;flex-direction:column;gap:0;padding:0;margin:0;border:0;background:none;box-shadow:none;border-radius:0}.instrument-face.capture-first .capture-copy{display:block;padding:0 0 26px;text-align:center}.instrument-face.capture-first .capture-copy .eyebrow{font-size:9px;letter-spacing:2.2px;color:#b5c5a3}.instrument-face.capture-first h1{max-width:none;font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(28px,3.7vw,42px);line-height:1.15;letter-spacing:-1.2px;margin:10px 0}.instrument-face.capture-first .capture-copy p{max-width:none;color:#a9b7a5;font-size:12px;margin:0}#touch-pads{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-width:0}.performance-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;padding:18px 0 0}.instrument-face.capture-first .capture-actions{display:flex;flex-direction:column;justify-content:start;gap:0;min-width:0;padding:0}.instrument-face .record-surface{width:100%;position:relative}.instrument-face .capture-primary,.instrument-face .stank-button{width:100%;min-height:78px;height:78px;border-radius:16px;padding:14px 22px;position:relative;touch-action:none}.instrument-face .capture-primary{display:grid;grid-template-columns:28px auto;grid-template-rows:22px 18px;justify-content:center;column-gap:12px;row-gap:0;background:#d0e6b4;border:1px solid #e3f0cc;color:#253529;box-shadow:0 4px #8ba578,0 9px 18px #08140c33}.instrument-face .capture-primary svg{grid-row:1 / 3;width:23px;height:23px;align-self:center}.instrument-face .capture-primary>span{font-size:15px;letter-spacing:0}.instrument-face .capture-primary small{font-size:10px;color:#4b6147}.instrument-face .capture-primary:active,.instrument-face .capture-primary.recording{transform:translateY(3px);background:#e7af8b;box-shadow:0 1px #a77f63}.instrument-face .stank-button{background:#334a3d;border-color:#76886b;box-shadow:0 4px #0d1e17,0 9px 18px #08140c33;gap:4px}.instrument-face .stank-button strong{font-size:21px;letter-spacing:3px}.instrument-face .stank-button>span{font-size:10px;color:#b2c2a7}.instrument-face .stank-button.held{transform:translateY(3px);background:#9c7551;border-color:#e7af8b;box-shadow:0 1px #493a27}.instrument-face .stank-button.held>span{color:#f2e5d2}.instrument-face.capture-first #capture-timer{top:8px;right:12px;bottom:auto;color:#314430;background:transparent;font-size:10px}.instrument-face.capture-first #input-meter{width:80%;height:2px;margin:9px 0 0;background:transparent}.instrument-face.capture-first #hold-hint{min-height:15px;font-size:9px;margin:12px 0 0;line-height:1.5;color:#9bae98;text-align:center;width:100%}.instrument-face .capture-secondary{justify-content:center;margin:15px 0 0;gap:6px;width:100%}.instrument-face .capture-secondary button{border:0;min-height:34px;padding:7px 10px;font-size:11px;color:#b5c4ac}.instrument-face .capture-secondary #undo-touch,.instrument-face .capture-secondary #undo-clear{color:var(--mint);background:#d0e6b410}.instrument-face .capture-footer{display:grid;grid-template-columns:1fr auto;align-items:start;border-top:1px solid #b3c49c1f;margin:16px 0 0;padding:13px 0 0;gap:10px 20px;width:100%}.instrument-face .capture-feedback{min-height:0;width:100%}.instrument-face.capture-first #status{font-size:11px;line-height:1.6;color:#b2c3a7}.instrument-face .input-settings>summary{font-size:10px}.instrument-face .input-settings[open]{max-width:470px}.instrument-face .input-source-row{min-width:0}.settings-drawer{margin-top:22px;border-top:1px solid #b3c49c26}.settings-drawer>summary{display:flex;align-items:center;gap:12px;min-height:55px;font-size:12px;color:#c4d2ba;cursor:pointer;list-style:none}.settings-drawer>summary::-webkit-details-marker{display:none}.settings-drawer>summary:after{content:"+";margin-left:auto;font-size:18px;font-weight:300}.settings-drawer[open]>summary:after{content:"−"}.settings-drawer>summary small{color:#90a38d;font-size:10px}.settings-drawer>.transport{position:static;display:flex;padding:16px 0;background:none;box-shadow:none;border:0;gap:18px;min-height:0;margin:0}.settings-drawer .transport .styles{margin:0;flex:1}.settings-drawer .director{margin-top:0}.settings-drawer .studio-details{margin:0}#app:has(.instrument-face) main>footer{margin-top:6px;padding-top:15px;padding-bottom:20px;font-size:9px;border-color:#d0e6b414}@media(max-width:760px){#app:has(.instrument-face)>.topbar{padding:0 20px;height:65px}#app:has(.instrument-face) main{padding:23px 20px 0}#app:has(.instrument-face) .save-state{display:none}.instrument-face.capture-first .capture-copy{padding-bottom:22px}#touch-pads,.performance-row{gap:14px}.instrument-face .capture-primary,.instrument-face .stank-button{padding:12px}.instrument-face .capture-footer{grid-template-columns:1fr}.instrument-face .input-settings[open]{max-width:none}}@media(max-width:480px){#app:has(.instrument-face)>.topbar{padding:0 16px}#app:has(.instrument-face) main{padding:22px 16px 0}#app:has(.instrument-face) .brand{font-size:23px}#app:has(.instrument-face) #play{min-width:42px;padding:10px;width:42px;height:42px}#app:has(.instrument-face) #play span{display:none}.instrument-face.capture-first h1{font-size:29px;letter-spacing:-1px}.instrument-face.capture-first .capture-copy p{font-size:11px}#touch-pads,.performance-row{gap:12px}.instrument-face .capture-primary,.instrument-face .stank-button{min-height:76px;height:76px;border-radius:12px}.instrument-face .capture-primary{grid-template-columns:auto;column-gap:0}.instrument-face .capture-primary svg{display:none}.instrument-face .capture-primary>span{font-size:12px;white-space:normal}.instrument-face .capture-primary small{font-size:9px}.instrument-face .capture-secondary{margin-top:12px;gap:0}.instrument-face .capture-secondary button{font-size:10px;padding:7px}.settings-drawer>summary small{display:none}}.touch-pad{--pad-accent: #d0e6b4;--pad-tint: #c3e1a514;min-width:0}.touch-pad[data-pad="1"]{--pad-accent: #e3be99;--pad-tint: #e3be9914}.touch-pad-heading{display:flex;align-items:center;gap:10px;min-height:45px;padding:0 4px 10px;flex-wrap:wrap}.touch-pad-label{font-size:10px;color:#849c83;font-variant-numeric:tabular-nums;letter-spacing:1px}.touch-pad-heading label{flex:1}.touch-mode{font-size:18px;font-weight:500;letter-spacing:-.4px;color:var(--pad-accent);min-height:34px;width:110px;padding:3px 0}.touch-readout{font-size:10px;color:#acbda1;font-variant-numeric:tabular-nums;min-height:14px}.touch-pad-surface{position:relative;isolation:isolate;height:clamp(220px,27vw,315px);overflow:hidden;border:1px solid #b2c69b50;border-radius:24px;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;background-color:#223a2e;background-image:linear-gradient(#bacd9e0c 1px,transparent 1px),linear-gradient(90deg,#bacd9e0c 1px,transparent 1px);background-size:25% 25%;box-shadow:inset 0 2px 12px #081a124d,0 2px #b2c69b09;transition:border-color .12s,background-color .12s}.touch-pad-surface:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--pad-x) var(--pad-y),var(--pad-tint),transparent 65%)}.touch-pad[data-mode=space] .touch-pad-surface{background-color:#2b3c31}.touch-pad[data-mode=notes] .touch-pad-surface{background-size:calc(100% / 14) 25%}.touch-pad.is-active .touch-pad-surface{border-color:var(--pad-accent);background-color:#304939}.touch-pad-surface:focus-visible{outline:2px solid var(--pad-accent);outline-offset:5px}.touch-crosshair-x,.touch-crosshair-y{position:absolute;pointer-events:none;opacity:.25;background:var(--pad-accent)}.touch-crosshair-x{left:0;right:0;top:var(--pad-y);height:1px}.touch-crosshair-y{top:0;bottom:0;left:var(--pad-x);width:1px}.touch-puck{position:absolute;pointer-events:none;top:clamp(16px,var(--pad-y),calc(100% - 16px));left:clamp(16px,var(--pad-x),calc(100% - 16px));transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:1px solid var(--pad-accent);background:var(--pad-accent);box-shadow:0 0 0 7px #c2d5a70a,0 3px 7px #0c1d1370;opacity:.9}.touch-puck:after{content:"";position:absolute;inset:11px;background:#30442d;border-radius:50%}.touch-pad.is-active .touch-puck{box-shadow:0 0 0 12px #c2d5a714,0 0 0 25px #c2d5a707,0 3px 7px #0c1d1370}.touch-axis-x,.touch-axis-y{pointer-events:none;position:absolute;color:#bdcbb0;font-size:9px;letter-spacing:.2px;opacity:.8}.touch-axis-x{bottom:13px;left:0;width:100%;text-align:center}.touch-axis-y{left:13px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.touch-pad-hint{font-size:10px;color:#93aa90;margin:11px 4px 0;line-height:1.5;min-height:30px}.touch-sound-control{display:flex;align-items:center;gap:10px;font-size:10px;color:#94a68c;margin-top:9px}.touch-sound{min-width:0;flex:1;min-height:32px;border:1px solid #b2c69b30;padding:5px 8px;font-size:11px;color:var(--pad-accent)}.touch-pad.is-disabled .touch-pad-surface{cursor:default;border-color:#b2c69b28}.touch-pad.is-disabled .touch-puck{opacity:.4}#app:has(.instrument-face)>.topbar{position:sticky;top:0;z-index:30;background:#172724f5}@media(max-width:760px){.touch-pad-heading{gap:4px 8px}.touch-readout{flex-basis:100%;padding-left:23px;font-size:9px}.touch-pad-surface{height:240px;border-radius:18px}}@media(max-width:480px){.touch-pad-heading{min-height:58px;padding:0 2px 10px}.touch-mode{font-size:16px;width:95px}.touch-pad-surface{height:215px;border-radius:16px}.touch-axis-x{font-size:8px;letter-spacing:-.1px;bottom:12px}.touch-axis-y{font-size:8px;left:8px}.touch-pad-hint{font-size:9px;margin-top:9px;min-height:40px}.touch-readout{letter-spacing:-.2px;padding-left:0;font-size:8px}.touch-puck{width:24px;height:24px}.touch-puck:after{inset:9px}}#touch-pads,.performance-row{width:100%;max-width:880px}.instrument-face .stank-button{margin-right:0;color:#e2d5b8}.instrument-face .stank-button:disabled{opacity:.66}.instrument-face .stank-button>i{background:var(--apricot)}@media(min-width:761px)and (max-height:800px){#app:has(.instrument-face) main{padding-top:18px}.instrument-face.capture-first .capture-copy{padding-bottom:14px}.touch-pad-surface{height:240px}.touch-pad-hint{min-height:20px}}@media(prefers-reduced-motion:reduce){.touch-pad-surface,.instrument-face .stank-button,.instrument-face .capture-primary{transition:none}}.instrument-face.capture-first .capture-copy,.touch-pad-label{display:none}.instrument-face:not(.has-sounds) .touch-pad-hint{visibility:hidden}.music-moment{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%;max-width:880px;min-height:36px;margin:0 0 19px;color:#a9bba1;font-size:11px}#moment-harmony{color:#d4dfc6;font-size:15px;letter-spacing:-.2px}#moment-feel{text-align:right}.moment-beats{display:flex;align-items:center;gap:7px}.moment-beats i{width:5px;height:5px;border-radius:50%;background:#9ab38a35}.moment-beats i.current{background:#d0e6b4;box-shadow:0 0 0 3px #d0e6b412}.touch-pad-heading{padding-left:2px;padding-right:2px}.touch-readout{color:#b8c7ab;font-size:11px}.touch-pad-hint{min-height:18px;margin-top:9px}.touch-pad[data-mode=harmony] .touch-pad-surface{background-size:33.333% 50%}.touch-pad[data-mode=orbit] .touch-pad-surface{background-size:33.333% 25%}@media(max-width:760px){.touch-readout{padding-left:0}.music-moment{gap:10px;margin-bottom:13px}}@media(max-width:480px){.music-moment{font-size:9px;gap:8px}#moment-harmony{font-size:12px}.moment-beats{gap:5px}.touch-readout{font-size:10px;letter-spacing:0}.touch-pad-hint{min-height:26px}.touch-pad-heading{min-height:58px}}.touch-pad[data-mode=orbit].is-sounding .touch-puck{box-shadow:0 0 0 13px #c2d5a71b,0 0 0 26px #c2d5a70b,0 3px 7px #0c1d1370;opacity:1}.jam-controls{width:100%;max-width:880px;margin:0 0 24px;padding:16px 0 0;border-top:1px solid #b9cba32b}.jam-control-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.jam-style{display:grid;gap:5px;min-width:0}.jam-style>span{color:#aaba9f;font-size:9px;font-weight:600;letter-spacing:1.5px}.jam-style select{width:212px;max-width:100%;min-height:44px;padding:9px 12px;border:1px solid #adbf963b;border-radius:9px;background-color:#263b32;color:#e1e8d2;font-size:13px;cursor:pointer}.jam-actions{display:flex;gap:8px;align-self:end}.jam-actions button{min-height:44px;padding:10px 17px;border-radius:9px;border:1px solid #b0c0983d;color:#d5e1c5;background:#ffffff04;font-size:12px;transition:background .15s,border-color .15s,transform .12s,box-shadow .12s}.jam-actions button:hover:not(:disabled){background:#c8dfb016;border-color:#c8dfb06e}.jam-actions button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.jam-actions #remix{background:#d0e6b4;color:#203326;border-color:#d0e6b4;box-shadow:0 3px #7c9469;font-weight:650}.jam-actions #remix:hover:not(:disabled){background:#dfefcb}.jam-actions #fill.queued{color:#e7c69b;border-color:#e7c69b70;background:#e7c69b10}.jam-actions #evolve.off{border-color:#c7daa185;background:#c7daa116;color:#e2edcf}.jam-actions #evolve .status-dot{width:6px;height:6px;box-shadow:none}.jam-control-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding-top:6px}#jam-feedback{margin:0;color:#aebfa3;font-size:11px;line-height:1.5}.jam-controls.change-queued #jam-feedback{color:#e7c69b}#undo-jam{min-height:36px;padding:6px 0 6px 10px;color:var(--mint);font-size:11px}#undo-jam svg{width:14px;height:14px}.instrument-face:not(.has-sounds) .jam-controls{order:0}.music-moment{margin-bottom:12px}@media(max-width:600px){.jam-controls{margin-bottom:17px;padding-top:12px}.jam-control-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.jam-style{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.jam-style select{width:100%;font-size:12px}.jam-actions{display:grid;grid-template-columns:1.05fr .85fr 1.2fr;gap:7px}.jam-actions button{min-width:0;gap:6px;padding:9px 8px;font-size:11px}.jam-actions button svg{width:15px;height:15px}.jam-control-foot{min-height:43px;gap:7px}#jam-feedback{font-size:10px}#undo-jam{font-size:10px;gap:5px}.jam-controls:has(#undo-jam:not([hidden])) #jam-feedback{max-width:63%}}@media(prefers-reduced-motion:reduce){.jam-actions button{transition:none}}@media(pointer:coarse),(max-width:760px){#app:has(.instrument-face) #play{min-width:44px;min-height:44px;height:44px}#app:has(.instrument-face) .project-menu>summary,#app:has(.instrument-face) .project-popover button,.instrument-face .capture-secondary button,.instrument-face .input-source-row button,.instrument-face #refresh-inputs,#undo-jam{min-height:44px}.instrument-face .capture-secondary button{font-size:12px}.instrument-face .input-settings>summary{min-height:44px;padding-block:14px}.jam-style select,.instrument-face #mic-source,.project-popover #export-length{min-height:44px;height:44px;font-size:16px}}@media(prefers-reduced-motion:reduce){.touch-pad[data-mode=orbit].is-sounding .touch-puck{box-shadow:0 3px 7px #0c1d1370}}.instrument-face{overflow-anchor:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.instrument-face .performance-row{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);padding:0;align-items:stretch}.instrument-face .capture-primary,.instrument-face .stank-button{height:104px;min-height:104px;-webkit-touch-callout:none}.instrument-face .capture-primary{align-content:center;grid-template-rows:auto auto;row-gap:6px}.instrument-face .capture-primary>span{font-size:clamp(17px,2.3vw,23px);font-weight:700}.instrument-face .capture-primary small{font-size:12px}.instrument-face.capture-first #input-meter{position:absolute;bottom:10px;left:12%;width:76%;margin:0;pointer-events:none}.instrument-face .capture-actions{position:relative}.instrument-face.capture-first #hold-hint{display:flex;align-items:center;justify-content:center;min-height:68px;height:68px;margin:0;padding:8px 0;font-size:12px;line-height:1.4;color:#c1cfb7}.instrument-face.capture-first #hold-hint.error{color:#f0bf9e}.instrument-face .capture-volume{padding:16px 0 4px}.capture-volume .output{display:grid;grid-template-columns:auto minmax(80px,240px) 44px 42px;justify-content:center;gap:12px;margin:0;padding:0;border:0}.capture-volume .output label{font-size:12px}.capture-volume .output input{min-width:0;grid-column:2;grid-row:1;width:100%;min-height:32px;touch-action:none}.capture-volume .level-meter{width:100%;min-width:0;grid-column:4;grid-row:1}#master-value{grid-column:3;grid-row:1;font-size:12px;color:#d0e6b4;text-align:right;font-variant-numeric:tabular-nums}#capture-tip{margin:5px 0 0;text-align:center;font-size:11px;line-height:1.5;color:#a9bba1}.instrument-face .music-moment{margin-top:18px}@media(max-width:760px){.instrument-face .capture-primary,.instrument-face .stank-button{padding:12px 8px}.instrument-face .capture-primary{grid-template-columns:minmax(0,1fr)}.instrument-face .capture-primary svg{display:none}.instrument-face .capture-primary small{font-size:11px}.capture-volume .output{grid-template-columns:auto minmax(80px,1fr) 40px 32px;gap:9px}}:root:not([data-capture-phase=complete]) .capture-journey .capture-secondary{margin:8px 0 22px}:root:not([data-capture-phase=complete]) .capture-footer:not(:has(#status.error)):not(:has(#recovery:not([hidden]))){display:none}#full-instrument{visibility:hidden}:root[data-capture-phase=revealing] #full-instrument,:root[data-capture-phase=complete] #full-instrument{visibility:visible}#full-instrument>div>.journey-reveal-target{margin-top:18px}#full-instrument #settings-drawer{width:100%}#journey-visual[data-disabled=true]{height:0;margin:0;overflow:hidden}#capture-journey #hold-hint[hidden],#capture-journey .capture-volume[hidden],.top-actions #play[hidden]{display:none!important}#full-instrument{overflow:hidden;contain:paint}:root[data-capture-phase=complete] #full-instrument{overflow:visible;contain:none}#capture-journey .performance-row{grid-template-columns:minmax(0,1fr) minmax(0,0fr);column-gap:0;transition:grid-template-columns 1.2s cubic-bezier(.2,.7,.2,1),column-gap 1.2s cubic-bezier(.2,.7,.2,1)}#capture-journey #stank{min-width:0;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .8s ease}#capture-journey .capture-primary{border-radius:52px;transition:border-radius 1.2s cubic-bezier(.2,.7,.2,1)}#capture-journey:is([data-phase=revealing],[data-phase=complete]) .performance-row{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:22px}#capture-journey:is([data-phase=revealing],[data-phase=complete]) #stank{visibility:visible;opacity:1}#capture-journey:is([data-phase=revealing],[data-phase=complete]) .capture-primary{border-radius:16px}@media(max-width:760px){#capture-journey:is([data-phase=revealing],[data-phase=complete]) .performance-row{column-gap:12px}}#capture-journey:not([data-phase=revealing]):not([data-phase=complete]) #stank{padding-inline:0;border-inline-width:0}#capture-journey #stank{transition:opacity .8s ease,padding-inline 1.2s cubic-bezier(.2,.7,.2,1),border-inline-width 1.2s cubic-bezier(.2,.7,.2,1)}#capture-journey:is([data-phase=revealing],[data-phase=complete]) .capture-journey-controls>.capture-secondary{min-height:44px}.record-mode{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:var(--muted);font-size:12px;cursor:pointer}.record-mode input{width:16px;height:16px;margin:0;accent-color:var(--mint)}.record-mode:has(input:disabled){cursor:default;opacity:.6}#touch-pads{grid-template-columns:repeat(2,minmax(0,1fr))}#touch-pads .touch-pad-heading{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1fr);align-items:end;gap:12px;min-height:0;padding:0 0 12px}#touch-pads .touch-mode-control{display:block;min-width:0}#touch-pads .touch-mode-action{display:block;margin:0 0 6px 2px;color:#b4c3ad;font-size:11px;line-height:1.2}#touch-pads .touch-mode{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #b2c69b66;border-radius:10px;color:var(--pad-accent);background-color:#304437;font-size:17px;font-weight:600;letter-spacing:-.25px;box-shadow:inset 0 1px #e5efd00b,0 2px #0c1c1340}#touch-pads .touch-mode:hover,#touch-pads .touch-sound:hover{border-color:var(--pad-accent);background-color:#354b3c}#touch-pads .touch-mode:focus-visible,#touch-pads .touch-sound:focus-visible{outline-color:var(--pad-accent);outline-offset:3px}#touch-pads .touch-mode optgroup{background:#24362b;color:#d8e3cd}#touch-pads .touch-readout{padding:0 2px 12px 0;min-width:0;min-height:0;color:#cad7bf;font-size:12px;line-height:1.4;text-align:right;overflow-wrap:anywhere}#touch-pads .touch-axis-x,#touch-pads .touch-axis-y{color:#d5dfca;font-size:12px;line-height:1.35;font-weight:500;letter-spacing:0;opacity:1;text-shadow:0 1px 3px #102319}#touch-pads .touch-axis-x{bottom:14px;padding:0 8px}#touch-pads .touch-axis-y{left:12px}#touch-pads .touch-puck{width:36px;height:36px;top:clamp(20px,var(--pad-y),calc(100% - 20px));left:clamp(20px,var(--pad-x),calc(100% - 20px));border:2px solid #ecf3d754;box-shadow:inset 0 2px 1px #ffffff40,0 4px 8px #0c1d1380,0 0 0 6px #c2d5a70c;opacity:1}#touch-pads .touch-puck:after{inset:12px}#touch-pads .touch-pad.is-active .touch-puck{box-shadow:inset 0 1px 3px #203a2540,0 1px 3px #0c1d1380,0 0 0 10px #c2d5a71a}#touch-pads .touch-pad.is-sounding .touch-puck{box-shadow:inset 0 1px 2px #ffffff40,0 2px 6px #0c1d1380,0 0 0 13px #c2d5a727}#touch-pads .touch-pad.is-disabled .touch-puck{opacity:.4}#touch-pads .touch-pad-hint{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin:12px 2px 0;min-height:18px;color:#b8c9ae;font-size:12px;line-height:1.45}.instrument-face.has-sounds #touch-pads .touch-pad-hint{visibility:visible}#touch-pads .touch-pad-gesture{color:var(--pad-accent);white-space:nowrap}#touch-pads .touch-sound-control{gap:7px;margin-top:10px;font-size:11px;color:#b8c9ae}#touch-pads .touch-sound{min-height:40px;font-size:12px;border-radius:7px;background-color:#24382d}@media(max-width:760px){#touch-pads .touch-pad-heading{grid-template-columns:minmax(0,1fr);gap:8px}#touch-pads .touch-readout{min-height:17px;padding:0 2px;text-align:left;font-size:11px}#touch-pads .touch-pad-hint{display:grid;gap:2px;min-height:37px;font-size:11px}}@media(max-width:480px){#touch-pads .touch-mode{padding:8px 2px 8px 6px;font-size:16px}#touch-pads .touch-mode-action{font-size:10px}#touch-pads .touch-axis-x,#touch-pads .touch-axis-y{font-size:10.5px}#touch-pads .touch-axis-y{left:9px}#touch-pads .touch-puck{width:32px;height:32px}#touch-pads .touch-puck:after{inset:10px}#touch-pads .touch-sound-control{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}#touch-pads .touch-sound{width:100%}}@media(pointer:coarse),(max-width:760px){#touch-pads .touch-mode,#touch-pads .touch-sound{min-height:44px;height:44px;font-size:16px}}@media(prefers-reduced-motion:reduce){#touch-pads .touch-mode,#touch-pads .touch-sound,#touch-pads .touch-pad-surface,#touch-pads .touch-puck{transition:none;animation:none}#touch-pads .touch-pad.is-sounding .touch-puck{box-shadow:inset 0 1px 2px #ffffff40,0 2px 6px #0c1d1380}}#touch-pads .touch-live-controls{display:flex;align-items:center;gap:10px;margin-top:9px;min-height:38px}#touch-pads .touch-latch{min-width:65px;min-height:36px;border:1px solid #a4bd9455;background:#23382c;color:var(--pad-accent);border-radius:7px}#touch-pads .touch-latch[aria-pressed=true]{background:var(--pad-accent);color:#17291d}#touch-pads .touch-latch-hint{font-size:11px;line-height:1.4;color:#b6c5ac}#touch-pads .touch-patterns{margin-top:8px;border-top:1px solid #a4bd9433;padding-top:8px;font-size:12px}#touch-pads .touch-patterns>summary{cursor:pointer;color:var(--pad-accent);padding:5px 0}#touch-pads .touch-pattern-summary{color:#b6c5ac;margin-left:6px;font-size:11px}#touch-pads .touch-pattern-fields{display:grid;gap:10px;margin-top:12px}#touch-pads .touch-pattern-fields label{display:grid;gap:5px;min-width:0;color:#b6c5ac}#touch-pads .touch-pattern-fields select{width:100%;min-width:0;background:#24382d;font-size:13px;min-height:38px}#touch-pads .touch-pattern-description{margin:0;line-height:1.5;color:#c4d2b9}#touch-pads .touch-pattern-actions{display:flex;flex-wrap:wrap;gap:6px}#touch-pads .touch-pattern-actions button{font-size:12px;min-height:36px}#touch-pads .touch-keep-hint{color:#b6c5ac;line-height:1.5}#touch-pads .is-latched .touch-pad-surface{border-color:var(--pad-accent)}#touch-pads .touch-surface-action{position:absolute;top:16px;left:12px;right:12px;text-align:center;color:#d1dec7;font-size:11px;line-height:1.4;pointer-events:none}#touch-pads .is-active .touch-surface-action{color:var(--pad-accent)}#touch-pads .touch-effect-control{display:flex;align-items:end;gap:6px;margin-top:10px}#touch-pads .touch-effect-control label{display:grid;flex:1;min-width:0;gap:5px;color:#b8c9ae;font-size:11px}#touch-pads .touch-effect{width:100%;min-width:0;min-height:40px;border-radius:7px;background:#24382d;font-size:12px}#touch-pads .touch-dry{min-width:44px;min-height:40px;padding:6px;color:var(--pad-accent);border-radius:7px;border:1px solid #a4bd9455;background:#23382c;font-size:12px}#touch-pads .touch-play-tip{min-height:32px;margin:8px 2px 0;color:#b8c9ae;font-size:11px;line-height:1.45}@media(pointer:coarse),(max-width:760px){#touch-pads .touch-effect,#touch-pads .touch-dry{min-height:44px}#touch-pads .touch-effect{font-size:16px}}@media(max-width:480px){#touch-pads .touch-effect{padding-left:5px;padding-right:0}#touch-pads .touch-surface-action{font-size:10px}}.performance-details{margin-top:14px;border-top:1px solid #a4bd9433;padding:12px 0 0}.performance-details>summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;color:#d4dfc7;cursor:pointer;min-height:32px;font-size:14px}.performance-details>summary>span:before{content:"+ ";color:#a5b891}.performance-details[open]>summary>span:before{content:"− "}.performance-details>summary small{color:#b6c5ac;font-size:11px}#performance-panel{margin-top:14px}@media(pointer:coarse),(max-width:760px){#touch-pads .touch-pattern-fields select,#touch-pads .touch-latch,#touch-pads .touch-pattern-actions button,#touch-pads .touch-patterns>summary{min-height:44px}#touch-pads .touch-pattern-fields select{font-size:16px}#touch-pads .touch-live-controls{flex-wrap:wrap;gap:5px}}#touch-pads .touch-readout{min-height:34px;max-height:34px;overflow:hidden}#touch-pads .touch-pad-surface{-webkit-user-select:none;-webkit-touch-callout:none}@media(max-width:760px){#touch-pads .touch-pad-surface{height:clamp(180px,26svh,240px);min-height:180px}}#touch-pads .touch-quick-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}#touch-pads .touch-quick-controls[hidden],#touch-pads .touch-quick-field[hidden]{display:none}#touch-pads .touch-quick-field{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end;gap:5px;min-width:0;margin:0}#touch-pads .touch-quick-field label{display:grid;gap:5px;min-width:0;color:#b8c9ae;font-size:11px}#touch-pads .touch-quick-field select{width:100%;min-width:0;height:40px;padding:6px 7px;border-radius:7px;background:#24382d;color:#d4dfc7;font-size:12px}#touch-pads .touch-effect-control{grid-column:1 / -1}#touch-pads .touch-field-shuffle,#touch-pads .touch-roll{min-height:40px;border:1px solid #a4bd9455;border-radius:7px;background:#23382c;color:var(--pad-accent)}#touch-pads .touch-field-shuffle{width:40px;padding:5px;font-size:20px;line-height:1}#touch-pads .touch-field-shuffle:hover,#touch-pads .touch-roll:hover{border-color:var(--pad-accent);background:#354b3c}#touch-pads .touch-live-controls{flex-wrap:wrap;gap:6px;align-items:center}#touch-pads .touch-live-controls button{min-height:44px;padding:7px 10px;font-size:12px}#touch-pads .touch-live-controls .touch-arp-toggle,#touch-pads .touch-live-controls .touch-gate-toggle{min-width:62px;padding-inline:7px;border:1px solid #a4bd9455;border-radius:7px;background:#23382c;color:#bccab2}#touch-pads .touch-arp-toggle[aria-pressed=true],#touch-pads .touch-gate-toggle[aria-pressed=true]{border-color:var(--pad-accent);background:#41563a;color:#eff4df}#touch-pads .touch-arp-toggle:hover,#touch-pads .touch-gate-toggle:hover{border-color:var(--pad-accent)}#touch-pads .touch-live-controls .touch-undo-roll{color:var(--pad-accent);padding-left:0;padding-right:0}#touch-pads .touch-live-controls .touch-latch-hint{flex-basis:100%}#touch-pads .touch-patterns>summary{font-size:11px}@media(pointer:coarse),(max-width:760px){#touch-pads .touch-quick-controls{grid-template-columns:minmax(0,1fr);gap:8px}#touch-pads .touch-quick-field{grid-template-columns:minmax(0,1fr) 44px}#touch-pads .touch-quick-field select{height:44px;min-height:44px;padding-left:5px;padding-right:0;font-size:16px}#touch-pads .touch-field-shuffle{width:44px;min-height:44px}#touch-pads .touch-live-controls button{min-height:44px}}.instrument-face.capture-first #mic-feedback{position:absolute;bottom:6px;left:10%;width:80%;height:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:#30482d;pointer-events:none}.instrument-face.capture-first #mic-feedback[hidden]{display:none}#mic-state{font-size:10px;line-height:16px;white-space:nowrap;font-weight:600}.instrument-face.capture-first #mic-feedback #input-meter{position:static;flex:0 1 76px;min-width:24px;width:76px;height:6px;margin:0;border:1px solid #5a744b;border-radius:4px;background:#9fb987;overflow:hidden}#mic-feedback #input-meter i{background:#264b30;transition:transform 80ms linear}.instrument-face.capture-first #mic-feedback[data-state=silent]{color:#764028}@media(prefers-reduced-motion:reduce){#mic-feedback #input-meter i{transition:none}}.instrument-face .capture-tools{width:100%;max-width:880px;margin:0 auto 10px}.instrument-face .capture-tools .input-settings,.instrument-face .capture-tools .input-settings[open]{width:100%;max-width:none;margin:0}.instrument-face .capture-tools .input-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;min-height:44px;padding:8px 12px;color:var(--mint);border:1px solid #b3c49c45;border-radius:8px;font-size:12px;font-weight:600;list-style:none}.capture-tools .input-settings>summary::-webkit-details-marker{display:none}.capture-tools .input-settings[open]>summary>span{transform:rotate(180deg)}.instrument-face .capture-tools .input-source-row{margin-top:8px;padding:16px;gap:12px;background:#24382d;border-radius:10px;align-items:end}.input-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.input-panel-heading #input-summary{min-width:0;overflow-wrap:anywhere;color:#c6d6bb;font-size:12px}.instrument-face .capture-tools button,.instrument-face .capture-tools select{min-height:44px}.instrument-face .capture-tools #close-input-settings{flex-shrink:0;padding:8px 14px}.instrument-face .capture-tools .input-source-label{max-width:none}.instrument-face .capture-tools #mic-status,.capture-tools .input-routing{flex:1 1 100%;margin:0;color:#bdcdb2;font-size:12px;line-height:1.5}.instrument-face .capture-tools #mic-status.input-warning{color:#f3c4a1}.capture-tools .auto-jam-control{min-height:44px}.capture-tools summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.topbar .top-actions #options-menu{position:relative;flex:0 0 auto;z-index:51}#options-menu>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:12px;line-height:1.2;cursor:pointer;list-style:none;white-space:nowrap}#options-menu>summary::-webkit-details-marker{display:none}#options-menu>summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}#options-menu[open]>summary{background:#354c37}#options-menu .options-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(312px,calc(100vw - 24px));max-height:calc(100vh - 92px);max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:12px;padding:14px;border:1px solid #65745c;border-radius:9px;background:#24372c;box-shadow:0 10px 24px #0005}#options-menu .options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#options-menu h2,#options-menu h3{margin:0;color:var(--ink);font-size:13px;font-weight:600}#options-menu .options-popover button{min-height:44px;font-size:12px}#options-menu #options-close{padding-inline:10px}#options-menu #options-microphone{justify-content:flex-start;white-space:normal;text-align:left}#options-menu .options-display{display:grid;gap:8px;min-width:0;padding-top:14px;border-top:1px solid var(--line)}#options-menu .options-recording{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}#options-menu #foundation-record{justify-content:flex-start;text-align:left;border-radius:6px}#options-menu .options-display h3{margin-bottom:3px}#options-menu label{color:#cfddc3;font-size:12px}#options-menu select{display:block;width:100%;min-width:0;min-height:44px;height:44px;padding:8px 10px;border:1px solid #8ca47b73;border-radius:6px;background-color:#304437;color:var(--ink);font-size:16px}#options-menu p{margin:0;font-size:11px;line-height:1.5;color:#afc0a4}#options-menu #visual-quality-status{margin-bottom:8px;color:#d1dfc5}#options-menu .options-footnote{padding-top:2px}@media(max-width:760px),(pointer:coarse){#options-menu>summary{min-height:44px}}@media(max-width:760px){#app:has(.instrument-face)>.topbar{gap:10px;padding-inline:14px}#app:has(.instrument-face) .topbar .top-actions{gap:6px;min-width:0}#app:has(.instrument-face) .topbar #project-menu>summary,#app:has(.instrument-face) .topbar #options-menu>summary{gap:6px;padding-inline:9px;font-size:12px}}@media(max-width:480px){#app:has(.instrument-face)>.topbar{gap:8px;padding-inline:12px}#app:has(.instrument-face) .topbar .brand{flex:0 0 auto;gap:6px;font-size:20px}#app:has(.instrument-face) .topbar .brand-mark{width:20px;gap:2px}#app:has(.instrument-face) .topbar .top-actions{gap:5px}#app:has(.instrument-face) .topbar #project-menu>summary,#app:has(.instrument-face) .topbar #options-menu>summary{gap:5px;padding-inline:8px;font-size:11px}#app:has(.instrument-face) .topbar #play{flex:0 0 44px;min-width:44px;width:44px;padding-inline:8px}}html[data-pad-layout=stacked] #touch-pads{grid-template-columns:minmax(0,1fr);max-width:680px;margin-inline:auto}html[data-pad-layout=stacked] #touch-pads .touch-pad-surface{height:clamp(200px,28svh,280px);min-height:200px}html[data-visuals=reduced] body{background-image:none}html[data-visuals=reduced] #app :is(.instrument-face,.instrument-face *,.first-jam,.first-jam *,.options-popover,.options-popover *,.project-popover,.project-popover *){animation:none!important;transition:none!important;scroll-behavior:auto}html[data-visuals=reduced] #app #touch-pads .touch-pad-surface:before{background:none}html[data-visuals=reduced] #app :is(.touch-pad-surface,.touch-puck,.capture-primary,.stank-button,.input-settings,.project-popover,.options-popover){box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-visuals=reduced] #app #touch-pads .touch-puck{box-shadow:none}#capture-journey[data-phase=complete]{position:relative}#capture-journey[data-phase=complete] .capture-journey-visual{position:absolute;right:max(0px,calc((100% - 880px)/2));top:-20px;width:100px;height:70px;margin:0;pointer-events:none}#capture-journey[data-phase=complete] .performance-row{margin-inline:auto}#capture-journey[data-phase=complete] .capture-primary,#capture-journey[data-phase=complete] .stank-button{min-height:80px;height:80px}#capture-journey[data-phase=complete] .capture-primary{padding:8px 12px 26px;row-gap:3px}#capture-journey[data-phase=complete] #hold-hint{min-height:44px;height:44px}#capture-journey[data-phase=complete] .capture-volume{padding-top:4px}#capture-journey[data-phase=complete] .capture-secondary{margin-block:0}.instrument-face #full-instrument>div>.journey-reveal-target{width:100%;max-width:880px;margin-inline:auto}#full-instrument>div>#jam-keyboard-controls,#full-instrument>div>#touch-pads{margin-top:8px}.jam-surface-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 12px;padding:12px 0;border-bottom:1px solid #b5c6a624}.quick-harmony{min-width:0;flex:1;max-width:660px}.quick-harmony>label{display:block;color:#cedac3;font-size:12px;margin-bottom:6px}.quick-harmony>div{display:flex;align-items:center;gap:8px}.quick-harmony select{flex:1;min-width:0;max-width:360px;min-height:44px;height:44px;color:#e3ead9;background:#263b2e;border:1px solid #a8bf9255;border-radius:8px;padding:8px 10px;font-size:15px}.quick-harmony small{display:block;color:#aabb9f;margin-top:6px;font-size:11px;line-height:1.4}.quick-harmony button,.jam-clear-actions button{min-height:44px;white-space:nowrap}.jam-clear-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.clear-sounds-action{color:#e1b69e;border-color:#d3a88b66}.clear-sounds-action svg{width:16px;height:16px}#touch-pads .touch-explore{margin-top:10px;border-top:1px solid #b5c6a624}#touch-pads .touch-explore>summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--pad-accent);font-size:12px;list-style:none}#touch-pads .touch-explore>summary:before{content:"+";font-size:18px;font-weight:400}#touch-pads .touch-explore[open]>summary:before{content:"−"}#touch-pads .touch-explore>summary span{color:#aabb9f;font-size:11px;margin-left:auto}#touch-pads .touch-explore .touch-quick-controls{margin-top:0}#touch-pads .touch-explore .touch-patterns{margin-bottom:8px}#touch-pads .touch-latch-hint{flex-basis:100%}@media(max-width:600px){.jam-surface-tools{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:6px 8px;align-items:center;padding-block:8px}.quick-harmony{display:contents}.quick-harmony>label{margin:0;grid-column:1}.quick-harmony select{font-size:16px}.quick-harmony>div{grid-column:1;gap:5px}.quick-harmony select{max-width:none}.quick-harmony small{grid-column:1 / -1;min-height:0;margin-top:0}.jam-clear-actions{grid-column:2;grid-row:1 / 3;width:auto;justify-content:flex-end}.jam-clear-actions button{padding-inline:10px}.clear-sounds-action svg{display:none}#next-progression{min-width:44px;padding-inline:8px;font-size:20px}#next-progression .next-progression-label{display:none}#full-instrument>div>.jam-surface-tools{margin-top:6px}#jam-keyboard-controls .jam-keys-row{padding-block:4px;gap:4px 8px}#touch-pads .touch-pad-heading{row-gap:4px;padding-bottom:8px}#touch-pads .touch-readout{min-height:18px;max-height:18px}#touch-pads .touch-explore>summary{flex-wrap:wrap;gap:4px}#touch-pads .touch-explore>summary span{display:none}}.jam-keys-row select,.jam-hit-map select,.touch-fx select{height:44px}#touch-pads .touch-source-tip{margin:8px 0 0;color:#bdcdb2;font-size:11px;line-height:1.45}.quick-harmony .section-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;width:100%}.section-shortcut{border:1px solid #b8cda34a;border-radius:20px;background:transparent;color:#dce8ce;padding:8px 14px;min-height:44px;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.section-shortcut[aria-pressed=true]{color:#20362b;background:#d3e5b5;border-color:#d3e5b5}.section-shortcut.queued{border-style:dashed}.quick-harmony .sections-hint{font-size:11px;line-height:1.45;color:#aabb9f;margin:6px 0 0}#section-shortcuts [hidden]{display:none}#full-instrument .capture-volume{margin:8px auto 12px;padding-top:0}#full-instrument .capture-volume #capture-tip{margin-bottom:4px}@media(max-width:600px){.quick-harmony .section-shortcuts,.quick-harmony .sections-hint{grid-column:1 / -1}.quick-harmony .section-shortcuts{margin-top:5px}}@media(max-width:600px){#quick-progression-hint{display:none}#full-instrument>div>#jam-keyboard-controls{margin-top:4px}#full-instrument>div>.jam-surface-tools{margin-top:0;padding-block:4px}}.capture-journey{--journey-reveal-duration: 1.2s;--journey-scene-height: clamp(170px, 30svh, 260px);display:grid;justify-items:center;width:100%;min-width:0;color:var(--ink, #eeeede)}.capture-journey [hidden]{display:none!important}.capture-journey-intro{display:grid;grid-template-rows:1fr;width:100%;text-align:center;transition:grid-template-rows var(--journey-reveal-duration) cubic-bezier(.2,.7,.2,1),opacity .7s ease}.capture-journey-intro-content{min-height:0;overflow:hidden}.capture-journey #journey-title{margin:22px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5.8vw,58px);font-weight:400;line-height:1.08;letter-spacing:-1.7px}.capture-journey-instruction{display:flex;align-items:center;justify-content:center;max-width:54ch;min-height:3.2em;margin:0 auto;color:#becbb7;font-size:15px;line-height:1.6;text-wrap:pretty}.capture-journey-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,490px);gap:0;margin:0;padding:0;list-style:none}.capture-journey-progress li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#a9b7a5;font-size:12px}.capture-journey-progress li:not(:last-child):after{position:absolute;top:9px;left:calc(50% + 16px);width:calc(100% - 32px);height:1px;background:#82917759;content:""}.capture-journey-step{display:grid;place-items:center;width:19px;height:19px;flex:0 0 auto;border:1px solid #718665;border-radius:50%;font-size:10px;font-variant-numeric:tabular-nums}.capture-journey-progress li[aria-current]{color:#e1ebcf}.capture-journey-progress li[aria-current] .capture-journey-step{border-color:var(--mint, #d0e6b4);background:var(--mint, #d0e6b4);color:#253529}.capture-journey-progress li.is-complete{color:var(--mint, #d0e6b4)}.capture-journey-progress li.is-complete .capture-journey-step{border-color:var(--mint, #d0e6b4);background:var(--mint, #d0e6b4);color:#253529}.capture-journey-visual{width:100%;min-width:0;height:var(--journey-scene-height);margin:10px 0 8px;transition:height var(--journey-reveal-duration) cubic-bezier(.2,.7,.2,1)}.capture-journey-controls{width:100%;max-width:450px;min-width:0;transition:max-width var(--journey-reveal-duration) cubic-bezier(.2,.7,.2,1)}.capture-journey:not([data-phase=complete]) .capture-journey-controls .performance-row{grid-template-columns:minmax(0,1fr)}.capture-journey-controls .capture-tools{width:100%}.capture-journey:not([data-phase=complete]) .capture-tools .input-settings>summary{margin-right:auto;margin-left:auto;border-radius:999px}.capture-journey:not([data-phase=complete]) .capture-primary{border-radius:999px}.capture-journey-bottom{display:grid;grid-template-rows:1fr;width:100%;text-align:center;transition:grid-template-rows var(--journey-reveal-duration) cubic-bezier(.2,.7,.2,1),opacity .7s ease}.capture-journey-bottom-content{display:grid;justify-items:center;gap:12px;min-height:0;overflow:hidden}.capture-journey-bottom-content>:last-child{margin-bottom:18px}.capture-journey-count{margin:0;color:#c2d2b5;font-size:12px;font-variant-numeric:tabular-nums}.capture-journey-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 12px;width:min(100%,560px);margin-top:5px;padding-top:18px;border-top:1px solid #72836a4d}.capture-journey-actions button{min-height:44px;padding:11px 16px;border-radius:999px;font-size:14px}.capture-journey-start{border:1px solid #dcebc5;background:var(--mint, #d0e6b4);color:#233827;font-weight:600}.capture-journey-start:hover:not(:disabled){background:#e0edcc}.capture-journey-actions .quiet{flex:1 1 auto;border:1px solid #81937766;color:#c6d5bc}.capture-journey-footnote{max-width:44ch;margin:0;color:#a7b59f;font-size:11px;line-height:1.5}.capture-journey[data-phase=complete] .capture-journey-intro,.capture-journey[data-phase=complete] .capture-journey-bottom{display:none}.capture-journey[data-phase=complete] .capture-journey-visual{height:110px;margin:0 0 12px}.capture-journey[data-phase=revealing] .capture-journey-controls,.capture-journey[data-phase=complete] .capture-journey-controls{max-width:1200px}.capture-journey[data-phase=revealing] .capture-journey-intro,.capture-journey[data-phase=revealing] .capture-journey-bottom{grid-template-rows:0fr;opacity:0}.capture-journey[data-phase=revealing] .capture-journey-visual{height:110px}#full-instrument{display:grid;grid-template-rows:0fr;width:100%;min-width:0;opacity:0;transition:grid-template-rows 1.2s cubic-bezier(.2,.7,.2,1),opacity .75s ease}#full-instrument>:first-child{min-height:0;min-width:0;overflow:hidden}[data-capture-phase=revealing] #full-instrument,[data-capture-phase=complete] #full-instrument{grid-template-rows:1fr;opacity:1}[data-capture-phase=complete] #full-instrument>:first-child{overflow:visible}[data-capture-phase=revealing] .journey-reveal-target{animation:capture-instrument-unfold .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--journey-reveal-delay, 0ms)}@keyframes capture-instrument-unfold{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.capture-journey{--journey-scene-height: clamp(150px, 24svh, 220px)}.capture-journey #journey-title{margin-top:14px;max-width:15ch;margin-right:auto;margin-left:auto;font-size:clamp(32px,8.5vw,46px);letter-spacing:-1px}.capture-journey-instruction{min-height:4.8em;font-size:14px}.capture-journey-progress{gap:0}.capture-journey-progress li{gap:8px;font-size:10px}.capture-journey-actions button{font-size:16px}.capture-journey-start{width:100%}.capture-journey-actions #journey-skip,.capture-journey-actions #journey-import{padding-right:12px;padding-left:12px;font-size:14px}}@media(max-height:760px){.capture-journey{--journey-scene-height: clamp(125px, 21svh, 180px)}.capture-journey #journey-title{margin-top:10px}}:root[data-visuals=reduced] .capture-journey *,.capture-journey[data-reduced-motion=true] *,:root[data-visuals=reduced] .journey-reveal-target,:root[data-visuals=reduced] #full-instrument{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.capture-journey *,.journey-reveal-target,#full-instrument{animation:none!important;transition:none!important}}canvas.sound-cube{display:block;width:min(100%,320px);height:var(--sound-cube-height, 120px);max-height:260px;margin-inline:auto;flex:0 0 auto;pointer-events:none;contain:layout paint}canvas.sound-cube[data-cube-state=off]{visibility:hidden}.song-moments{min-width:0}.song-moments .moments-help,.song-moments #moments-status{color:#b6c5ac;font-size:12px;line-height:1.6;margin:14px 0}.moment-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.moment-slot{min-width:0;border:1px solid #40564a;border-radius:9px;padding:12px;background:#22382e}.moment-slot label{display:flex;gap:9px;align-items:center}.moment-slot label>span{color:#cadbb5;font-size:12px}.moment-slot input{min-width:0;width:100%;border:0;border-bottom:1px solid #50674d;background:transparent;color:#e3e9d5;padding:8px 0;font:inherit}.moment-slot input:focus-visible{outline:2px solid #c8dda9;outline-offset:3px}.moment-description{min-height:36px;color:#b6c5ac;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.moment-actions,.moment-undo{display:flex;gap:8px;flex-wrap:wrap}.moment-actions button{min-width:0;flex:1;padding:9px;font-size:12px}.moment-actions .moment-recall{background:#c8dda9;color:#20362a;border:1px solid #c8dda9;border-radius:5px;font-weight:600}.moment-actions .moment-recall:hover:not(:disabled){background:#d4e6b9;color:#20362a;border-color:#d4e6b9}.moment-undo{margin-top:10px}.motion-controls>p{color:#b6c5ac;font-size:12px;line-height:1.6;align-self:center}@media(max-width:560px){.moment-slots{grid-template-columns:1fr}.moment-description{min-height:0}.song-moments>summary{gap:8px}}@media(pointer:coarse),(max-width:760px){.moment-slot input{font-size:16px;min-height:44px}.moment-actions button,.moment-undo button{min-height:44px}}.first-jam{width:100%;margin:14px 0 0;padding:15px 17px;border:1px solid #a4bd9438;border-radius:12px;background:#23382b;color:#d4dfc7}.first-jam[hidden]{display:none}.first-jam-top,.first-jam-bottom,.first-jam-actions{display:flex;align-items:center;gap:12px}.first-jam-top{justify-content:space-between}.first-jam-top>strong{font-size:13px;font-weight:600;white-space:nowrap}.first-jam ol{display:flex;flex-wrap:wrap;gap:7px 15px;margin:0;padding:0;list-style:none}.first-jam li{display:flex;align-items:center;gap:5px;color:#aebfa3;font-size:11px}.first-jam li>span:first-child{display:grid;place-items:center;width:19px;height:19px;border:1px solid #92aa7e66;border-radius:50%;font-size:10px}.first-jam li[aria-current]{color:#e6f1d7}.first-jam li[aria-current]>span:first-child{border-color:#c1d7a8;background:#c1d7a8;color:#1c3022}.first-jam li.is-complete{color:#c1d7a8}.first-jam li.is-complete>span:first-child{border-color:#c1d7a8}.first-jam-bottom{justify-content:space-between;margin-top:10px}.first-jam-instruction{max-width:60ch;margin:0;color:#d4dfc7;font-size:13px;line-height:1.55}.first-jam-actions{flex:0 0 auto;gap:5px}.first-jam-actions button{min-height:44px;padding:9px 12px;border-radius:8px;font-size:12px}.first-jam-show{background:#d1dfb8;color:#1c3022;border:1px solid #d1dfb8}.first-jam-show:hover{background:#e0eacb}.first-jam-actions .first-jam-dismiss{color:#c3d1b7}.first-jam-target{outline:3px solid #e2d5b8!important;outline-offset:5px!important}.help-first-jam{min-height:44px;margin:0 0 16px}@media(max-width:760px){.first-jam-top{align-items:flex-start;flex-direction:column;gap:10px}.first-jam-bottom{align-items:flex-start;flex-direction:column;gap:8px}.first-jam ol{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px 12px}.first-jam-instruction{font-size:12px}.first-jam-actions{align-self:flex-end}}.loop-layer-controls{margin:0 auto 20px;width:100%;max-width:640px;text-align:center}.loop-layer-controls>div{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.loop-layer-controls button{min-height:44px;padding:9px 15px}.layer-length{display:flex;gap:5px;align-items:center;text-align:left;font-size:11px;color:#bcc9ab}.layer-length select{min-height:44px;max-width:190px;font-size:16px}.loop-layer-controls button.recording{background:#e9c19b;color:#25352b;border-color:#e9c19b}.loop-layer-controls p{color:#bcc9ab;font-size:12px;line-height:1.5;margin:7px auto 0;max-width:440px}.loop-layer-controls[hidden]{display:none}@media(max-width:480px){.loop-layer-controls{margin-bottom:18px}.loop-layer-controls p{max-width:30ch}}.foundation-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;max-width:880px;margin:0 auto 12px;color:#bdcbb0;font-size:12px;line-height:1.45}.foundation-controls[hidden],.foundation-controls [hidden]{display:none}.foundation-controls button{min-height:44px}#foundation-record{min-height:44px;color:#dce9bd;border:1px solid #b5c6a642;border-radius:20px;padding:8px 16px}#foundation-record.recording{background:#e9c19b;color:#25352b}#foundation-review{width:100%;border:1px solid #b5c6a642;border-radius:12px;padding:14px}#foundation-review p{margin:0 0 10px;color:#e1e8d7}.foundation-correction{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.foundation-correction label{display:flex;align-items:center;gap:6px}.foundation-correction input{width:80px}.foundation-correction input,.foundation-correction select{min-height:44px;font-size:16px;color:#e3ead9;background:#263b2e;border:1px solid #a8bf9255;border-radius:8px;padding:6px}#foundation-review small{display:block;margin-top:10px}@media(max-width:600px){.foundation-controls{gap:4px 8px;text-align:center}#foundation-hint{max-width:24ch;font-size:11px}.foundation-correction{justify-content:center}}#capture-journey:is([data-phase=revealing],[data-phase=complete]) .foundation-controls{display:contents}#capture-journey:is([data-phase=revealing],[data-phase=complete]) #foundation-hint{display:none}#foundation-review{flex-basis:100%}.part-tools,.piano-roll{margin:14px 0;border-top:1px solid #405248}.part-tools>summary,.piano-roll>summary{padding:13px 0;cursor:pointer;font-size:13px;color:#dae4d5}.part-tools>summary span,.piano-roll>summary span{margin-left:10px;color:#9bafa1;font-size:11px}.part-tools-body p,.roll-hint,.sustain-status,.melodic-setup p{color:#acbcb0;font-size:12px;line-height:1.6;margin:8px 0}.pattern-preset-row,.part-transforms,.roll-edit,.melodic-setup{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pattern-preset-row label,.roll-edit label,.melodic-setup label{display:flex;align-items:center;gap:8px;font-size:12px}.pattern-preset-row select,.melodic-setup select,.step-caption select{max-width:100%;min-height:36px}.part-transforms button{padding:8px 10px;font-size:12px}.melodic-setup{padding:10px 12px;margin:12px 0;background:#263c32;border-left:2px solid #9ac3aa}.melodic-setup p{flex-basis:100%;margin:0}.roll-grid{display:grid;grid-template-columns:42px repeat(16,minmax(28px,1fr));grid-auto-rows:25px;gap:1px;overflow:auto;max-height:330px;background:#33463b;position:relative;overscroll-behavior:contain}.roll-grid .roll-cell{min-width:28px;min-height:25px;padding:0;border:0;border-radius:0;background:#1d3027;position:relative;touch-action:manipulation}.roll-grid .roll-cell.in-scale{background:#263a30}.roll-grid .roll-cell.beat-start{border-left:1px solid #627567}.roll-grid .roll-cell:focus-visible{outline:2px solid #f0ddb5;outline-offset:-2px;z-index:4}.roll-note{position:absolute;top:4px;left:0;height:17px;border-radius:2px;background:var(--part-color);border:1px solid #d9e4d1;z-index:2;pointer-events:none;color:#1c2c24;font-size:11px;font-style:normal}.selected-note .roll-note{outline:2px solid #f0ddb5;outline-offset:-1px}.roll-label,.roll-corner{position:sticky;left:0;z-index:5;display:flex;align-items:center;justify-content:center;font:10px ui-monospace,monospace;background:#1e3027;color:#9aaa9d}.roll-label.in-scale{color:#e0e7d8}.roll-beat,.roll-corner{position:sticky;top:0;text-align:center;background:#304538;color:#dae4d5;font:10px/25px ui-monospace,monospace;z-index:6}.roll-corner{z-index:7}.roll-edit{padding:12px 0 4px}.roll-range{display:flex;gap:12px;align-items:center;padding-bottom:8px;font:11px ui-monospace,monospace}.roll-range button{min-width:36px;min-height:32px}.roll-edit strong{font:11px ui-monospace,monospace;flex-basis:100%;color:#d7e4d0}.roll-edit input[type=number]{width:70px;min-height:36px}.roll-edit input[type=range]{width:110px}.step-caption{flex-wrap:wrap}.step-caption>span{flex:1 1 180px}.sustain-region{border-top:1px solid #405248;padding:12px 0}.sustain-region summary{font-size:12px;cursor:pointer}.sustain-region p{font-size:12px;color:#acbcb0;line-height:1.6}.sustain-region>div{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.sustain-region label{display:flex;flex-direction:column;gap:6px;font-size:12px}.sustain-region input{width:100px;min-height:38px}@media(pointer:coarse){.roll-grid{grid-template-columns:42px repeat(16,minmax(36px,1fr));grid-auto-rows:32px}.roll-grid .roll-cell{min-height:32px}.roll-note{top:6px;height:21px}}@media(max-width:520px){.pattern-preset-row label{width:100%;flex-wrap:wrap}.pattern-preset-row select{flex:1;min-width:0}.part-tools>summary span,.piano-roll>summary span{display:block;margin:5px 0 0 16px}.roll-edit label{flex:1 1 135px}}.keyboard-source,.keyboard-patterns{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:10px 0}.keyboard-source label,.keyboard-patterns label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#becdbf}.keyboard-source label{flex:1 1 210px}.keyboard-source select,.keyboard-patterns select{min-height:38px;max-width:100%}.keyboard-patterns label{flex:1 1 140px}.keyboard-patterns button{min-height:38px}.roll-slot{position:relative;min-width:0}.roll-slot>.roll-cell{width:100%;height:100%}.roll-slot>button.roll-note{min-height:17px;min-width:0;padding:0;pointer-events:auto;cursor:pointer;overflow:hidden}.roll-slot>button.roll-note.selected-note{outline:2px solid #f0ddb5;outline-offset:-1px}.roll-slot>button.roll-note:focus-visible{outline:2px solid #f0ddb5;z-index:4}@media(pointer:coarse){.roll-slot>button.roll-note{min-height:21px}}.instrument-face .keyboard-instrument{min-width:0;max-width:100%;-webkit-user-select:text;user-select:text}.instrument-face .keyboard-instrument .performance-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 0}.instrument-face .keyboard-instrument .keyboard-controls{flex-wrap:wrap;min-width:0;max-width:100%}.keyboard-instrument .keyboard-source label,.keyboard-instrument .keyboard-patterns label{min-width:0}.keyboard-instrument .play-keys{max-width:100%;min-width:0}.instrument-face #performance-details{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.jam-keys-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0}.jam-keys-heading{display:grid;gap:3px;min-width:0;flex:1}.jam-keys-heading strong{color:var(--ink);font-size:13px;font-weight:500}.jam-keys-heading>span,#jam-keyboard-hint,#jam-midi-status{color:var(--muted);font-size:11px;overflow-wrap:anywhere}#jam-keyboard-hint,#jam-midi-status{margin:0 0 8px}.jam-keys-row label{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:11px}.jam-keys-row select{max-width:220px;min-width:0;min-height:44px;font-size:12px}.jam-keys-inputs,#jam-midi-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.jam-keys-inputs button{min-height:44px;font-size:12px}.jam-keys-inputs:has(#midi-label:not([hidden])){flex-basis:100%}#jam-midi-controls #midi-label{flex:1 1 220px}#jam-midi-controls #midi-input{flex:1;width:100%}#jam-keyboard-toggle[aria-pressed=true]{color:#c8e9b8}#jam-midi-controls [hidden]{display:none}#keyboard-mapping{border-top:1px solid var(--line);padding-top:12px}#keyboard-mapping>summary{min-height:44px;align-content:center;color:var(--ink);font-size:12px;cursor:pointer}#keyboard-mapping-content{display:grid;gap:12px;min-width:0}#keyboard-mapping .jam-hit-keys,#keyboard-mapping .jam-hit-map{grid-template-columns:repeat(2,minmax(0,1fr))}.jam-hit-keys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:3px 0 10px}.jam-hit-keys button{display:grid;justify-items:start;align-content:center;gap:5px;min-height:65px;min-width:0;padding:9px;border:1px solid #728f6960;border-radius:9px;background:#b6d8a90b;text-align:left;touch-action:none}.jam-hit-keys button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.jam-hit-keys kbd{font-family:inherit;font-size:12px;color:#d9edc5}.jam-hit-keys button.pressed{background:#b6d8a933;border-color:#c8e9b8;transform:translateY(1px)}#jam-hit-mapping{margin-bottom:12px}#jam-hit-mapping summary{font-size:12px}#jam-hit-mapping summary span,#jam-hit-mapping p{color:var(--muted, #a4b5a9);font-size:11px}.jam-hit-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.jam-hit-map label{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px}.jam-hit-map select{min-width:0;width:100%;min-height:44px}@media(max-width:620px){.jam-keys-row select,.jam-hit-map select{font-size:16px}.jam-keys-row{gap:6px 10px}.jam-keys-heading,.jam-keys-target{flex-basis:100%}.jam-keys-inputs{width:100%}#jam-midi-controls{flex:1}#jam-midi-controls:has(#midi-label:not([hidden])){flex-basis:100%}#jam-midi-controls #midi-label{flex-basis:100%;order:1}.jam-keys-row label{flex:1}.jam-keys-row select{max-width:100%;flex:1}.jam-hit-keys{grid-template-columns:repeat(4,minmax(0,1fr))}.jam-hit-map{grid-template-columns:repeat(2,minmax(0,1fr))}}.touch-effects-disclosure{margin:16px 0 4px;border-top:1px solid #b9c7ad26}.touch-effects-disclosure>summary{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;color:#d5e1c9;font-size:14px}.touch-effects-disclosure>summary:before{content:"+";font-size:20px;color:#aec6a2}.touch-effects-disclosure[open]>summary:before{content:"−"}.touch-effects-disclosure>summary small{margin-left:auto;color:#9bb29a;font-size:11px}.touch-effects-intro,.touch-effects-footer{margin:0 0 14px;color:#b1c3a6;font-size:12px;line-height:1.5}.touch-effects-footer{margin:14px 0 4px}.touch-effects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.touch-fx{--fx-accent: #b6d9bd;min-width:0}.touch-fx[data-effect-pad="1"]{--fx-accent: #d4bd98}.touch-fx-heading{display:flex;align-items:end;gap:10px;margin-bottom:10px}.touch-fx-heading label{flex:1;min-width:0;display:grid;gap:5px;font-size:11px;color:#b1c3a6}.touch-fx-heading select{width:100%;min-height:44px;color:var(--fx-accent);background:#24382d;font-size:14px}.touch-fx-state{max-width:95px;padding-bottom:12px;color:#aebea4;font-size:11px;text-align:right}.touch-fx-surface{position:relative;overflow:hidden;height:clamp(150px,18vw,210px);border:1px solid #b7d5b442;border-radius:15px;background:linear-gradient(90deg,transparent calc(50% - .5px),#d5e3c512 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#d5e3c512 50%,transparent calc(50% + .5px)),#1c3025;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.touch-fx-surface:focus-visible{outline:2px solid var(--fx-accent);outline-offset:4px}.touch-fx-puck{position:absolute;width:27px;height:27px;left:clamp(16px,var(--fx-x),calc(100% - 16px));top:clamp(16px,var(--fx-y),calc(100% - 16px));transform:translate(-50%,-50%);border:1px solid var(--fx-accent);border-radius:50%;background:#aac2a722}.touch-fx.is-active .touch-fx-puck{background:var(--fx-accent);box-shadow:0 0 0 7px #bad0ab12}.touch-fx-axis-x,.touch-fx-axis-y{position:absolute;color:#a8bea1;font-size:10px;line-height:1.4;pointer-events:none}.touch-fx-axis-x{bottom:10px;left:0;width:100%;text-align:center}.touch-fx-axis-y{left:9px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;white-space:nowrap}.touch-fx-invitation{position:absolute;top:12px;right:12px;color:#a8bea188;font-size:11px;pointer-events:none}.touch-fx.is-active .touch-fx-invitation{visibility:hidden}.touch-fx.is-disabled .touch-fx-surface{opacity:.5;cursor:default}.touch-fx-actions{display:flex;gap:8px;margin-top:9px}.touch-fx-actions button{min-height:44px;min-width:0;padding-inline:8px;flex:1;font-size:12px}.touch-fx-actions button[aria-pressed=true]{background:var(--fx-accent);color:#192e21}.touch-fx.is-bypassed .touch-fx-surface{border-style:dashed;opacity:.65}.touch-fx-readout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 10px;margin-top:7px;min-height:15px;color:#bfd0b4;font-size:10px;font-variant-numeric:tabular-nums;line-height:1.5}.touch-fx-mix{display:grid;grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:7px;min-height:44px;color:#b1c3a6;font-size:11px}.touch-fx-mix input{width:100%;min-width:0;min-height:44px;margin:0;background:linear-gradient(to bottom,transparent calc(50% - 1.5px),#526352 calc(50% - 1.5px),#526352 calc(50% + 1.5px),transparent calc(50% + 1.5px));accent-color:var(--fx-accent)}.touch-fx-mix output{text-align:right;font-variant-numeric:tabular-nums}.touch-fx-help{min-height:32px;margin:8px 0 0;font-size:11px;line-height:1.5;color:#a7b89e}@media(max-width:520px){.touch-effects-grid{gap:12px}.touch-fx-heading{display:grid;gap:3px}.touch-fx-heading select{font-size:16px}.touch-fx-state{max-width:none;min-height:16px;padding:0;text-align:left}.touch-fx-surface{height:165px;border-radius:11px}.touch-fx-invitation{font-size:10px;right:8px}.touch-fx-axis-x{padding:0 8px;font-size:9px}.touch-fx-axis-y{font-size:9px}.touch-fx-actions{gap:5px;margin-top:3px}.touch-fx-readout{min-height:33px}.touch-fx-actions button{padding-inline:4px;font-size:11px}.touch-effects-disclosure>summary small{max-width:145px;text-align:right}}@media(max-width:359px){.touch-effects-grid{grid-template-columns:minmax(0,1fr)}}