@font-face{font-family:Geist;src:url(/fonts/geist-latin-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#18171c;--surface:#201e25;--raised:#28252e;--grid:#242129;--text:#f0edf3;--muted:#b0aab8;--line:#3a3542;--accent:#b6a1dc;--accent-ink:#21172b;--accent-hover:#c4b1e5;--accent-bg:#443450;--error:#e7a1a8;--record:#b15466;--part:#a99bd2;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Geist,system-ui,sans-serif;font-size:14px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4f2;--surface:#fff;--raised:#eeeae8;--grid:#f1edeb;--text:#28232d;--muted:#665d70;--line:#d8d1da;--accent:#70518e;--accent-ink:#fff;--accent-hover:#62457e;--accent-bg:#eee5f6;--error:#a3273c;--record:#a43f54}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,input,select{border:1px solid var(--line);background:var(--surface);border-radius:5px;min-height:34px;padding:6px 10px}button{cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:var(--raised);border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650}button.primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-ink)}button.active,button[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,select:focus{border-color:var(--accent)}input[type=range]{min-height:24px;accent-color:var(--accent);background:0 0;border:0;width:100%;padding:0}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:16px;accent-color:var(--accent);flex:none;margin:0}input[type=number]{font-variant-numeric:tabular-nums;width:100%}input[type=text],select{max-width:100%}input:disabled,select:disabled{opacity:.6}h1,h2,h3,p{margin:0}h1{font-size:23px;font-weight:620;line-height:1.3}h2{font-size:15px;font-weight:620}h3{margin-top:20px;font-size:14px;font-weight:620}p{line-height:1.6}a{color:var(--accent)}hr{border:0;border-top:1px solid var(--line);margin:20px 0}summary{cursor:pointer;color:var(--text);padding:8px 0}details p{margin:8px 0}footer,.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.6}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:12px}.check{align-items:center;gap:8px;min-height:30px;line-height:1.5;display:flex}.app-header{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;min-height:62px;padding:12px 24px;display:flex}.wordmark{white-space:nowrap;letter-spacing:-.8px;color:var(--text);background:0 0;border:0;padding:0;font-size:20px;font-weight:650;text-decoration:none}.wordmark span{color:var(--accent);font-weight:400}.app-header .muted{flex:1}.app-header #title{background:0 0;border-color:#0000;width:190px;padding-left:4px;font-size:14px}.app-header #title:hover{border-color:var(--line)}.save-status{color:var(--muted);white-space:nowrap;flex:1;font-size:11px}.header-actions{margin-left:auto}.header-actions button{min-height:32px;font-size:12px}.transport{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;min-height:66px;padding:12px 24px;display:flex}.record-button{border-color:var(--record);color:var(--error)}#position{font-variant-numeric:tabular-nums;letter-spacing:1px;min-width:80px;font-size:23px}.tempo-button{font-variant-numeric:tabular-nums}.output-level{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.output-level meter{width:105px;height:10px}.output-level output{font-variant-numeric:tabular-nums;width:55px}meter{accent-color:var(--accent)}meter::-webkit-meter-bar{background:var(--raised);border:0}meter::-webkit-meter-optimum-value{background:#9bbbae}meter::-webkit-meter-suboptimum-value{background:#c9ad79}meter::-webkit-meter-even-less-good-value{background:var(--record)}.view-tabs{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:0 24px;display:flex}.view-tabs button{min-height:46px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 2px}.view-tabs button.active{border-bottom-color:var(--accent);color:var(--text)}.view-tabs button:last-child{font-size:12px}.workspace{min-height:calc(100vh - 241px);padding:24px}.view-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.view-heading p{color:var(--muted);margin-top:6px;font-size:13px}.view-heading .field{min-width:110px}.message{background:var(--accent-bg);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 24px;font-size:13px;line-height:1.5;display:flex}.message.error{background:var(--surface);color:var(--error)}.message.error span{flex:1}.error-text{color:var(--error)}.statusbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:36px;padding:8px 24px;font-size:11px;display:flex}.statusbar span:first-child{max-width:75%}.loop-table{--part-label-width:220px;--bar-width:48px;border:1px solid var(--line);border-radius:5px;margin-bottom:24px;overflow:auto}.loop-ruler{grid-template-columns:var(--part-label-width) repeat(var(--bars,4), minmax(var(--bar-width), 1fr));min-width:calc(var(--part-label-width) + var(--bars,4) * var(--bar-width));background:var(--surface);height:34px;display:grid}.loop-ruler>span{z-index:2;background:var(--surface);color:var(--muted);padding:8px 12px;font-size:12px;position:sticky;left:0}.loop-ruler button{min-height:32px;color:var(--muted);border-width:0 0 0 1px;border-radius:0;font-size:12px}.part-row{grid-template-columns:var(--part-label-width) minmax(0, 1fr);min-width:calc(var(--part-label-width) + var(--bars,4) * var(--bar-width));border-top:1px solid var(--line);background:var(--surface);display:grid}.part-row.active{background:var(--raised)}.part-label{z-index:1;background:inherit;border-right:1px solid var(--line);align-items:center;gap:4px;min-width:0;padding-right:8px;display:flex;position:sticky;left:0}.part-name{text-align:left;white-space:normal;background:0 0;border:0;flex:1;grid-template-rows:auto auto;grid-template-columns:4px minmax(0,1fr);align-items:center;column-gap:10px;min-width:0;padding:10px;display:grid}.part-name i{background:var(--part);grid-row:1/3;width:3px;height:28px}.part-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:550;overflow:hidden}.part-name span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.track-toggles{gap:4px;display:flex}.track-toggles button{border-radius:3px;height:25px;min-height:25px;padding:2px 5px;font-size:10px}.pattern-preview{min-width:0;display:grid;position:relative}.pattern-preview>button{border:0;border-left:1px solid var(--line);background:0 0;border-radius:0;min-width:0;min-height:58px;padding:4px 0;overflow:hidden}.pattern-preview svg,.pattern-preview canvas{width:100%;height:42px;color:var(--part);fill:var(--part);display:block}.grid-line{stroke:var(--line);stroke-width:.6px;fill:none}.playhead{background:var(--text);pointer-events:none;z-index:1;width:1px;position:absolute;top:0;bottom:0}.muted-part .pattern-preview{opacity:.32}.empty{text-align:center;color:var(--muted);padding:40px}.editor{border:1px solid var(--line);background:var(--surface);border-radius:5px;overflow:hidden}.editor-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.editor-heading>input{width:160px;font-weight:600}.editor-heading>.muted{flex:1;font-size:11px}.editor-heading button{min-height:30px;font-size:11px}.editor-body{grid-template-columns:minmax(0,1fr) 260px;display:grid}.pattern-editor{min-width:0;padding:20px}.instrument-editor{border-left:1px solid var(--line);padding:20px}.instrument-editor h2{margin-bottom:12px}.layer-row{border-top:1px solid var(--line);padding:14px 0;font-size:12px}.layer-row .row strong{font-size:12px;font-weight:550}.layer-row button{min-height:26px;padding:3px 6px;font-size:10px}.layer-row>.field{grid-template-columns:40px minmax(0,1fr);align-items:center;margin:10px 0;display:grid}.shape-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editor-controls{gap:16px;margin-bottom:16px}.editor-controls>h2{margin-right:auto}.editor-controls>.field{width:100px}.bar-selector{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bar-selector>span{color:var(--muted);margin-right:6px;font-size:11px}.bar-selector button{border-radius:3px;min-width:27px;min-height:26px;padding:3px 7px;font-size:11px}.step-ruler,.drum-row{grid-template-columns:80px repeat(16,minmax(16px,1fr));align-items:center;gap:5px;margin:8px 0;display:grid}.step-ruler{color:var(--muted);text-align:center;margin-bottom:8px;font-size:10px}.drum-row>button:first-child{text-align:left;background:0 0;border:0;padding:4px 0;font-size:12px}.drum-row .step{background:var(--grid);border-radius:3px;min-width:0;height:30px;min-height:30px;padding:0}.step.downbeat{border-color:#62576e}.step.on{background:var(--part);opacity:calc(.4 + var(--strength) * .6);border-color:var(--part)}.step-grid{margin-bottom:16px;overflow:auto}.pattern-editor>.row:last-child{margin-top:16px}.note-controls{gap:12px;margin-bottom:16px}.note-controls .field{width:88px}.note-controls .field:last-of-type{width:100px}.note-controls button{font-size:11px}.piano-scroll{border:1px solid var(--line);border-radius:3px;max-height:378px;margin-bottom:12px;overflow:auto}.piano-grid{min-width:440px}.piano-row{grid-template-columns:52px repeat(16,minmax(20px,1fr));height:19px;display:grid}.piano-row button{border-width:0 1px 1px 0;border-radius:0;height:19px;min-height:19px;padding:0;font-size:9px}.piano-key{background:var(--raised);color:var(--muted);text-align:left;padding-left:5px!important}.piano-key.black{background:var(--bg)}.note-cell{background:var(--grid)}.note-cell.downbeat{border-left:1px solid #62576e}.note-cell.on{background:var(--part);border-right:0;border-bottom-color:var(--part);opacity:.7}.note-cell.start{border-left:2px solid var(--text);opacity:1}.guidance{color:var(--muted);align-items:baseline;gap:12px;margin-top:12px;padding:16px 0 0;font-size:12px;display:flex}.guidance strong{white-space:nowrap;color:var(--text);font-weight:550}.guidance p{line-height:1.5}.record-layout{border:1px solid var(--line);background:var(--surface);border-radius:5px;grid-template-columns:minmax(0,1fr) 290px;margin-bottom:24px;display:grid}.record-main{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:44px 32px;display:flex}.beat-cue{gap:16px;margin-bottom:12px;display:flex}.beat-cue span{border:1px solid var(--line);width:60px;height:60px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;font-size:25px;display:flex}.beat-cue span.current{background:var(--accent-bg);border-color:var(--accent);color:var(--text)}.record-main h2{font-size:22px;font-weight:550}.record-main>p{color:var(--muted);font-size:13px}.input-meter-row{width:min(100%,500px);color:var(--muted);align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.input-meter-row meter{flex:1;height:18px}.input-meter-row output{text-align:right;font-variant-numeric:tabular-nums;width:65px}.record-main .record-actions{margin-top:12px}.record-actions button{min-height:42px;padding:10px 20px}.record-setup{border-left:1px solid var(--line);flex-direction:column;gap:16px;padding:24px;display:flex}.record-setup>.check{font-size:12px}.record-setup>.hint{margin-top:-10px}.take-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 0;display:flex}.take-row strong{min-width:120px}.take-row .muted{flex:1;font-size:12px}.take-row button{font-size:12px}.takes>h2{margin-bottom:8px}.takes>p{padding:16px 0}.arrangement-scroll{border:1px solid var(--line);border-radius:5px;margin-bottom:16px;overflow:auto}.arrangement{grid-template-columns:170px repeat(var(--sections), minmax(170px, 1fr));background:var(--surface);min-width:max-content;display:grid}.arrangement-label,.arrangement-part{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;padding:20px 16px;display:flex}.arrangement-part{border-left:3px solid var(--part);font-size:13px}.arrangement-label{color:var(--muted);font-size:12px}.section-heading{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:12px;display:flex}.section-heading>input{width:100%;min-width:0;font-weight:550}.section-heading button{min-height:26px;padding:3px 6px;font-size:10px}.section-heading .field{flex:1}.section-heading .field>span{font-size:10px}.section-heading select{min-height:28px;font-size:11px}.section-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--grid);color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:20px 12px;font-size:12px;display:flex}.section-cell.active{background:var(--raised);color:var(--text)}.mixer{border:1px solid var(--line);background:var(--surface);border-radius:5px;margin-bottom:24px;overflow:hidden}.mixer-labels,.mixer-row{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(150px,1fr) minmax(130px,1fr) 160px;align-items:center;gap:24px;padding:12px 20px;display:grid}.mixer-labels{color:var(--muted);background:var(--raised);font-size:11px}.mixer-row:last-child{border-bottom:0}.mixer-row.active{background:var(--raised)}.mixer-name{border:0;border-left:3px solid var(--part);text-align:left;text-overflow:ellipsis;background:0 0;border-radius:0;font-size:13px;overflow:hidden}.mixer-row>label{align-items:center;gap:12px;min-width:0;display:flex}.mixer-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-size:11px}.mixer-row>.row button{font-size:11px}.effect-editor{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:20px}.effect-editor h2{margin-bottom:20px}.effect-fields{grid-template-columns:repeat(6,1fr);gap:24px;margin-bottom:16px;display:grid}.effect-fields output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.effect-editor>.hint{margin-bottom:16px}.audio-fields{grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0;display:grid}.full-wave{background:var(--bg);border:1px solid var(--line);width:100%;height:100px;color:var(--part);border-radius:3px;margin:16px 0;display:block}.slice-pads{gap:8px;margin:16px 0;display:flex}.slice-pads button{flex:1;min-height:40px}.welcome{max-width:1024px;margin:0 auto;padding:64px 32px 32px}.welcome h1{letter-spacing:-.8px;margin-bottom:12px;font-size:32px;font-weight:550}.welcome>p{color:var(--muted);max-width:620px}.start-options{border:1px solid var(--line);background:var(--surface);border-radius:5px;grid-template-columns:1fr 1.2fr;margin:40px 0 24px;display:grid}.start-options>div{padding:28px}.start-options>div+div{border-left:1px solid var(--line)}.start-options h2{margin-bottom:20px;font-size:17px}.start-options .field{max-width:280px;margin:20px 0}.start-options>div>p{margin-top:20px;font-size:12px}.saved-list{flex-direction:column;max-height:330px;margin-bottom:16px;display:flex;overflow:auto}.saved-project{text-align:left;flex-direction:column;gap:6px;margin-bottom:8px;padding:12px;display:flex}.saved-project strong{font-weight:550}.saved-project span{color:var(--muted);font-size:11px}.saved-list>p{margin-bottom:16px;font-size:13px;line-height:1.7}.storage-note{font-size:12px}.welcome>details{color:var(--muted);margin:24px 0;font-size:12px}.welcome>footer{border-top:1px solid var(--line);padding-top:20px;font-size:11px}dialog{border:1px solid var(--line);width:min(600px,100vw - 32px);max-height:85vh;color:var(--text);background:var(--surface);border-radius:7px;padding:0;box-shadow:0 2px 8px #0003}dialog::backdrop{background:#0008}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}.dialog-heading h2{font-size:17px;font-weight:550}.dialog-heading button{font-size:12px}.dialog-body{max-height:calc(85vh - 69px);padding:24px;overflow:auto}.dialog-body p{margin:12px 0 16px;font-size:13px}.dialog-body .check{margin:12px 0;font-size:13px}.dialog-body .form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.dialog-body form>.primary{margin-top:8px}.sound-list{flex-direction:column;max-height:360px;margin:16px 0;display:flex;overflow:auto}.sound-list>div{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 0;display:flex}.sound-list>div>span:first-child{flex:1}.sound-list .muted{font-size:11px}.sound-list button{font-size:12px}.sound-filters{grid-template-columns:minmax(160px,1.5fr) 1fr 1.4fr;gap:12px;margin-top:16px;display:grid}.sound-description{flex:1;min-width:0}.sound-description>.muted{margin-top:3px;display:block}.sound-description p{margin:4px 0 0}.sound-list .sound-option{align-items:flex-start}.copy-parts{border:1px solid var(--line);margin:16px 0;padding:8px 12px}.loop-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.loop-length-control{white-space:nowrap;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.loop-length-control select{width:80px;color:var(--text)}.restore-starter{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}@media (max-width:900px){.loop-actions{justify-content:flex-start;width:100%}.loop-length-control{margin-right:4px}}#combine-form{gap:12px;display:grid}#combine-form fieldset{border:0;min-width:0;margin:0;padding:0}#combine-form legend{color:var(--muted);margin-bottom:7px;padding:0;font-size:13px}#combine-form p,#combine-form .check{margin:0}.combine-source-controls{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;display:grid}#combine-source{min-height:84px;font-size:13px}.combine-starter-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.combine-part-buttons{gap:8px;display:flex}.combine-part{text-align:left;flex:1;min-width:0;padding:9px 10px}.combine-part strong{font-size:13px;font-weight:550;display:block}.combine-part span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.combine-phrase-row{grid-template-columns:1.2fr 1fr;align-items:start;gap:16px;display:grid}.combine-lengths{flex-wrap:wrap;gap:10px;display:flex}.combine-choice{align-items:center;gap:5px;font-size:12px;display:flex}.combine-placement{flex-direction:column;gap:10px;display:flex}#combine-form .combine-mode{flex-wrap:wrap;gap:16px;display:flex}.combine-mode legend{width:100%}.combine-level{align-items:center;gap:12px;display:flex}.combine-level .field{flex:1}.combine-level output{color:var(--muted);min-width:35px;font-size:12px}#combine-form details .form-grid{margin-top:8px}#combine-form details p{margin:10px 0}.combine-result{border-top:1px solid var(--line);padding-top:10px;font-size:13px;line-height:1.5}.combine-actions{background:var(--surface);border-top:1px solid var(--line);gap:10px;padding:12px 0;display:flex;position:sticky;bottom:-24px}.combine-actions>button{flex:1}@media (max-width:600px){.combine-phrase-row{grid-template-columns:1fr}.combine-source-controls{grid-template-columns:1fr;gap:8px}.combine-part span{white-space:normal}}@media (max-width:720px){.sound-filters{grid-template-columns:1fr}.sound-list .sound-option{flex-wrap:wrap;gap:8px}.sound-option .sound-description{flex-basis:100%}}.save-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 0;display:flex}.save-row>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.save-row strong{text-overflow:ellipsis;font-size:13px;font-weight:550;overflow:hidden}.save-row span{color:var(--muted);font-size:10px}.save-row button{font-size:11px}.dialog-body progress{width:100%;height:14px;accent-color:var(--accent)}#export-percent{text-align:right;margin:8px 0 20px;font-size:12px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.working,.working button:not([data-action=cancel-export]){cursor:progress}@media (min-width:1500px){.workspace{max-width:1600px;margin:auto}.editor-body{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:1100px){.app-header{gap:12px;padding:12px 16px}.app-header #title{width:155px}.save-status{display:none}.workspace{padding:20px 16px}.transport{gap:16px;padding:12px 16px}.editor-body{grid-template-columns:minmax(0,1fr) 220px}.pattern-editor,.instrument-editor{padding:16px}.editor-heading>.muted{display:none}.mixer-labels,.mixer-row{grid-template-columns:150px 1fr 1fr 140px;gap:16px}.step-ruler,.drum-row{grid-template-columns:64px repeat(16,minmax(14px,1fr));gap:4px}.effect-fields{grid-template-columns:repeat(3,1fr);gap:16px}.header-actions{gap:5px}.header-actions button{padding:5px 8px;font-size:11px}}@media (max-width:800px){.app-header #title{flex:1}.header-actions{width:100%;margin:0}.header-actions button{flex:1}.transport{gap:12px}.output-level{margin:0}.view-tabs{gap:20px;padding:0 16px}.view-heading{align-items:flex-start;gap:16px}.view-heading h1{font-size:20px}.loop-ruler{grid-template-columns:var(--part-label-width) repeat(var(--bars,4), minmax(var(--bar-width), 1fr))}.loop-table{--part-label-width:160px;--bar-width:36px;overflow:auto}.part-row{grid-template-columns:var(--part-label-width) minmax(0, 1fr)}.loop-ruler{min-width:calc(var(--part-label-width) + var(--bars,4) * var(--bar-width))}.part-label{padding-right:6px}.part-name{padding:8px}.part-name span{font-size:9px}.track-toggles{gap:3px}.editor-body{grid-template-columns:1fr}.instrument-editor{border-left:0;border-top:1px solid var(--line)}.layer-row{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}.layer-row>.row{grid-column:1/-1}.layer-row>.field{margin:0}.layer-row>details{grid-column:1/-1}.guidance{display:block}.guidance p{margin-top:5px}.record-layout{grid-template-columns:1fr}.record-setup{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;display:grid}.record-setup h2{grid-column:1/-1}.record-main{padding:32px 20px}.take-row{flex-wrap:wrap;gap:8px}.take-row>strong{min-width:100px}.take-row>.muted{flex:1}.mixer{overflow:auto}.mixer-labels,.mixer-row{min-width:650px}.audio-fields{grid-template-columns:1fr 1fr}.statusbar{padding:8px 16px}.statusbar>span:last-child{display:none}.statusbar>span:first-child{max-width:100%}.welcome{padding:40px 20px 24px}.welcome h1{font-size:27px}.start-options{grid-template-columns:1fr;margin-top:28px}.start-options>div+div{border-left:0;border-top:1px solid var(--line)}.start-options>div{padding:24px}.start-options .field{max-width:100%}.dialog-body{padding:20px}.dialog-heading{padding:16px 20px}.editor-heading{padding:12px}.editor-heading>input{width:100%}.editor-heading>.row{gap:5px}.editor-heading button{font-size:10px}.record-main>.beat-cue{gap:12px}.record-main .beat-cue span{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.piano-key.in-scale{color:var(--accent)}.recovery{border:1px solid var(--accent);background:var(--surface);border-radius:5px;margin:24px 0;padding:20px}.recovery p{color:var(--muted);margin:10px 0;font-size:12px}.editor-body.audio-editor-layout{grid-template-columns:1fr}.vocal-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:16px 0}.vocal-controls h3{margin:0 0 12px}.vocal-controls>.field{max-width:340px;margin-bottom:16px}.vocal-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.vocal-controls>.hint{margin-top:12px}.phrase-controls{flex-wrap:wrap;align-items:end;gap:8px;margin-top:20px;display:flex}.phrase-controls+.hint{margin-top:12px}.groove-browser{min-width:0;margin:16px 0}.row>.groove-browser{flex-basis:100%}.groove-browser input[type=search]{width:100%}.groove-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.groove-results{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:12px;display:flex}.groove-results button{min-height:28px;padding:4px 8px;font-size:12px}.groove-browser select[size]{width:100%;min-height:200px;padding:4px}.groove-browser select[size] option{padding:4px 6px}.groove-actions{margin:12px 0 8px}.groove-description{margin:12px 0}.groove-search-fields{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}.groove-description .groove-summary{margin:0;font-size:13px;line-height:1.6}.groove-guide{font-size:12px}.groove-guide dl{grid-template-columns:84px minmax(0,1fr);gap:12px;margin:4px 0 12px;line-height:1.6;display:grid}.groove-guide dt{color:var(--muted)}.groove-guide dd{margin:0}.groove-apply-options{gap:0 20px}.start-options .groove-filter-fields .field{margin:0}@media (max-width:800px){.vocal-knobs{grid-template-columns:1fr}.phrase-controls .field{width:100%}}