@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme;@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101010;--panel:#181818;--surface:#232323;--ink:#f5f4f2;--muted:#a4a39f;--line:#333331;--accent:#fb5729;--blue:var(--accent);--yellow:var(--accent);--sans:Arial,Helvetica,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--panel:#fff;--surface:#f5f4f1;--ink:#20201e;--muted:#716f69;--line:#dedcd6}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font:16px var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background .25s,color .25s}button,input,select,textarea{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input[type=checkbox]{accent-color:var(--accent)}.app-shell{min-height:100svh}main{width:100%}.theme-toggle{z-index:10;height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:50%;place-items:center;display:grid;position:fixed;top:22px;right:25px}.theme-toggle:hover{color:var(--accent)}.input-view{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:75px 24px 28px;display:flex}.upload-panel{width:100%;max-width:590px;padding:calc(var(--spacing,.25rem) * 8);background:0 0}.panel-intro h1{--tw-leading:1.25;--tw-font-weight:var(--font-weight-medium,500);font-size:23px;line-height:1.25;font-weight:var(--font-weight-medium,500);--tw-tracking:-.7px;letter-spacing:-.7px;margin:0 0 10px}.panel-intro p{--tw-leading:1.6;color:var(--muted);margin:0 0 25px;font-size:16px;line-height:1.6}.drop-zone{background:var(--surface);border:1px dashed #ffffff24;border-radius:21px;transition:border-color .2s,background .2s;overflow:hidden}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent)}.drop-zone.drag-over{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.drop-zone.drag-over{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}}:root[data-theme=light] .drop-zone{border-color:#d1cec5}:root[data-theme=light] .drop-zone:hover,:root[data-theme=light] .drop-zone.drag-over{border-color:var(--accent)}.drop-area{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;width:100%;min-height:265px;padding:30px 18px 18px;display:flex}.upload-symbol{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:62px;height:62px;margin:6px 0 9px;display:grid}.drop-area strong{--tw-leading:1.5;--tw-font-weight:var(--font-weight-normal,400);max-width:100%;font-size:17px;line-height:1.5;font-weight:var(--font-weight-normal,400);overflow-wrap:anywhere}.drop-area strong>span{color:var(--muted)}.file-hint{color:var(--muted);--tw-leading:1.9;font-family:monospace;font-size:13px;line-height:1.9}.size-badge{background:var(--panel);margin-left:var(--spacing,.25rem);font-family:var(--sans);border-radius:5px;padding:4px 7px}.record-button{color:var(--muted);padding:var(--spacing,.25rem);justify-content:center;align-items:center;gap:7px;margin:0 auto 21px;font-size:12px;display:flex}.record-button:hover{color:var(--ink)}.record-button.recording{color:var(--accent)}.recording svg{animation:1s infinite record-pulse}@keyframes record-pulse{50%{opacity:.35}}.or-divider{align-items:center;gap:calc(var(--spacing,.25rem) * 3);color:#767672;margin:24px 0;font-size:13px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.url-label{color:var(--muted);margin-bottom:10px;font-size:15px;display:block}.youtube-input{border:1px solid var(--line);background:var(--surface);width:100%;height:47px;color:var(--ink);border-radius:13px;padding:0 15px;font-size:15px;box-shadow:inset 0 0 0 1px #ffffff03}.youtube-input::placeholder{color:#858580}.panel-actions{margin-top:calc(var(--spacing,.25rem) * 7);align-items:center;gap:10px;display:flex}.panel-actions>span{color:var(--muted);margin-right:auto;font-size:11px}.clear-button,.primary-button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:9px;height:45px;padding:0 17px;font-size:14px;display:flex}.clear-button{background:var(--surface);border:1px solid var(--line)}.primary-button{background:var(--accent);color:#fff;border:1px solid #ff926c;box-shadow:inset 0 2px 4px #ffffff36,0 2px 6px #0002}.primary-button:hover:not(:disabled){background:#ff683c}.primary-button:disabled{opacity:.65}.input-footer{margin-top:calc(var(--spacing,.25rem) * 6);text-align:center}.text-button{align-items:center;gap:calc(var(--spacing,.25rem) * 2);color:var(--muted);padding:7px;font-size:12px;display:inline-flex}.text-button:hover{color:var(--ink)}.error-message{background:var(--accent);border:1px solid #b752324f;margin:18px 0;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.error-message{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}}.error-message{color:var(--ink);--tw-leading:1.6;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.error-message p{margin:0}.error-message button{padding:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.view-enter{animation:.5s both enter}.fade-out{pointer-events:none;animation:.32s both leave}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;filter:blur(5px);transform:translateY(-12px)}}.processing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex}.processing .musician-canvas{aspect-ratio:1;width:min(350px,85vw);height:auto;margin:-35px 0 8px}.process-label{--tw-tracking:2px;letter-spacing:2px;color:var(--accent);background:var(--accent);font-family:monospace;font-size:12px}@supports (color:color-mix(in lab, red, red)){.process-label{background:color-mix(in srgb,var(--accent) 10%,transparent)}}.process-label{border-radius:3px;padding:8px 12px}.processing p{--tw-leading:1.7;max-width:430px;min-height:45px;color:var(--muted);margin:19px 0 9px;font-size:14px;line-height:1.7}.workspace{max-width:calc(var(--spacing,.25rem) * 320);margin:auto;padding:47px 36px 50px}.workspace-heading{justify-content:space-between;align-items:center;gap:30px;margin:0 3px 25px;display:flex}.workspace-heading h1{--tw-tracking:-1px;letter-spacing:-1px;--tw-leading:1.3;margin:13px 0 8px;font-size:32px;line-height:1.3}.workspace-heading p{color:var(--muted);margin:0;font-size:13px}.workspace-heading p span{margin:0 7px}.quiet-button{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.transport{color:#cfd0d2;min-height:calc(var(--spacing,.25rem) * 17);background:#252628;border-radius:14px;align-items:center;gap:6px;padding:11px 14px;display:flex;box-shadow:0 8px 22px #121a2417}.transport-icon{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);min-width:calc(var(--spacing,.25rem) * 8);color:#aaadb1;border-radius:6px;place-items:center;display:grid}.transport-icon:hover{color:#fff;background:#383a3d}.transport-icon.active{color:var(--yellow);background:#393b33}.play-button{color:#fff}.cover{width:37px;height:37px;color:var(--yellow);background:#434749;border-radius:7px;flex-shrink:0;place-items:center;margin:0 10px;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.track-progress{height:39px;min-width:calc(var(--spacing,.25rem) * 20);background:#353638;border-radius:9px;flex:1;position:relative;overflow:hidden}.progress-fill{background:var(--yellow);pointer-events:none;position:absolute;inset:0 auto 0 0}.track-label{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 5);color:#fff;mix-blend-mode:difference;pointer-events:none;padding:0 13px;font-size:13px;display:flex;position:absolute;inset:0}.track-label strong{--tw-font-weight:var(--font-weight-medium,500);font-size:14px;font-weight:var(--font-weight-medium,500);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-label span{white-space:nowrap;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.track-progress input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0}.track-progress:focus-within{outline-offset:2px;outline:3px solid #8390ff}.volume{background:#353638;border-radius:7px;align-items:center;margin-left:5px;padding:0 7px 0 0;display:flex}.volume input{width:calc(var(--spacing,.25rem) * 15);accent-color:#fff}.under-player{color:#8b9099;justify-content:space-between;align-items:center;padding:15px 3px 25px;font-size:12px;display:flex}.under-player label{align-items:center;gap:7px;display:flex}.under-player select{border:1px solid var(--line);padding:var(--spacing,.25rem);color:#6a7079;background:#fff;border-radius:5px;font-size:12px}.score-toolbar{border:1px solid var(--line);background:#fff;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.toolbar-group{align-items:center;gap:var(--spacing,.25rem);display:flex}.toolbar-group>button,.download-menu summary{white-space:nowrap;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.toolbar-group button:hover,.download-menu summary:hover,.chosen{background:#f1f3f7;border-radius:5px}.divider{background:var(--line);width:1px;height:18px;margin:0 5px}.follow{align-items:center;gap:var(--spacing,.25rem);color:#707780;margin-right:10px;font-size:12px;display:flex}.download-menu{position:relative}.download-menu summary{cursor:pointer;list-style:none}.download-menu summary::-webkit-details-marker{display:none}.download-menu>div{right:0;top:calc(var(--spacing,.25rem) * 10);border:1px solid var(--line);z-index:5;background:#fff;border-radius:8px;min-width:210px;padding:7px;position:absolute;box-shadow:0 6px 20px #0001}.download-menu a,.download-menu div button{width:100%;padding:calc(var(--spacing,.25rem) * 3);text-align:left;border-radius:4px;font-size:13px;display:block}.download-menu a:hover{background:#f0f2f7}.edit-help{border:1px solid var(--line);color:#969ca4;background:#fafbfc;border-top:0;justify-content:space-between;align-items:center;gap:15px;min-height:46px;padding:8px 18px;font-size:12px;display:flex}.note-actions{align-items:center;gap:6px;display:flex}.note-actions button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:4px;padding:5px 9px;font-size:12px;display:flex}.score-layout{border:1px solid var(--line);background:#edeef1;border-top:0;border-radius:0 0 10px 10px;display:flex;overflow:hidden}.score-scroll{height:calc(var(--spacing,.25rem) * 155);flex:1;min-width:0;padding:26px;overflow:auto}.paper{min-height:calc(var(--spacing,.25rem) * 140);min-width:calc(var(--spacing,.25rem) * 150);background:#fff;padding:20px 30px;box-shadow:0 4px 16px #2233440a}.paper svg{width:100%;overflow:visible}.playhead{stroke:#d5b509;stroke-width:2px;pointer-events:none}.paper .abcjs-note{cursor:pointer}.notation-editor{border-left:1px solid var(--line);width:350px;padding:calc(var(--spacing,.25rem) * 5);min-height:calc(var(--spacing,.25rem) * 150);background:#fafbfc;flex-direction:column;flex-shrink:0;display:flex}.notation-editor>div{justify-content:space-between;align-items:center;font-size:14px;display:flex}.notation-editor p{--tw-leading:1.6;color:#9197a1;font-size:12px;line-height:1.6}.notation-editor textarea{min-height:calc(var(--spacing,.25rem) * 90);resize:vertical;border:1px solid var(--line);color:#4e596c;tab-size:2;background:#fff;border-radius:5px;flex:1;width:100%;padding:13px;font:13px/1.8 monospace}.notation-editor>span{--tw-leading:1.6;margin-top:calc(var(--spacing,.25rem) * 3);color:#949aa3;font-size:12px;line-height:1.6}.edit-notice{border:1px solid var(--line);color:#6f7785;background:#fafbfc;margin:0;padding:10px 18px;font-size:13px}.original-audio{color:var(--muted);margin-top:25px;font-size:13px}.original-audio summary{cursor:pointer}.original-audio p{font-size:12px}.original-audio audio{width:min(500px,100%)}.loading-score{padding:calc(var(--spacing,.25rem) * 25);text-align:center;color:var(--muted)}.spinner{border:2px solid #888;border-right-color:var(--yellow);border-radius:50%;width:17px;height:17px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{--tw-tracking:1.6px;letter-spacing:1.6px;color:var(--accent);font-size:11px}.workspace{padding-top:78px}.score-toolbar,.download-menu>div,.note-actions button,.under-player select,.notation-editor textarea{background:var(--panel);color:var(--ink)}.toolbar-group button:hover,.download-menu summary:hover,.chosen,.download-menu a:hover{background:var(--surface)}.edit-help,.notation-editor,.edit-notice{background:var(--surface);color:var(--muted)}.score-layout{background:var(--surface)}.paper{color:#202020}.current-note{fill:#e34b1c!important;stroke:#e34b1c!important}.playhead{stroke:var(--accent)}.selected-note{fill:#b85319!important;stroke:#b85319!important}.track-progress:focus-within{outline-color:var(--accent)}.follow{color:var(--muted)}.track-label{mix-blend-mode:normal;text-shadow:0 1px 3px #0008}@media (max-width:900px){.workspace{padding:78px 18px 30px}.score-toolbar{flex-wrap:wrap}.with-editor{flex-direction:column}.notation-editor{min-height:calc(var(--spacing,.25rem) * 100);border-left:0;border-top:1px solid var(--line);width:100%}}@media (max-width:600px){.theme-toggle{right:17px;top:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9)}.input-view{padding:70px 16px 25px}.upload-panel{border-radius:24px;padding:25px 21px}.panel-intro h1{font-size:21px}.panel-intro p{font-size:14px}.drop-area{min-height:235px;padding:25px 12px 15px}.drop-area strong{font-size:15px}.drop-area strong>span{display:block}.file-hint{font-size:11px}.panel-actions{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin-top:22px}.panel-actions>span{flex-basis:100%;margin:0 0 6px}.clear-button{margin-left:auto}.primary-button{max-width:calc(var(--spacing,.25rem) * 45);flex:1}.or-divider{margin:20px 0}.workspace-heading{align-items:flex-start;gap:10px}.workspace-heading h1{font-size:24px}.quiet-button{font-size:11px}.workspace-heading p{font-size:12px}.transport{border-radius:10px;flex-wrap:wrap;gap:1px;padding:9px 7px}.cover{height:calc(var(--spacing,.25rem) * 8);width:30px;margin:0 5px}.track-progress{height:calc(var(--spacing,.25rem) * 9);flex-basis:55%}.track-label{gap:calc(var(--spacing,.25rem) * 2);padding:0 9px;font-size:11px}.track-label strong{font-size:12px}.track-label span:last-child{display:none}.transport-icon{width:30px;min-width:26px}.volume{margin-top:6px;margin-left:auto}.transport>.transport-icon.active,.transport>.transport-icon:nth-last-child(2){margin-top:6px}.under-player{gap:10px;font-size:10px}.score-toolbar{gap:var(--spacing,.25rem);padding:7px}.toolbar-group>button,.download-menu summary{padding:8px 6px;font-size:11px}.follow{gap:3px;margin-right:2px;font-size:11px}.score-scroll{height:calc(var(--spacing,.25rem) * 135);padding:calc(var(--spacing,.25rem) * 3)}.paper{min-width:calc(var(--spacing,.25rem) * 140);padding:15px}.edit-help{flex-wrap:wrap;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.process-label+.text-button{margin-top:calc(var(--spacing,.25rem) * 4)}.performer-unavailable{min-height:350px;color:var(--muted);place-items:center;font-size:13px;display:grid}@media print{body{background:#fff}.theme-toggle,.workspace-heading,.transport,.under-player,.score-toolbar,.edit-help,.notation-editor,.edit-notice,.original-audio,.error-message{display:none!important}.workspace{max-width:none;padding:0}.score-layout{background:#fff;border:0;display:block}.score-scroll{height:auto;padding:0;overflow:visible}.paper{box-shadow:none;min-width:0;padding:0}.paper svg{break-inside:avoid}.playhead{display:none}.current-note,.selected-note{fill:#000!important;stroke:#000!important}}.score-save-note{z-index:20;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:20px;margin:0;padding:9px 14px;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}.score-save-note.saved{color:#5fae8a}.score-save-note.failed{color:var(--accent)}.score-save-note button{color:var(--accent);padding:0 0 0 4px;font-size:12px;text-decoration:underline}.input-footer{justify-content:center;gap:14px;display:flex}.kiku-mark{flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s;overflow:visible}.kiku-receiver-entry,.kiku-upper-entry,.kiku-lower-entry,.kiku-ribbon{transform-box:view-box;transform-origin:44px 52px}.kiku-receiver-entry{animation:.7s cubic-bezier(.22,1,.36,1) both kiku-receiver-in}.kiku-upper-entry{animation:.8s cubic-bezier(.22,1,.36,1) 90ms both kiku-upper-in}.kiku-lower-entry{animation:.8s cubic-bezier(.22,1,.36,1) .16s both kiku-lower-in}.kiku-point-entry{animation:.45s .32s both kiku-point-in}.kiku-ribbon-upper{animation:5s ease-in-out 5s infinite kiku-listen-upper}.kiku-ribbon-lower{animation:5s ease-in-out 5s infinite kiku-listen-lower}.kiku-listen-point{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out 5s infinite kiku-listen-point}.kiku-signal-flight{opacity:0;animation:5s cubic-bezier(.3,.1,.3,1) 5s infinite kiku-signal-travel}a:is(:hover,:focus-visible)>.kiku-mark{filter:drop-shadow(0 3px 5px #fb572926);transform:translateY(-1px)}@keyframes kiku-receiver-in{0%{opacity:0;transform:translate(-4px)scaleY(.9)}to{opacity:1;transform:none}}@keyframes kiku-upper-in{0%{opacity:0;transform:rotate(14deg)}to{opacity:1;transform:rotate(0)}}@keyframes kiku-lower-in{0%{opacity:0;transform:rotate(-12deg)}to{opacity:1;transform:rotate(0)}}@keyframes kiku-point-in{0%{opacity:0}to{opacity:1}}@keyframes kiku-listen-upper{0%,24%,to{transform:rotate(0)}11%{transform:rotate(-3.5deg)}}@keyframes kiku-listen-lower{0%,24%,to{transform:rotate(0)}12%{transform:rotate(3deg)}}@keyframes kiku-listen-point{0%,24%,to{opacity:1;transform:scale(1)}7%{opacity:.65;transform:scale(.7)}15%{opacity:1;transform:scale(1.12)}}@keyframes kiku-signal-travel{0%,2%{opacity:0;transform:translate(0)}4%{opacity:1}17%{opacity:1}24%,to{opacity:0;transform:translate(34px,-29px)}}.processing .musician-canvas{opacity:0;transition:opacity .4s}.processing .musician-canvas[data-ready=true]{opacity:1}@media (prefers-reduced-motion:reduce){.kiku-mark *{animation:none}.kiku-signal-flight{display:none}.kiku-mark,.processing .musician-canvas{transition:none}a:is(:hover,:focus-visible)>.kiku-mark{transform:none}}}@layer components{.abcjs-inline-audio{box-sizing:border-box;background-color:#424242;border-radius:3px;align-items:center;height:26px;padding:0 5px;display:flex}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{box-sizing:border-box;border:1px solid #0000;width:28px;height:34px;margin-right:2px;padding:7px 4px;line-height:1;display:block;background:0 0!important}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed{box-sizing:border-box;background-color:#666;border:1px solid #ccc}.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{box-sizing:border-box;background-color:#424242;border:2px solid #ccc;border-radius:5px;flex:1;height:10px;margin:0 8px 0 15px;padding:0;position:relative}.abcjs-inline-audio .abcjs-midi-progress-indicator{box-sizing:border-box;background-color:#f4f4f4;border-radius:6px;width:20px;height:14px;margin-left:-10px;display:inline-block;position:absolute;top:-4px;left:0}.abcjs-inline-audio .abcjs-midi-clock{box-sizing:border-box;color:#f4f4f4;margin-top:1px;margin-left:4px;margin-right:2px;font-family:sans-serif;font-size:16px;display:inline-block}.abcjs-inline-audio .abcjs-tempo-wrapper{color:#f4f4f4;box-sizing:border-box;align-items:center;font-size:10px;display:flex}.abcjs-inline-audio .abcjs-midi-tempo{box-sizing:border-box;border:none;border-radius:2px;width:42px;margin:0 2px 0 4px;padding-left:2px}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:none;animation-name:abcjs-spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;padding:6px 8px;font-size:28px}.abcjs-large .abcjs-midi-progress-background{border:4px solid #ccc;height:20px}.abcjs-large .abcjs-midi-progress-indicator{width:40px;height:28px;top:-8px}.abcjs-large .abcjs-midi-clock{margin-top:-1px;margin-left:10px;margin-right:10px;font-size:32px}.abcjs-large .abcjs-midi-tempo{width:50px;font-size:20px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}@font-face{font-family:Supreme;src:url(/fonts/supreme-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bespoke Stencil;src:url(/fonts/bespoke-stencil-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--sans:Supreme,Arial,sans-serif;--display:"Bespoke Stencil",Supreme,sans-serif}body{transition:none}h1,h2,h3,.panel-intro h1{font-family:var(--display);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:-.025em;letter-spacing:-.025em}.panel-intro h1{--tw-leading:1.2;font-size:27px;line-height:1.2}.file-hint,.process-label{font-family:var(--sans)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;animation:.8s cubic-bezier(.22,.61,.36,1) both theme-wave-reveal}::view-transition-group(root){animation:none}@keyframes theme-wave-reveal{0%{clip-path:circle(0px at var(--theme-wave-x,50%) var(--theme-wave-y,50%))}to{clip-path:circle(var(--theme-wave-radius,150vmax) at var(--theme-wave-x,50%) var(--theme-wave-y,50%))}}.account-button{z-index:10;height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);color:var(--muted);border-radius:50%;place-items:center;display:grid;position:fixed;top:22px;right:77px}.account-button:hover{color:var(--accent);background:var(--surface)}.auth-loading{min-height:100svh;color:var(--accent);place-items:center;display:grid}.sign-in-view{justify-content:center;align-items:center;min-height:100svh;padding:90px 28px 50px;display:flex}.sign-in-content{width:100%;max-width:calc(var(--spacing,.25rem) * 110)}.sign-in-symbol{height:calc(var(--spacing,.25rem) * 16);width:calc(var(--spacing,.25rem) * 16);color:var(--accent);background:var(--accent);border-radius:20px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.sign-in-symbol{background:color-mix(in srgb,var(--accent) 12%,transparent)}}.sign-in-symbol{margin-bottom:calc(var(--spacing,.25rem) * 7)}.sign-in-content h1{--tw-leading:1.06;margin:0 0 23px;font-size:clamp(43px,7vw,61px);line-height:1.06}.sign-in-content>p{--tw-leading:1.6;max-width:370px;color:var(--muted);margin:0 0 29px;font-size:18px;line-height:1.6}.hf-sign-in{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 3);background:var(--accent);color:#fff;border-radius:100px;padding:17px 21px;font-size:16px;transition:transform .2s,background .2s;display:inline-flex;box-shadow:inset 0 1px 1px #ffffff50,0 4px 14px #0001}.hf-sign-in>span{--tw-leading:1;font-size:23px;line-height:1}.hf-sign-in:hover{background:#ed491d;transform:translateY(-2px)}.sign-in-content>.sign-in-note{--tw-leading:1.7;margin:20px 0 0;font-size:13px;line-height:1.7}.sign-in-content>.sign-in-tab-note{--tw-leading:1.5;color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.sign-in-tab-note .link-button,.sign-in-tab-note a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.create-score-pill{color:#fff;background:linear-gradient(#343434,#111 60%);border:1px solid #484848;border-radius:100px;flex-shrink:0;width:182px;height:45px;font-size:13px;transition:box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff38,0 3px 7px #0002}.pill-rest,.pill-hover{justify-content:center;align-items:center;transition:opacity .3s,transform .4s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;inset:0}.pill-rest{--tw-tracking:.07em;letter-spacing:.07em;text-transform:uppercase;font-size:13px}.pill-hover{opacity:0;white-space:nowrap;gap:9px;font-size:12px;transform:translateY(28px)}.pill-circles{padding-left:7px;display:flex}.pill-circles>span{color:#27211e;background:#f9ab82;border:2px solid #252525;border-radius:50%;place-items:center;width:27px;height:27px;margin-left:-7px;font-size:8px;display:grid}.pill-circles>span:nth-child(2){background:var(--accent);color:#fff}.pill-circles>span:last-child{color:#191919;background:#fff}.create-score-pill:is(:hover,:focus-visible):not(:disabled) .pill-rest{opacity:0;transform:translateY(-28px)}.create-score-pill:is(:hover,:focus-visible):not(:disabled) .pill-hover{opacity:1;transform:translateY(0)}.create-score-pill:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 1px #ffffff38,0 5px 12px #0003}.create-score-pill:active:not(:disabled){transform:translateY(0)}.create-score-pill:disabled{opacity:.5}@media (max-width:560px){.panel-actions{flex-wrap:wrap}.panel-actions>span{flex-basis:100%;width:100%;margin-bottom:5px}.panel-actions>.clear-button{margin-right:auto}.create-score-pill{width:182px}.panel-intro h1{font-size:26px}.sign-in-content h1{font-size:46px}.hf-sign-in{padding:16px 17px;font-size:14px}}@media (prefers-reduced-motion:reduce){.pill-rest,.pill-hover,.create-score-pill,.hf-sign-in{transition:none}}.new-score-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:13px;transition:background .2s,border-color .2s;display:inline-flex}.new-score-button>span{--tw-leading:1;color:var(--accent);font-size:22px;line-height:1}.playback-options{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.playback-options select{max-width:175px}.under-player{gap:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap}@media (max-width:600px){.playback-options{justify-content:space-between;gap:calc(var(--spacing,.25rem) * 3);width:100%}.playback-options select{max-width:155px}}.new-score-button:hover{border-color:var(--accent);background:var(--panel)}.track-progress input{z-index:3;cursor:ew-resize;appearance:none;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.track-progress:hover{box-shadow:inset 0 0 0 1px #ffffff60}.read-only-score .score-toolbar{justify-content:flex-end}.read-only-score .score-toolbar>.toolbar-group:first-child,.read-only-score .score-toolbar button[aria-expanded],.read-only-score .edit-help,.read-only-score .notation-editor{display:none}.original-player{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px 20px}.original-player-heading{margin-bottom:calc(var(--spacing,.25rem) * 3);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.original-player-heading strong{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--ink)}.original-player-heading span{color:var(--muted);font-size:12px}.original-player-controls{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.original-player-controls>.transport-icon{color:var(--ink);background:var(--surface);border-radius:50%;flex-shrink:0}.original-player-controls>input{min-width:calc(var(--spacing,.25rem) * 10);accent-color:var(--accent);cursor:pointer;flex:1}.audio-time{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--muted);font-size:12px}.original-volume{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.original-volume input{width:70px;accent-color:var(--accent)}@media (max-width:600px){.new-score-button{padding:10px 13px;font-size:12px}.original-player{padding:15px 12px}.original-player-controls{gap:calc(var(--spacing,.25rem) * 2)}.original-volume{display:none}.track-label span:last-child{display:block}.track-label strong{max-width:52%}}.create-view{max-width:calc(var(--spacing,.25rem) * 190);margin:auto;padding:78px 24px 60px}.create-head{margin-bottom:26px}.create-head h1{--tw-leading:1.1;margin:10px 0 0;font-size:clamp(28px,5vw,40px);line-height:1.1}.mode-switch{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin-bottom:14px;display:flex}.mode-chip{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:10px 15px;font-size:13px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.mode-chip:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.mode-chip.chosen-mode{border-color:var(--accent);color:var(--ink);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mode-chip.chosen-mode{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}}.mode-blurb{--tw-leading:1.65;color:var(--muted);max-width:58ch;margin:0 0 26px;font-size:14px;line-height:1.65}.create-panel{border:1px solid var(--line);background:var(--surface);border-radius:21px;padding:26px}.take-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.take-name{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;font-family:monospace;font-size:12px;display:inline-flex}.take-name button{color:var(--muted);place-items:center;padding:3px;display:grid}.take-name button:hover{color:var(--accent)}.field{margin-bottom:calc(var(--spacing,.25rem) * 5);display:block}.field>span{color:var(--muted);margin-bottom:9px;font-size:13px;display:block}.field input[type=text],.field input:not([type]),.field textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);--tw-leading:1.6;border-radius:12px;padding:13px 15px;font-size:15px;line-height:1.6}.field textarea{resize:vertical;min-height:150px;font-family:var(--sans)}.field input::placeholder,.field textarea::placeholder{color:#858580}.field.slim{flex:1;min-width:210px;margin-bottom:0}.field input[type=range]{width:100%;accent-color:var(--accent);padding:0}.field-row{margin-bottom:calc(var(--spacing,.25rem) * 5);flex-wrap:wrap;align-items:flex-end;gap:22px;display:flex}.check{--tw-leading:1.5;color:var(--muted);align-items:center;gap:9px;font-size:13px;line-height:1.5;display:flex}.create-panel .panel-actions{margin-top:calc(var(--spacing,.25rem) * 6)}.create-panel .process-label{margin-top:18px;display:inline-block}.results{flex-direction:column;gap:14px;margin-top:30px;display:flex}.result-note{--tw-leading:1.7;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.7}.result-track{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.result-track strong{--tw-font-weight:var(--font-weight-medium,500);font-size:14px;font-weight:var(--font-weight-medium,500)}.result-track audio{width:100%}.result-track .text-button{align-self:flex-start;padding:0}@media (max-width:600px){.create-view{padding:70px 16px 40px}.create-panel{border-radius:18px;padding:20px 16px}.field-row{gap:calc(var(--spacing,.25rem) * 4)}.mode-chip{padding:9px 12px;font-size:12px}}.score-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:calc(var(--spacing,.25rem) * 6);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eeedf2;font:13px var(--sans);background:#050507c9;place-items:center;display:grid;position:fixed;inset:0}.score-editor{--accent:#ff7133;width:min(1140px,100%);height:min(790px,100svh - 48px);min-height:calc(var(--spacing,.25rem) * 95);background:#17171c;border:1px solid #414149;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 120px #0009}.score-editor button,.score-editor input,.score-editor textarea,.score-editor select{font:inherit}.score-editor button:focus-visible,.score-editor input:focus-visible,.score-editor select:focus-visible,.score-editor textarea:focus-visible{outline-offset:2px;outline:2px solid #ff9a6b}.score-editor button:disabled{cursor:default;opacity:.35}.score-editor-header{border-bottom:1px solid #2e2e36;justify-content:space-between;align-items:center;padding:19px 22px 16px;display:flex}.score-editor-title{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.score-editor-title>span{color:#ffac85;background:#31292b;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.score-editor h2{--tw-font-weight:var(--font-weight-semibold,600);font-size:17px;font-weight:var(--font-weight-semibold,600);margin:0 0 4px}.score-editor-title p{color:#9898a6;margin:0;font-size:11px}.score-editor-toolbar{flex-wrap:wrap;align-items:center;gap:7px;padding:12px 20px;display:flex}.roll-editor{width:min(1240px,100%);height:min(820px,100svh - 48px)}.roll-toolbar{background:linear-gradient(#262d31,#1f2528);border-bottom:1px solid #0d1113;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;display:flex}.roll-transport,.roll-history,.roll-key{align-items:center;gap:var(--spacing,.25rem);display:flex}.roll-history{margin-left:auto}.roll-play{color:#dff5e4;background:linear-gradient(#3d4b52,#2c373c);border:1px solid #11171a;border-radius:6px;place-items:center;width:38px;height:30px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0007}.roll-play.on{color:#132216;background:linear-gradient(#b4f1bf,#7ccf8f);border-color:#4f8f5f}.roll-button{height:calc(var(--spacing,.25rem) * 7);color:#b9c6cc;background:linear-gradient(#323d42,#283135);border:1px solid #11171a;border-radius:6px;place-items:center;width:30px;display:grid;box-shadow:inset 0 1px #ffffff14}.roll-button:hover:not(:disabled),.roll-play:hover{filter:brightness(1.18)}.roll-button.on{color:#ffc36b;box-shadow:inset 0 0 0 1px #ffc36b55}.roll-field{color:#90a1a9;align-items:center;gap:7px;font-size:11px;display:flex}.roll-key span{min-width:calc(var(--spacing,.25rem) * 10);text-align:center;color:#e3ecef;font:12px ui-monospace,monospace}.roll-field input,.roll-field select{color:#e7f2ef;background:#11171a;border:1px solid #3a474d;border-radius:5px;padding:5px 6px;font:12px ui-monospace,monospace!important}.roll-field input{text-align:center;width:54px}.roll-lanes{background:#11171a;border:1px solid #2f3a3f;border-radius:7px;padding:2px;display:flex}.roll-lanes button{color:#8a9aa1;border-radius:5px;padding:5px 10px;font-size:11px}.roll-lanes button.on.vocal{color:#163020;background:linear-gradient(#b4f1bf,#86d898)}.roll-lanes button.on.instrument{color:#11283a;background:linear-gradient(#c3e5ff,#8cc4ee)}.roll-scroll{min-height:calc(var(--spacing,.25rem) * 40);overscroll-behavior:contain;scrollbar-color:#56656c #1c2326;background:#2b373d;flex:1;position:relative;overflow:auto}.roll-content{position:relative}.roll-ruler{z-index:6;height:calc(var(--spacing,.25rem) * 7);background:linear-gradient(#36444b,#2a353a);border-bottom:1px solid #12181b;position:sticky;top:0;box-shadow:0 2px 6px #0005}.roll-corner{z-index:7;height:calc(var(--spacing,.25rem) * 7);background:linear-gradient(#36444b,#2a353a);border-right:1px solid #12181b;position:sticky;left:0}.roll-timeline{height:calc(var(--spacing,.25rem) * 7);cursor:pointer;background:repeating-linear-gradient(90deg,#ffffff1a 0 1px,#0000 1px 64px) bottom/100% 7px no-repeat;position:absolute;top:0}.roll-bar-number{color:#d4dfe3;pointer-events:none;border-left:1px solid #ffffff38;height:100%;padding:3px 0 0 5px;font:11px ui-monospace,monospace;position:absolute;top:0}.roll-marker{pointer-events:none;filter:drop-shadow(0 1px 1px #0008);border:7px solid #0000;border-top:0;border-bottom:9px solid #ff9a3d;width:0;height:0;margin-left:-7px;position:absolute;bottom:0}.roll-grid{position:absolute;overflow:hidden}.roll-lane{background:#3a4950;border-bottom:1px solid #00000024;position:absolute;left:0;right:0}.roll-lane.black{background:#313e44}.roll-lane.octave{border-bottom:1px solid #0000005e}.roll-lane.lit{background:#46585f}.roll-lines{pointer-events:none;background-image:linear-gradient(90deg,#00000047 1px,#0000 1px),linear-gradient(90deg,#0000001f 1px,#0000 1px);position:absolute;inset:0}.roll-bar-line{pointer-events:none;opacity:.75;background:#151c1f;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.roll-hit{cursor:crosshair;position:absolute;inset:0}.roll-note{text-align:left;color:#143020;z-index:2;cursor:grab;touch-action:none;background:linear-gradient(#c3f6cb,#8fd9a0);border:1px solid #4f8f5f;border-radius:3px;align-items:center;padding:0 4px;display:flex;position:absolute;box-shadow:inset 0 1px #ffffffa0,0 1px 2px #0007;font:9px/1 ui-monospace,monospace!important}.roll-note:active{cursor:grabbing}.roll-note span{pointer-events:none;white-space:nowrap;overflow:hidden}.roll-note i{cursor:ew-resize;touch-action:none;border-radius:0 3px 3px 0;width:7px;position:absolute;top:-1px;bottom:-1px;right:-1px}.roll-note i:hover{background:#0000002a}.roll-note.instrument{color:#0f2638;background:linear-gradient(#d0ebff,#8cc4ee);border-color:#4f80a6}.roll-note.secondary{z-index:1;opacity:.38;box-shadow:none}.roll-note.selected{z-index:3;color:#3a110c;background:linear-gradient(#ffc4ba,#f48a7b);border-color:#b9473c}.roll-note.playing{filter:brightness(1.18);box-shadow:inset 0 1px #fff,0 0 10px #c8ffd3aa}.roll-note.fixed{cursor:default}.roll-note.fixed i{display:none}.roll-playhead{pointer-events:none;z-index:4;background:#ff9a3d88;width:1px;position:absolute;top:0;bottom:0}.roll-playhead.on{background:#ffad4f;width:2px;margin-left:-1px;box-shadow:0 0 8px #ff9a3d}.roll-keys{z-index:5;width:calc(var(--spacing,.25rem) * 24);background:#0e1214;border-left:5px solid #5b1a1a;border-image:linear-gradient(#6d2222,#3e0f0f) 1;position:sticky;left:0;box-shadow:4px 0 10px #0008}.roll-keys .key{cursor:pointer;touch-action:none;transition:transform 50ms,background 50ms;position:absolute;left:0}.roll-keys .white{background:linear-gradient(90deg,#cfcac0 0%,#f5f2ea 18%,#fffdf7 72%,#e6e1d6 92%,#bdb6a8 100%);border-bottom:1px solid #8d877c;border-radius:0 4px 4px 0;right:0;box-shadow:inset 0 1px #fff,inset -3px 0 2px -1px #0000002e}.roll-keys .white em{pointer-events:none;color:#6a655b;font:9px ui-monospace,monospace;position:absolute;bottom:2px;right:7px}.roll-keys .white.down{background:linear-gradient(90deg,#bdb7ab 0%,#e2ddd2 25%,#ece7dc 78%,#cfc9bc 100%);transform:translate(-1px);box-shadow:inset 3px 0 6px #0000003a,inset -1px 0 #0002}.roll-keys .black{z-index:2;background:linear-gradient(90deg,#050505 0%,#2b2b2d 55%,#3c3c40 80%,#121214 86%,#4a4a4f 100%);border-radius:0 3px 3px 0;width:60%;box-shadow:2px 2px 3px #000000a6,inset 0 1px #fff2,inset 0 -2px #000}.roll-keys .black.down{background:linear-gradient(90deg,#050505 0%,#232325 60%,#2d2d31 90%,#18181a 100%);transform:translate(-2px);box-shadow:1px 1px 1px #000000a0,inset 0 -1px #000}.roll-keys .white.down,.roll-keys .black.down{filter:drop-shadow(0 0 #0000)}.score-editor-footer{border-top:1px solid #2c2c35;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.score-editor-footer>div{align-items:center;gap:6px;display:flex}.score-preview-button,.score-save-button{color:#dfdce7;white-space:nowrap;background:#34343f;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;display:flex;font-size:12px!important}.score-save-button{color:#231911;background:#f47741;font-weight:600!important}.score-preview-button:hover{background:#444450}.score-save-button:hover{background:#ff9460}.score-editor-message{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);color:#c3c39e;background:#2a2a20;margin:0;padding:8px 20px;font-size:11px;display:flex}.score-editor-message.error{color:#f2ac9b;background:#302322}.composer-menu.composer-menu-floating{--ink:#f0efed;--accent:#ff7133;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px var(--sans);z-index:150;overflow-y:auto;box-shadow:0 12px 45px #0009}.composer-menu-floating button:focus-visible{outline-offset:-2px;outline:2px solid #ff9d70}.cover-controls{flex-wrap:wrap;align-items:center;gap:6px;padding:7px 0 2px;display:flex}.composer-score-row{align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;padding:4px 0 10px;display:flex}.composer-score-row>span{color:#92929e;font-size:10px}.score-open,.score-plan{color:#d1c5de;background:#2b2831;border:1px solid #3c3745;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.score-plan{color:#d9c0ac;background:#302923;border-color:#43372b;margin-left:auto}.score-open:hover,.score-plan:hover{filter:brightness(1.2)}.instrument-choice{padding:0 0 8px}.ai-panel{max-height:calc(100svh - 190px)}.ai-body{min-height:0;overflow-y:auto}.composer-task-description{--tw-leading:1.5;line-height:1.5;font-size:11px!important}@media (max-width:720px){.score-overlay{padding:calc(var(--spacing,.25rem) * 2)}.score-editor{border-radius:13px;height:calc(100svh - 16px)}.score-editor-header{padding:calc(var(--spacing,.25rem) * 3)}.score-editor-title p{font-size:10px}.score-editor-title>span{display:none}.roll-toolbar{gap:calc(var(--spacing,.25rem) * 2);padding:8px 10px}.roll-history{margin-left:0}.score-editor-footer{flex-wrap:wrap;padding:10px}.score-editor-footer>div:last-child{margin-left:auto}.score-editor-footer .wide{padding:0 9px;font-size:11px}.score-save-button{padding:9px 10px;font-size:11px!important}.ai-panel{max-height:calc(100svh - 200px)}}.studio{--paper:#0b0b0d;--panel:#151517;--surface:#222225;--ink:#f0efed;--muted:#8d8d94;--line:#29292d;--accent:#ff7133;--lane:#111113;--grid-bar:#ffffff0c;--grid-beat:#ffffff04;--rec:#ff563b;--mute:#e4b65b;--solo:#79c9a3;--track-header:244px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--paper);font:13px var(--sans);isolation:isolate;height:100svh;min-height:calc(var(--spacing,.25rem) * 105);grid-template-rows:60px minmax(0,1fr) 46px;grid-template-areas:"bar""arr""tools";display:grid;position:relative;overflow:hidden}.studio button,.studio a,.studio input,.studio summary,.studio textarea{transition:background .15s,color .15s,border-color .15s}.studio button:focus-visible,.studio a:focus-visible,.studio summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio button:disabled{opacity:.3}.studio ::-webkit-scrollbar{height:calc(var(--spacing,.25rem) * 2);width:7px}.studio ::-webkit-scrollbar-track{background:#111113}.studio ::-webkit-scrollbar-thumb{background:#343439;border:2px solid #111113;border-radius:8px}.studio-bar{align-items:center;gap:calc(var(--spacing,.25rem) * 4);background:var(--paper);z-index:15;grid-area:bar;grid-template-columns:1fr auto 1fr;padding:0 18px;display:grid}.studio-brand,.studio-transport,.studio-header-actions{align-items:center;gap:calc(var(--spacing,.25rem) * 2);min-width:0;display:flex}.studio-header-actions{justify-content:flex-end}.studio-logo{font:700 24px var(--display);--tw-tracking:-.8px;letter-spacing:-.8px;align-items:center;gap:9px;margin-right:10px;display:flex}.studio-logo .kiku-mark{border-radius:7px;flex:none}.header-pill{white-space:nowrap;color:#aaaab0;background:#19191c;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;display:inline-flex}button.header-pill:hover,a.header-pill:hover,.project-menu summary:hover{color:var(--ink);background:#242428}.header-pill.on{color:var(--ink);background:#26262a;border-color:#55555b}.project-menu{min-width:0;position:relative}.project-menu summary{cursor:pointer;max-width:170px;list-style:none}.project-menu summary::-webkit-details-marker{display:none}.project-menu summary>span{text-overflow:ellipsis;overflow:hidden}.history-buttons{gap:0;padding:0 5px}.history-buttons button{height:calc(var(--spacing,.25rem) * 7);width:29px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.history-buttons button:hover:not(:disabled){color:var(--ink);background:#313136}.studio-popover{padding:calc(var(--spacing,.25rem) * 3);color:var(--ink);background:#1b1b1f;border:1px solid #3a3a40;border-radius:14px;box-shadow:0 12px 40px #0008}.project-menu .studio-popover{flex-direction:column;gap:9px;width:250px;display:flex;position:absolute;top:42px;left:0}.export-menu .studio-popover{z-index:30;gap:2px;width:230px;padding:6px;left:auto;right:0}.export-menu summary[aria-disabled=true]{cursor:default;opacity:.45}.export-menu .spinner{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.export-menu .studio-popover button:hover{background:#29292e}.export-menu .studio-popover button>span{flex-direction:column;gap:2px;display:flex}.export-menu .studio-popover small{color:var(--muted);font-size:10px}.studio-popover>button,.studio-popover>a{text-align:left;border-radius:7px;align-items:center;gap:9px;padding:9px;font-size:12px;display:flex}.studio-popover>button:hover,.studio-popover>a:hover{background:var(--surface)}.project-name-label{gap:calc(var(--spacing,.25rem) * 2);color:var(--muted);padding:var(--spacing,.25rem);flex-direction:column;font-size:11px;display:flex}.project-name-label input{background:var(--lane);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:7px;padding:9px;font-size:13px}.account-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:9px 5px 0;font-size:12px;display:flex}.account-row button{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);place-items:center;display:grid}.studio .transport{background:#19191c;border:0;border-radius:22px;flex-wrap:nowrap;flex:none;align-items:center;gap:1px;height:34px;min-height:0;margin:0;padding:3px 6px;display:flex}.studio .transport button{height:calc(var(--spacing,.25rem) * 7);color:#98989f;border-radius:50%;place-items:center;width:29px;display:grid}.studio .transport button:hover{color:var(--ink);background:#303036}.studio .transport .play.on{color:var(--ink);background:#323239}.studio .transport .rec{color:var(--rec)}.studio .transport .rec.on{background:var(--rec);color:#fff;animation:1.2s ease-in-out infinite rec-pulse}.studio .transport button.on{color:var(--accent)}@keyframes rec-pulse{50%{opacity:.55}}.lcd{white-space:nowrap;color:#9c9ca5;--tw-font-weight:var(--font-weight-semibold,600);height:34px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:var(--font-weight-semibold,600);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);background:#19191c;border-radius:22px;align-items:center;gap:13px;padding:0 14px;display:flex}.lcd>svg{color:#6a6a73}.lcd-bars{color:#676771;min-width:49px}.lcd-time{min-width:calc(var(--spacing,.25rem) * 17)}.tempo-pill{gap:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-semibold,600);font:10px ui-monospace,Consolas,monospace;font-weight:var(--font-weight-semibold,600);color:#9898a1}.tempo-pill input{width:calc(var(--spacing,.25rem) * 7);outline-offset:3px;color:inherit;appearance:textfield;font:inherit;text-align:right;background:0 0;border:0;padding:0}.tempo-pill input::-webkit-inner-spin-button{appearance:none;margin:0}.tempo-pill input::-webkit-outer-spin-button{appearance:none;margin:0}.time-signature{margin-left:15px}.arrangement{background:var(--lane);overscroll-behavior:contain;scrollbar-color:#343439 #111113;border:1px solid #1e1e22;border-radius:9px 9px 0 0;grid-area:arr;margin:0 8px;position:relative;overflow:auto}.arr-canvas{min-height:100%;position:relative}.arr-top{z-index:7;background:#171719;border-bottom:1px solid #2c2c31;display:flex;position:sticky;top:0}.arr-corner{z-index:8;width:var(--track-header);color:#686872;--tw-tracking:1.2px;letter-spacing:1.2px;background:#171719;border-right:1px solid #2c2c31;flex:none;justify-content:space-between;align-items:center;padding:0 16px;font:9px ui-monospace,Consolas,monospace;display:flex;position:sticky;left:0}.arr-corner>span:first-child{align-items:center;gap:7px;display:flex}.ruler{cursor:text;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ruler-bar{color:#72727c;pointer-events:none;border-left:1px solid #3c3c43;padding:12px 5px 0;font:10px ui-monospace,Consolas,monospace;position:absolute;top:0;bottom:0}.ruler-head{border:5px solid #0000;border-bottom:0;border-top:7px solid var(--accent);pointer-events:none;z-index:3;width:0;height:0;position:absolute;bottom:0;left:-5px}.ruler-loop{height:var(--spacing,.25rem);background:var(--accent);pointer-events:none;border-radius:3px;position:absolute;bottom:0}.ruler-range{pointer-events:none;background:#ff713325;position:absolute;inset-block:0}.ruler-ghost{pointer-events:none;background:repeating-linear-gradient(-45deg,var(--accent) 0 4px,transparent 4px 8px);background-size:11px 11px;border-radius:3px;height:5px;animation:1s linear infinite ghost-slide;position:absolute;top:2px}@keyframes ghost-slide{to{background-position:11px 0}}.chord-lane{border-top:1px solid var(--line);font:10px ui-monospace,monospace;position:relative}.chord-lane span{border-left:2px solid var(--accent);white-space:nowrap;color:#b1b1ba;background:#222225;border-radius:3px;padding:2px 6px;position:absolute;top:2px}.arr-rows{display:flex}.arr-headers{z-index:5;width:var(--track-header);background:#151517;border-right:1px solid #2c2c31;flex:none;position:sticky;left:0}.track-head{border-bottom:1px solid #0c0c0e;border-left:3px solid var(--clip);background:#161618;align-items:stretch;display:flex}.track-head.selected{background:#202024}.track-head.silent{border-left-color:#4a4a52}.track-head.silent .track-name,.track-head.silent .track-number{color:#6c6c76}.track-head.silent .channel-volume{filter:grayscale();opacity:.6}.track-number{width:26px;padding-top:calc(var(--spacing,.25rem) * 6);text-align:center;cursor:pointer;color:#676770;flex:none;font:10px ui-monospace,monospace}.track-main{flex-direction:column;flex:1;justify-content:center;gap:13px;min-width:0;padding:0 11px 0 0;display:flex}.track-title-row{align-items:center;gap:3px;display:flex}.track-name{width:100%;min-width:0;color:var(--ink);--tw-font-weight:var(--font-weight-semibold,600);font-size:12px;font-weight:var(--font-weight-semibold,600);background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:3px 0}.track-name:hover{border-color:#3d3d44}.track-name:focus{border-color:var(--accent);padding-left:var(--spacing,.25rem);background:#29292e;outline:none}.ms{--tw-font-weight:var(--font-weight-semibold,600);width:21px;height:22px;font-size:10px;font-weight:var(--font-weight-semibold,600);color:#84848e;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ms:hover{color:var(--ink);background:#333339}.ms.on-mute{color:var(--mute);background:#e4b65b20}.ms.on-solo{color:var(--solo);background:#79c9a320}.ms.trash{color:#5e5e68;width:18px}.ms.trash:hover{color:var(--rec)}.track-controls{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.channel-volume{background:#242427;border-radius:12px;flex:1;min-width:0;height:19px;display:block;position:relative;overflow:hidden}.channel-volume:before{content:"";background:linear-gradient(to right,var(--clip),var(--clip));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.channel-volume:before{background:linear-gradient(to right,color-mix(in srgb,var(--clip) 65%,#777),var(--clip))}}.channel-volume:before{width:var(--volume,50%);opacity:.75;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.channel-volume input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:19px;margin:0;padding:0 8px;display:block;position:relative}.channel-volume input::-webkit-slider-thumb{appearance:none;background:#a4a4ac;border-radius:2px;width:3px;height:10px}.channel-volume input::-moz-range-thumb{background:#a4a4ac;border:0;border-radius:2px;width:3px;height:10px}.channel-pan{width:calc(var(--spacing,.25rem) * 10);background:#232326;border-radius:20px 20px 4px 4px;flex:none;height:19px;overflow:hidden}.channel-pan input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:19px;margin:0;padding:0 7px;display:block}.channel-pan input::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 4);appearance:none;background:#65656f;border-radius:3px;width:3px}.channel-pan input::-moz-range-thumb{height:calc(var(--spacing,.25rem) * 4);background:#65656f;border:0;border-radius:3px;width:3px}.add-track-button{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);color:#71717c;width:100%;height:58px;font-size:11px;display:flex;position:sticky;left:0}.add-track-button:hover{color:var(--ink);background:#1c1c20}.arr-lanes{touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative}.arr-lanes.tool-range{cursor:text}.lane{pointer-events:none;border-bottom:1px solid #ffffff05;position:absolute;left:0;right:0}.clip{cursor:grab;background-color:#3b4942;background-image:repeating-linear-gradient(to right,#14251b26 0 1px,transparent 1px var(--bar-width));border-radius:4px;transition:filter .15s,opacity .15s;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #71847840,inset 0 -2px #a5b8a67a}.clip:active{cursor:grabbing}.tool-range .clip,.tool-pointer .clip{cursor:text}.tool-pointer .clip-head{cursor:grab}.tool-pointer .clip:active .clip-head{cursor:grabbing}.clip-head{z-index:1;--tw-font-weight:var(--font-weight-normal,400);height:21px;font-size:10px;line-height:14px;font-weight:var(--font-weight-normal,400);white-space:nowrap;color:#c1cec5;text-overflow:ellipsis;text-shadow:0 1px 2px #111f19;background:linear-gradient(#3b494270,#0000);padding:4px 8px 0;position:absolute;inset:0 0 auto;overflow:hidden}.clip-wave{pointer-events:none;display:block}.clip.chosen{z-index:2;box-shadow:0 0 0 1px #bed0c2,inset 0 0 0 1px #bed0c230,inset 0 -2px #c0d1c08c}.clip.muted{filter:grayscale();opacity:.3}.clip.silent{filter:grayscale();opacity:.45}.clip-edge{z-index:1;width:calc(var(--spacing,.25rem) * 2);cursor:ew-resize;position:absolute;top:0;bottom:0;left:0}.clip-edge.right{left:auto;right:0}.clip-edge:hover{background:#ffffff40}.clip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.clip-context-menu{z-index:50;width:calc(var(--spacing,.25rem) * 55);max-width:calc(100vw - 16px);color:var(--ink);background:#202025;border:1px solid #44444e;border-radius:10px;padding:6px;position:fixed;box-shadow:0 12px 36px #0008}.clip-menu-name{white-space:nowrap;color:#9393a2;text-overflow:ellipsis;padding:6px 10px 8px;font-size:11px;display:block;overflow:hidden}.clip-context-menu button{text-align:left;border-radius:6px;align-items:center;gap:9px;width:100%;padding:10px;font-size:12px;display:flex}.clip-context-menu button:hover,.clip-context-menu button:focus-visible{color:#fff;background:#34343c;outline:none}.range-box{pointer-events:none;z-index:3;box-shadow:inset 1px 0 var(--accent),inset -1px 0 var(--accent);background:#ff713326;position:absolute}.studio .playhead{pointer-events:none;z-index:4;will-change:transform;opacity:.7;background:#e9e9ec;width:1px;position:absolute;top:0;left:0}.arr-timebar{z-index:6;height:calc(var(--spacing,.25rem) * 6);background:#111113;border-top:1px solid #25252a;display:flex;position:sticky;bottom:0}.timebar-corner{z-index:7;width:var(--track-header);--tw-tracking:1px;letter-spacing:1px;color:#565661;background:#151517;border-right:1px solid #2c2c31;flex:none;padding:7px 16px;font:8px ui-monospace,monospace;position:sticky;left:0}.arr-timebar>div{position:relative}.arr-timebar>div>span{color:#5c5c68;padding-left:var(--spacing,.25rem);--tw-tracking:.5px;letter-spacing:.5px;border-left:1px solid #45454f;font:9px ui-monospace,monospace;position:absolute;top:7px}.master-channel{z-index:8;height:calc(var(--spacing,.25rem) * 18);background:#18181b;border-top:1px solid #29292f;border-left:3px solid #d6d6da;width:243px;padding:12px 13px;position:absolute;bottom:70px;left:9px}.master-channel>div{align-items:center;gap:7px;margin-bottom:10px;font-size:11px;display:flex}.master-channel>div>svg{color:#8c8c95}.master-channel>div>svg:last-child{margin-left:auto}.master-channel .channel-volume{vertical-align:middle;width:143px;height:calc(var(--spacing,.25rem) * 4);display:inline-block}.master-channel .channel-volume input{height:calc(var(--spacing,.25rem) * 4)}.master-db{color:#84848f;float:right;margin-top:var(--spacing,.25rem);font:9px ui-monospace,monospace}.arr-empty{pointer-events:none;z-index:6;cursor:default;place-items:center;height:calc(100% - 150px);min-height:235px;display:grid;position:absolute;top:0;left:0}.empty-state{max-width:calc(var(--spacing,.25rem) * 125);text-align:center;pointer-events:auto;padding:30px 20px}.empty-symbol{width:66px;height:66px;color:var(--accent);background:linear-gradient(145deg,#242426,#171719);border:1px solid #323237;border-radius:21px;place-items:center;margin:0 auto 24px;display:grid;box-shadow:0 8px 30px #0002}.empty-eyebrow{color:#666670;--tw-tracking:2px;letter-spacing:2px;font-size:9px}.studio .empty-state h2{font:400 clamp(23px,2.5vw,34px) var(--sans);--tw-tracking:-1px;letter-spacing:-1px;color:#e2e2e7;margin:13px 0 12px}.empty-state p{--tw-leading:1.8;color:#85858f;margin:0 0 22px;font-size:13px;line-height:1.8}.empty-state>div{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.run-button{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);background:var(--accent);height:calc(var(--spacing,.25rem) * 9);color:#fff;cursor:pointer;border-radius:22px;padding:0 16px;font-size:12px;display:flex}.run-button:hover{background:#ff864f}.tool-button.wide{height:calc(var(--spacing,.25rem) * 9);color:#c0c0c8;border:1px solid #393940;border-radius:22px;padding:0 16px;font-size:12px}.empty-formats{margin-top:calc(var(--spacing,.25rem) * 4);color:#55555f;font-size:10px;display:block}.assistant-dock{bottom:calc(var(--spacing,.25rem) * 22);z-index:10;width:min(620px,100% - 320px);position:absolute;left:calc(50% + 118px);transform:translate(-50%)}.assistant-hidden{display:none}.ai-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ink);background:#171719f5;border:1px solid #45454b;border-radius:18px;flex-direction:column;display:flex;position:relative;box-shadow:0 12px 48px #0005}.panel-title{align-items:center;gap:calc(var(--spacing,.25rem) * 2);min-width:0;padding:12px 13px 0;display:flex}.composer-choice{flex:none;min-width:0;position:relative}.composer-selector{color:#d7d7df;white-space:nowrap;background:#28282e;border:1px solid #3b3b43;border-radius:18px;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:11px;display:flex}.composer-selector>svg:first-child{color:#a5a5b4;flex:none}.composer-choice:nth-of-type(2) .composer-selector>svg:first-child{color:#e5a581}.composer-selector:hover,.composer-selector.expanded{color:#fff;background:#34343c;border-color:#555561}.selector-chevron{color:#777787;transition:transform .15s}.expanded .selector-chevron{transform:rotate(180deg)}.composer-menu{width:calc(var(--spacing,.25rem) * 75);padding:calc(var(--spacing,.25rem) * 2);z-index:22;background:#202025;border:1px solid #44444e;border-radius:15px;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 16px 50px #0009}.composer-menu-heading{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding:7px 9px 12px;display:flex}.composer-menu-heading>span:first-child{color:#c7c7d2;font-size:12px}.composer-menu-heading>span:last-child{color:#626272;--tw-tracking:1.4px;letter-spacing:1.4px;font:8px ui-monospace,monospace}.composer-options{gap:var(--spacing,.25rem);flex-direction:column;max-height:min(330px,100svh - 300px);display:flex;overflow:auto}.composer-option{min-height:calc(var(--spacing,.25rem) * 14);text-align:left;color:#c9c9d4;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:9px 8px;display:flex}.composer-option:hover:not(:disabled),.composer-option:focus-visible{background:#2c2c34;border-color:#464652;outline:none}.composer-option.selected{background:#ff71330b;border-color:#a975534a}.option-icon{width:30px;height:30px;color:var(--option-color);background:var(--option-color);border-radius:9px;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.option-icon{background:color-mix(in srgb,var(--option-color) 12%,transparent)}}.option-copy{gap:var(--spacing,.25rem);flex-direction:column;flex:1;min-width:0;display:flex}.option-copy strong{--tw-font-weight:var(--font-weight-medium,500);font-size:12px;font-weight:var(--font-weight-medium,500)}.option-copy small{color:#9393a2;--tw-leading:1.5;font-size:10px;line-height:1.5}.option-check{color:#e8a57e;flex:none}.style-menu{width:calc(var(--spacing,.25rem) * 70)}.style-menu .composer-options{gap:var(--spacing,.25rem);grid-template-columns:1fr 1fr;display:grid}.style-menu .composer-option{gap:7px;min-height:41px;padding:6px}.style-menu .option-icon{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);border-radius:7px}.style-menu .option-copy strong{font-size:11px}.composer-caption{color:#747480;margin-right:auto;font-size:10px}.composer-score{max-height:min(330px,40svh);padding:5px 0;overflow:auto}.composer-lyrics{padding-top:calc(var(--spacing,.25rem) * 2);border-top:1px solid #303036}.composer-brand{white-space:nowrap;color:#9797a1;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.composer-brand svg{color:var(--accent)}.ai-body{flex-direction:column;gap:10px;margin:0;padding:10px 15px 12px;display:flex}.composer-prompt{display:block}.composer-prompt textarea{color:var(--ink);resize:none;--tw-leading:1.6;background:0 0;border:0;outline:none;width:100%;min-height:45px;padding:3px 1px;font-size:13px;line-height:1.6;display:block}.composer-prompt textarea::placeholder{color:#81818b}.composer-prompt textarea:focus-visible{outline:0}.ai-panel:focus-within{border-color:#6b6b76}.composer-task-description{color:#a0a0aa;margin:4px 0 10px;font-size:13px}.composer-footer{align-items:center;gap:calc(var(--spacing,.25rem) * 3);min-height:30px;display:flex}.ai-actions{align-items:center;gap:6px;display:flex}.selection-download{position:relative}.selection-download summary{cursor:pointer;list-style:none}.selection-download summary::-webkit-details-marker{display:none}.selection-download-menu{z-index:40;background:#1b1b1f;border:1px solid #3a3a40;border-radius:11px;flex-direction:column;gap:2px;width:150px;padding:5px;display:flex;position:absolute;bottom:38px;right:0;box-shadow:0 12px 40px #0008}.selection-download-menu button{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing,.25rem) * 2);color:var(--ink);border-radius:7px;padding:8px 9px;font-size:12px;display:flex}.selection-download-menu button:hover{background:#29292e}.selection-download-menu small{color:var(--muted);font-size:10px}.ai-actions .run-button{border-radius:50%;width:30px;height:30px;padding:0}.ai-tabs{scrollbar-width:none;gap:3px;padding:0 0 3px;display:flex;overflow-x:auto}.ai-tabs button{white-space:nowrap;color:#8a8a94;border-radius:16px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:flex}.ai-tabs button:hover:not(:disabled){color:var(--ink);background:#2b2b30}.ai-tabs button.chosen{color:#ff9565;background:#ff713317}.ai-panel .field{flex-direction:column;gap:7px;margin:0;font-size:12px;display:flex}.ai-panel .field>span{color:#a0a0aa;justify-content:space-between;margin:0;font-size:11px;display:flex}.ai-panel .field em{color:#d0d0d8;font-style:normal}.ai-panel input:not([type]),.ai-panel input[type=text],.ai-panel .field textarea{width:100%;color:var(--ink);background:#141417;border:1px solid #3a3a41;border-radius:8px;padding:8px 10px;font-size:12px}.ai-where{border-left:2px solid var(--accent);color:#aaaab5;--tw-leading:1.6;margin:0;padding:0 0 0 10px;font-size:11px;line-height:1.6}.ai-error{--tw-leading:1.5;background:#ff563b14;border:1px solid #ff563b40;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;margin:0;padding:9px 11px;font-size:12px;line-height:1.5;display:flex}.job-list{width:100%;max-height:calc(var(--spacing,.25rem) * 40);background:#171719;border:1px solid #38383f;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto}.job{grid-template-columns:15px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:7px;display:grid}.job .spinner{width:13px;height:13px}.job strong{--tw-font-weight:var(--font-weight-medium,500);font-size:12px;font-weight:var(--font-weight-medium,500);margin-bottom:3px;display:block}.job span{--tw-leading:1.5;color:#9595a0;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.job.failed{color:#ff907b}.job button{color:#888893}.library-drawer{top:calc(var(--spacing,.25rem) * 17);z-index:12;right:calc(var(--spacing,.25rem) * 4);bottom:calc(var(--spacing,.25rem) * 16);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#19191df7;border:1px solid #3a3a42;border-radius:16px;flex-direction:column;width:270px;max-width:calc(100% - 32px);display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 48px #0008}.library-drawer>header,.mixer-drawer>header{padding:calc(var(--spacing,.25rem) * 4);color:#dadade;justify-content:space-between;align-items:center;font-size:13px;display:flex}.library-drawer>header>span,.mixer-drawer>header>span{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.library-drawer>header button,.mixer-drawer>header button{color:#90909b;place-items:center;display:grid}.library-intro{color:#777784;margin:0 0 10px;padding:0 16px;font-size:11px}.browser{min-height:0;padding:0 10px 18px;overflow:auto}.browser h2{font:10px var(--sans);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:1.2px;letter-spacing:1.2px;text-transform:uppercase;color:#666673;margin:19px 9px 7px}.browse-item{text-align:left;color:#c0c0c9;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:12px;display:flex}.browse-item svg{color:#7d7d8a;flex:none}.browse-item:hover{color:var(--ink);background:#2c2c33}.browse-item.chosen{color:#ffad87;background:#ff713313}.browse-item.chosen svg{color:inherit}.browse-item.recording{color:#ff957e;background:#ff563b18}.project-info label,.project-info p{color:#94949f;justify-content:space-between;align-items:center;margin:0;padding:5px 10px;font-size:11px;display:flex}.project-info input{width:70px;color:var(--ink);background:#111115;border:1px solid #38383f;border-radius:6px;padding:5px;font-size:11px}.project-info strong{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:#d0d0d8}.project-info .chord-summary{--tw-leading:1.6;color:#b8b8c3;line-height:1.6;display:block}.mixer-drawer{left:calc(var(--spacing,.25rem) * 4);z-index:13;background:#1a1a1e;border:1px solid #3a3a42;border-radius:16px;max-width:calc(100% - 32px);position:absolute;bottom:62px;overflow:hidden;box-shadow:0 10px 40px #0008}.mixer-drawer>header{padding:12px 15px}.mixer{gap:6px;max-width:calc(100vw - 50px);padding:0 10px 10px;display:flex;overflow-x:auto}.mixer-empty{color:#898994;align-self:center;margin:0 20px;font-size:12px}.strip{border-top:2px solid var(--clip);background:#25252b;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:5px;width:73px;padding:8px 4px;display:flex}.strip-master{background:#303036}.strip.silent{border-top-color:#4a4a52}.strip.silent .strip-pan,.strip.silent .strip-body,.strip.silent .strip-name{filter:grayscale();opacity:.55}.strip-number{color:#81818f;font:9px ui-monospace,monospace}.strip-pan{height:calc(var(--spacing,.25rem) * 4);align-items:center;display:flex}.strip-pan input{width:58px;accent-color:var(--clip)}.strip-body{height:calc(var(--spacing,.25rem) * 26);gap:7px;display:flex}.strip-meter{background:#111115;border-radius:3px;width:5px;position:relative;overflow:hidden}.strip-meter i{transform-origin:bottom;background:linear-gradient(0deg,#79c9a3 0 62%,#e4b65b 62% 84%,#ff563b 84%);position:absolute;inset:0;transform:scaleY(0)}.fader{writing-mode:vertical-lr;height:calc(var(--spacing,.25rem) * 26);width:22px;accent-color:var(--clip);direction:rtl;margin:0}.strip-db{color:#9595a2;font:9px ui-monospace,monospace}.strip-buttons{gap:3px;display:flex}.strip-name{max-width:calc(var(--spacing,.25rem) * 16);text-overflow:ellipsis;white-space:nowrap;color:#c8c8d1;font-size:10px;overflow:hidden}.studio-tools{align-items:center;gap:calc(var(--spacing,.25rem) * 2);background:var(--paper);z-index:14;grid-area:tools;min-width:0;padding:0 12px;display:flex}.tool-group{background:#19191c;border-radius:20px;flex:none;align-items:center;gap:2px;padding:3px 6px;display:flex}.tool-button{height:calc(var(--spacing,.25rem) * 7);min-width:calc(var(--spacing,.25rem) * 7);cursor:pointer;color:#898993;border-radius:50%;justify-content:center;align-items:center;gap:6px;padding:0 7px;font-size:11px;display:inline-flex}.tool-button:hover{color:var(--ink);background:#2e2e34}.tool-button.on{color:#e2e2e8;background:#303036}.snap{color:#72727e;gap:3px}.snap select{color:#9a9aa5;cursor:pointer;background:0 0;border:0;width:53px;height:25px;padding:0 2px;font-size:10px}.snap select option{background:#222225}.tool-hint{color:#5f5f6c;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:10px;font-size:10px;display:flex;overflow:hidden}.zoom-tools{gap:6px}.assistant-toggle{white-space:nowrap;color:#a0a0aa;background:#19191c;border-radius:20px;height:34px;padding:0 12px}.assistant-toggle.on{color:#ffad88;background:#ff71330d}.assistant-toggle svg{color:var(--accent)}.shortcuts-popover{bottom:calc(var(--spacing,.25rem) * 15);right:calc(var(--spacing,.25rem) * 4);z-index:16;width:278px;font-size:12px;position:absolute}.shortcuts-popover>header{border-bottom:1px solid #33333b;justify-content:space-between;align-items:center;margin-bottom:7px;padding:4px 2px 13px;display:flex}.shortcuts-popover strong{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.shortcut{color:#a4a4af;justify-content:space-between;align-items:center;gap:10px;padding:7px 3px;font-size:11px;display:flex}.shortcut kbd{color:#d0d0d8;background:#303036;border:1px solid #41414a;border-radius:4px;padding:3px 6px;font:10px ui-monospace,monospace}.studio-notice{left:50%;bottom:calc(var(--spacing,.25rem) * 15);z-index:20;align-items:center;gap:calc(var(--spacing,.25rem) * 3);color:#e8e8ee;background:#27272f;border:1px solid #46464f;border-radius:12px;max-width:calc(100% - 32px);margin:0;padding:12px 16px;font-size:12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #0005}.studio-notice button{white-space:nowrap;color:#ffad88}.segmented{background:#141417;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented button{color:#9595a0;border-radius:6px;padding:8px 4px;font-size:11px}.segmented button.chosen{color:#ffad88;background:#323237}.ai-panel .text-button{color:#ffad88;align-items:center;gap:6px;margin-top:7px;padding:0;font-size:11px;display:inline-flex}.ghost-button{background:#26262c;border:1px solid #414149;border-radius:8px;flex:1;height:33px;font-size:12px}.score-next{gap:calc(var(--spacing,.25rem) * 2);display:flex}.score-sheet{flex-direction:column;gap:11px;display:flex}.score-meta{grid-template-columns:1fr 92px;align-items:end;gap:10px;display:grid}.score-meta input[type=number]{width:100%;color:var(--ink);background:#141417;border:1px solid #3a3a41;border-radius:7px;padding:7px 8px;font-size:12px}.stepper{align-items:center;gap:var(--spacing,.25rem);background:#141417;border:1px solid #3a3a41;border-radius:7px;padding:3px;display:flex}.stepper button{color:#9595a0;border-radius:5px;place-items:center;width:26px;height:26px;display:grid}.stepper strong{text-align:center;--tw-font-weight:var(--font-weight-medium,500);font-size:12px;font-weight:var(--font-weight-medium,500);white-space:nowrap;flex:1}.stepper strong em{color:var(--accent);font-style:normal}.score-bars{max-height:calc(var(--spacing,.25rem) * 75);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid;overflow:auto}.score-bar{background:#26262c;border:1px solid #3a3a41;border-radius:7px;flex-direction:column;gap:3px;padding:6px 7px 7px;display:flex}.score-bar.opens{border-left:3px solid var(--accent)}.score-bar .bar-no{color:#9595a0;justify-content:space-between;font:10px ui-monospace,monospace;display:flex}.score-bar .bar-no small{font-size:10px}.score-bar em{color:var(--accent);font-size:10px;font-style:normal}.ai-panel .score-bar input{padding:4px 6px;font:12px ui-monospace,monospace}.score-hint{--tw-leading:1.6;color:#9595a0;margin:0;font-size:11px;line-height:1.6}@media (min-width:1250px){.studio-transport{position:absolute;left:50%;transform:translate(-50%)}.studio-header-actions{grid-column:3}}@media (max-width:1100px){.studio-bar{gap:calc(var(--spacing,.25rem) * 2);padding:0 12px}.studio-logo{margin-right:var(--spacing,.25rem)}.history-buttons{display:none}.project-menu summary{max-width:calc(var(--spacing,.25rem) * 33)}.lcd{gap:9px;padding:0 10px}.lcd-bars{display:none}.studio-header-actions{gap:5px}.header-pill{padding:0 9px}.tempo-pill{padding:0 8px}.time-signature{margin-left:6px}}@media (max-width:760px){.studio-bar{grid-template-rows:47px 42px;grid-template-columns:1fr auto;gap:0;height:89px}.studio{grid-template-rows:89px minmax(0,1fr) 46px}.studio-transport{border-top:1px solid #222227;grid-area:2/1/auto/-1;justify-content:center;padding:5px 0}.lcd-bars{display:block}.tempo-pill{display:none}.studio-logo{font-size:24px}.header-pill{height:30px;font-size:11px}.assistant-dock{width:calc(100% - 300px);min-width:calc(var(--spacing,.25rem) * 75);left:calc(50% + 110px)}.composer-brand{display:none}.panel-sub{margin-left:auto}.library-drawer{top:97px}.tool-hint{display:none}.zoom-tools{margin-left:auto}.master-channel{bottom:70px}.empty-eyebrow{display:none}.empty-symbol{margin-bottom:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 13);width:calc(var(--spacing,.25rem) * 13);border-radius:16px}.studio .empty-state h2{font-size:23px}.empty-state p{font-size:12px}.arr-empty{height:calc(100% - 185px)}}@media (max-width:639px){.assistant-dock{width:calc(100% - 32px);min-width:0;bottom:85px;left:50%}.master-channel{width:155px;height:65px;padding:11px 10px}.master-channel .channel-volume{width:calc(var(--spacing,.25rem) * 23)}.master-db{font-size:8px}.master-channel>div{margin-bottom:calc(var(--spacing,.25rem) * 2)}.track-main{gap:11px;padding-right:7px}.track-number{width:18px;font-size:9px}.track-name{font-size:11px}.ms{width:17px}.ms.trash{display:none}.track-title-row{gap:0}.channel-pan{width:27px}.track-controls{gap:5px}.arr-corner{padding:0 10px}.timebar-corner{padding-left:10px}.studio-tools{gap:5px;padding:0 7px}.tool-group{padding:3px}.snap,.help-button{display:none}.zoom-tools{gap:0}.assistant-toggle{padding:0 8px}.assistant-toggle span{display:none}.panel-sub{font-size:9px}.composer-context{font-size:10px}.ai-tabs button{padding:6px 7px;font-size:9px}.settings-body{max-height:calc(100svh - 350px);padding:calc(var(--spacing,.25rem) * 4)}.studio .empty-state h2{--tw-tracking:-.6px;letter-spacing:-.6px;font-size:21px}.empty-state{padding:25px 12px}.empty-state>div{gap:6px}.empty-state .run-button,.tool-button.wide{height:calc(var(--spacing,.25rem) * 8);padding:0 11px;font-size:11px}.arr-empty{min-height:calc(var(--spacing,.25rem) * 55);height:calc(100% - 170px)}.empty-formats{font-size:9px}.empty-symbol{width:45px;height:45px}.studio-header-actions .header-pill{gap:var(--spacing,.25rem);padding:0 9px}.project-menu summary{max-width:126px}.studio-brand{gap:var(--spacing,.25rem)}.studio-logo{margin-right:2px}.studio-logo span{display:none}.studio-notice{width:calc(100% - 24px);font-size:11px}.library-drawer{bottom:58px;right:calc(var(--spacing,.25rem) * 3)}.arr-timebar>div>span{font-size:8px}}@media (max-height:660px){.empty-symbol,.empty-eyebrow,.empty-formats{display:none}.empty-state p{margin-bottom:13px}.empty-state{padding:calc(var(--spacing,.25rem) * 4)}.assistant-dock{bottom:calc(var(--spacing,.25rem) * 20)}.settings-body{max-height:calc(100svh - 285px)}.arr-empty{height:calc(100% - 155px)}}@media (prefers-reduced-motion:reduce){.studio *{transition:none!important;animation:none!important}}@media (max-width:639px){.composer-choice:nth-of-type(2) .composer-menu{left:auto;right:-35px}.composer-menu{width:min(300px,100vw - 48px)}.style-menu{width:min(280px,100vw - 48px)}}@media (max-width:380px){.panel-title{gap:6px;padding-inline:12px}.composer-selector{gap:5px;padding:0 7px;font-size:10px}.composer-choice:nth-of-type(2) .composer-selector>svg:first-child{display:none}.composer-add,.composer-close{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}.composer-selector span{text-overflow:ellipsis;max-width:82px;overflow:hidden}.lcd-bars{display:none}.project-menu summary{max-width:86px}.studio-transport{gap:6px}}@media (min-width:640px) and (max-width:1350px){.studio-bar{grid-template-rows:47px 42px;grid-template-columns:1fr auto;gap:0;height:89px}.studio{grid-template-rows:89px minmax(0,1fr) 46px}.studio-transport{border-top:1px solid #222227;grid-area:2/1/auto/-1;justify-content:center;padding:5px 0;position:static;transform:none}.studio-header-actions{grid-column:2}.library-drawer{top:97px}}@media (max-width:639px){.studio-bar{grid-template-rows:47px 38px 42px;height:127px}.studio{grid-template-rows:127px minmax(0,1fr) 46px}.studio-brand{grid-area:1/1/auto/-1}.studio-header-actions{justify-content:center;gap:var(--spacing,.25rem);grid-area:2/1/auto/-1}.studio-header-actions .header-pill{padding:0 8px}.studio-transport{grid-row:3}.library-drawer{top:135px}}.composer-close{color:#a0a0a9;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;padding:0;display:grid}.composer-close:hover{color:var(--ink);background:#38383e}.strength{flex-direction:column;gap:9px;padding:4px 0 10px;display:flex}.strength-top{color:#a0a0aa;justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.strength-top strong{--tw-font-weight:var(--font-weight-semibold,600);font-size:12px;font-weight:var(--font-weight-semibold,600);color:var(--ink)}.strength-top em{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:#85858f;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-left:7px;font-style:normal}.strength-track{height:22px;position:relative}.strength-rail{left:0;right:0;top:calc(var(--spacing,.25rem) * 2);background:linear-gradient(to right,var(--accent) var(--fill),#34343a var(--fill));pointer-events:none;border-radius:3px;height:6px;position:absolute}.strength-rail i{height:calc(var(--spacing,.25rem) * 3);background:#17171a;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px}.strength-track input{cursor:pointer;appearance:none;background:0 0;width:100%;height:22px;margin:0;position:absolute;inset:0}.strength-track input::-webkit-slider-runnable-track{background:0 0;height:22px}.strength-track input::-moz-range-track{background:0 0;height:22px}.strength-track input::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--accent);background:#fff;border-radius:50%;width:18px;height:18px;margin-top:2px;box-shadow:0 2px 8px #0008}.strength-track input::-moz-range-thumb{border:4px solid var(--accent);background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 2px 8px #0008}.strength-track input:focus-visible{outline:none}.strength-track input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ff713355}.strength-zones{gap:var(--spacing,.25rem);grid-template-columns:repeat(4,1fr);display:grid}.strength-zones button{color:#8a8a94;background:#222226;border:1px solid #0000;border-radius:8px;padding:6px 0;font-size:10px}.strength-zones button:hover{color:var(--ink);background:#2b2b30}.strength-zones button.on{color:#ff9565;background:#ff713317;border-color:#ff713340}.strength-text{--tw-leading:1.45;color:#9a9aa4;min-height:30px;margin:0;font-size:11px;line-height:1.45}.track-head.take-head{background:#141416;border-left-style:dashed}.take-use{cursor:pointer;color:#1a1208;background:0 0;border:1.5px solid #5b5b64;border-radius:5px;flex:none;align-self:center;place-items:center;width:18px;height:18px;margin:0 7px 0 9px;display:grid}.take-use:hover{border-color:var(--accent)}.take-use.on{background:var(--accent);border-color:var(--accent)}.take-warn{color:#e4b65b;place-items:center;display:grid}.lane.take-lane{background:#ffffff03}.track-head.job-head{border-left:3px dashed var(--accent);background:#17151a}.job-pulse{height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);background:var(--accent);border-radius:50%;flex:none;align-self:center;margin:0 12px 0 14px;animation:1.4s ease-in-out infinite job-pulse}.job-head .track-main{justify-content:center;gap:6px}.job-title{--tw-font-weight:var(--font-weight-medium,500);min-width:0;font-size:12px;font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--ink);text-overflow:ellipsis;flex:1;overflow:hidden}.job-status{white-space:nowrap;color:#9a9aa4;text-overflow:ellipsis;font-size:10px;overflow:hidden}.job-meter{background:#2c2c31;border-radius:2px;height:3px;display:block;overflow:hidden}.job-meter i{background:var(--accent);height:100%;transition:width .4s linear;display:block}.job-lane{pointer-events:none;z-index:2;background:#ff71330d;border:1px dashed #ff713366;border-radius:6px;position:absolute;overflow:hidden}.job-wave{pointer-events:none;left:0;top:calc(var(--spacing,.25rem) * 5);display:block;position:absolute}.job-lane-label{left:calc(var(--spacing,.25rem) * 2);top:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-medium,500);font-size:10px;font-weight:var(--font-weight-medium,500);white-space:nowrap;color:#ffb08c;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);position:absolute}@keyframes job-pulse{50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.job-pulse{animation:none}.job-meter i{transition:none}}.save-pill .spinner{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.save-pill.saved svg{color:#79c9a3}.save-pill.error svg{color:#ff907b}.save-pill.needs{color:#ffb08c;border-color:#ff713355}.voice-choice{align-items:center;gap:var(--spacing,.25rem);color:#a0a0aa;font-size:11px;display:flex}.voice-choice span{margin-right:6px}.voice-choice button{color:#8a8a94;background:#222226;border:1px solid #0000;border-radius:12px;padding:5px 10px;font-size:11px}.voice-choice button:hover{color:var(--ink)}.voice-choice button.on{color:#ff9565;background:#ff713317;border-color:#ff713340}.hub,.player,.hub-dialog{--ink:#efeef0;--hub-bg:#0e0e10;--hub-panel:#161619;--hub-raise:#1e1e22;--hub-line:#2a2a30;--hub-ink:#efeef0;--hub-muted:#9a99a3;--hub-faint:#6c6b74;--accent:#ff7133;--accent-soft:#ff713318;--nav:232px;--player:72px}.hub{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--hub-bg);min-height:100svh;color:var(--hub-ink);font:14px var(--sans);grid-template-columns:var(--nav) minmax(0,1fr);display:grid}.hub a{color:inherit}.hub-loading,.hub-signin{grid-template-columns:1fr;place-items:center;display:grid}.hub-nav{scrollbar-width:thin;border-right:1px solid var(--hub-line);background:#111114;flex-direction:column;gap:22px;height:100svh;padding:22px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.hub-logo{font:700 22px/1 var(--display);--tw-tracking:-.5px;letter-spacing:-.5px;align-items:center;gap:10px;padding:2px 10px 8px;display:flex}.hub-logo .kiku-mark{border-radius:7px;flex:none}.hub-nav ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.hub-nav li a{align-items:center;gap:calc(var(--spacing,.25rem) * 3);color:var(--hub-muted);border-radius:10px;padding:10px 12px;font-size:14px;display:flex}.hub-nav li a:hover{background:var(--hub-raise);color:var(--hub-ink)}.hub-nav li a[aria-current=page]{background:var(--hub-raise);color:var(--hub-ink);box-shadow:inset 3px 0 var(--accent)}.hub-account{background:var(--hub-panel);border-radius:10px;flex-shrink:0;align-items:center;gap:9px;margin-top:auto;padding:8px 10px;display:flex}.hub-avatar{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);--tw-font-weight:var(--font-weight-bold,700);font-size:12px;font-weight:var(--font-weight-bold,700);color:#1b120c;background:linear-gradient(135deg,#ffb08c,#ff7133);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.hub-avatar img{object-fit:cover;width:100%;height:100%;display:block}.hub-sign-in{color:var(--hub-ink);font:600 13px var(--sans);cursor:pointer;justify-content:center;gap:calc(var(--spacing,.25rem) * 2);border:0}.hub-sign-in:hover{background:var(--hub-raise)}.hub-sign-in svg{color:var(--accent)}.hub-gate .sign-in-view{min-height:calc(100svh - var(--player) - 70px);padding:40px 12px}.hub-handle{min-width:0;color:var(--hub-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.hub-account button{padding:var(--spacing,.25rem);color:var(--hub-faint);border-radius:6px}.hub-account button:hover{color:var(--hub-ink)}.hub-main{min-width:0;padding:34px clamp(16px,3vw,44px) calc(var(--player) + 30px)}.hub .spinner{border-color:#55545c;border-right-color:var(--accent)}.skeleton{background:#242429;border-radius:6px;flex:none;max-width:100%;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(100deg,#0000 15%,#ffffff09 45%,#ffffff10 50%,#ffffff09 55%,#0000 85%);animation:1.7s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}.loading-placeholder{min-width:0}.skeleton-card,.skeleton-row{pointer-events:none}.skeleton-card:hover,.skeleton-row:hover{background:0 0}.skeleton-art{aspect-ratio:1;border-radius:12px;width:100%}.skeleton-title{width:78%;height:14px}.skeleton-meta{width:38%;height:10px}.skeleton-detail{width:88%;height:11px}.skeleton-byline{align-items:center;gap:7px;display:flex}.skeleton-avatar{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);border-radius:50%}.skeleton-byline .skeleton-avatar{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.skeleton-name{height:11px;width:calc(var(--spacing,.25rem) * 22)}.skeleton-row{min-height:calc(var(--spacing,.25rem) * 22)}.skeleton-row-art{height:calc(var(--spacing,.25rem) * 14);width:calc(var(--spacing,.25rem) * 14);border-radius:10px}.skeleton-item-icon{height:calc(var(--spacing,.25rem) * 11);width:calc(var(--spacing,.25rem) * 11);border-radius:11px}.skeleton-heading{width:min(100%,340px);height:30px;margin-bottom:18px}.skeleton-section-heading{height:22px;width:calc(var(--spacing,.25rem) * 30);margin-bottom:18px}.skeleton-tabs{margin-bottom:calc(var(--spacing,.25rem) * 3);border-radius:11px;width:100%;height:38px}.skeleton-input{border-radius:11px;width:100%;height:142px}.skeleton-action{border-radius:999px;width:110px;height:42px}.skeleton-back{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 19)}.skeleton-hero-art{height:calc(var(--spacing,.25rem) * 60);width:calc(var(--spacing,.25rem) * 60);border-radius:18px}.skeleton-hero-title{height:calc(var(--spacing,.25rem) * 10);width:90%}.skeleton-prompt{min-height:calc(var(--spacing,.25rem) * 33);flex-direction:column;gap:18px;display:flex}.skeleton-prompt .skeleton-action{margin-top:auto;margin-left:auto}.home-hero>.skeleton-heading{width:min(70%,560px);height:42px;margin:0 auto 26px}.skeleton-account{min-height:calc(var(--spacing,.25rem) * 11)}.skeleton-upload{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 5)}@keyframes skeleton-sweep{to{transform:translate(100%)}}.player{left:var(--nav);z-index:30;height:var(--player);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hub-line);color:var(--hub-ink);font:13px var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#131316f2;grid-template-columns:minmax(150px,1fr) minmax(240px,2fr) minmax(120px,1fr);align-items:center;gap:18px;padding:0 22px;display:grid;position:fixed;bottom:0;right:0}.player-now{align-items:center;gap:11px;min-width:0;display:flex}.player-now div{flex-direction:column;gap:3px;min-width:0;display:flex}.player-now strong{--tw-font-weight:var(--font-weight-semibold,600);font-size:13px;font-weight:var(--font-weight-semibold,600);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-now span{white-space:nowrap;color:var(--hub-faint);text-overflow:ellipsis;font-size:11px;overflow:hidden}.player-hint{color:var(--hub-faint);font-size:12px}.player-controls{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.player-play{background:var(--hub-ink);color:#111;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.player-play:disabled{opacity:.3}.player-play .spinner{width:15px;height:15px}.player-time{width:34px;color:var(--hub-faint);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);text-align:center;font-size:11px}.player input[type=range]{appearance:none;height:var(--spacing,.25rem);background:linear-gradient(to right,var(--accent) var(--fill),#3a3a41 var(--fill));cursor:pointer;border-radius:2px;flex:1}.player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);background:#fff;border-radius:50%}.player input[type=range]::-moz-range-thumb{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);background:#fff;border:0;border-radius:50%}.player-volume{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.player-volume input{max-width:110px}.player-volume button{color:var(--hub-muted)}.gen-switch{align-items:center;gap:calc(var(--spacing,.25rem) * 2);cursor:pointer;color:var(--hub-muted);font-size:13px;display:inline-flex}.gen-switch input{height:18px;width:calc(var(--spacing,.25rem) * 8);appearance:none;cursor:pointer;background:#34343b;border-radius:9px;margin:0;transition:background .15s;position:relative}.gen-switch input:after{content:"";background:#d8d7de;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.gen-switch input:checked{background:var(--accent)}.gen-switch input:checked:after{background:#fff;transform:translate(14px)}.gen-create{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);background:var(--accent);color:#fff;--tw-font-weight:var(--font-weight-semibold,600);height:42px;font-size:14px;font-weight:var(--font-weight-semibold,600);border-radius:21px;padding:0 22px;display:inline-flex;box-shadow:inset 0 1px #ffffff40}.gen-create:hover:not(:disabled){background:#ff8450}.gen-error{color:#ffb39a;--tw-leading:1.5;background:#ff71331a;border:1px solid #ff713340;border-radius:9px;margin:0;padding:9px 12px;font-size:12px;line-height:1.5}.gen-empty{align-items:center;gap:calc(var(--spacing,.25rem) * 2);color:var(--hub-faint);padding:26px 6px;font-size:13px;display:flex}.gen-empty a{color:var(--accent)}.storage-banner{color:#ffb08c;background:linear-gradient(90deg,#ff71331f,#ff71330a);border:1px solid #ff713338;border-radius:12px;align-items:center;gap:13px;margin:0 0 14px;padding:13px 15px;display:flex}.storage-banner div{flex-direction:column;flex:1;gap:3px;display:flex}.storage-banner strong{color:var(--hub-ink);font-size:13px}.storage-banner span{--tw-leading:1.45;color:var(--hub-muted);font-size:12px;line-height:1.45}.storage-banner button{height:calc(var(--spacing,.25rem) * 8);background:var(--accent);color:#fff;--tw-font-weight:var(--font-weight-semibold,600);font-size:12px;font-weight:var(--font-weight-semibold,600);border-radius:16px;flex:none;padding:0 14px}.home{max-width:calc(var(--spacing,.25rem) * 265);flex-direction:column;gap:34px;margin:0 auto;display:flex}.home-hero{text-align:center;padding:60px 0 8px;position:relative}.home-hero:before{content:"";left:50%;top:calc(var(--spacing,.25rem) * -5);height:calc(var(--spacing,.25rem) * 75);pointer-events:none;background:radial-gradient(#ff71332e,#0000 65%);width:min(720px,90%);position:absolute;transform:translate(-50%)}.home-hero h1{font:600 clamp(26px,3.6vw,42px)/1.15 var(--sans);--tw-tracking:-1.2px;letter-spacing:-1.2px;margin:0 0 26px;position:relative}.home-prompt{max-width:calc(var(--spacing,.25rem) * 175);background:var(--hub-panel);border:1px solid var(--hub-line);text-align:left;border-radius:20px;margin:0 auto;padding:14px 14px 12px 18px;position:relative;box-shadow:0 20px 60px #0006}.home-prompt:focus-within{border-color:#ff713366}.home-prompt textarea{resize:none;width:100%;color:var(--hub-ink);--tw-leading:1.5;min-height:calc(var(--spacing,.25rem) * 13);background:0 0;border:0;outline:none;font-size:16px;line-height:1.5}.home-prompt textarea::placeholder{color:var(--hub-faint)}.home-prompt>div{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);margin-top:6px;display:flex}.home-places{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-place{gap:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 5);background:var(--hub-panel);border:1px solid var(--hub-line);border-radius:16px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex}.home-place:hover{border-color:#ff713355;transform:translateY(-2px)}.home-place-icon{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);background:var(--accent-soft);color:#ff9565;border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.home-place strong{font-size:16px}.home-place p{--tw-leading:1.5;color:var(--hub-muted);margin:0;font-size:13px;line-height:1.5}.home-go{padding-top:calc(var(--spacing,.25rem) * 2);color:#ff9565;align-items:center;gap:5px;margin-top:auto;font-size:12px;display:inline-flex}.home-recent header,.gen-list header,.lib-head{margin-bottom:calc(var(--spacing,.25rem) * 3);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.home-recent h2{margin:0;font-size:17px}.home-recent header a{color:var(--hub-muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.generate{gap:calc(var(--spacing,.25rem) * 7);max-width:calc(var(--spacing,.25rem) * 350);grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;margin:0 auto;display:grid}.gen-form{top:calc(var(--spacing,.25rem) * 5);background:var(--hub-panel);border:1px solid var(--hub-line);max-height:calc(100svh - var(--player) - 40px);scrollbar-width:thin;scrollbar-gutter:stable;border-radius:18px;flex-direction:column;gap:13px;padding:18px;display:flex;position:sticky;overflow:auto}.gen-form>.gen-modes,.gen-form>.gen-switch,.gen-form>.gen-create{flex:none}.gen-modes{isolation:isolate;background:#0f0f12;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;display:grid;position:relative}.gen-modes:before{content:"";z-index:calc(1 * -1);background:var(--hub-raise);border-radius:9px;width:calc(33.3333% - 2px);transition:transform .28s cubic-bezier(.22,.68,.22,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #0006}.gen-modes[data-mode=custom]:before{transform:translate(100%)}.gen-modes[data-mode=cover]:before{transform:translate(200%)}.gen-modes button{height:calc(var(--spacing,.25rem) * 8);color:var(--hub-muted);border-radius:9px;font-size:13px;transition:color .2s}.gen-modes button.on{color:var(--hub-ink)}.gen-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.gen-mode-panel{animation:.25s both gen-panel-in}@keyframes gen-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.gen-field textarea{resize:vertical;border:1px solid var(--hub-line);width:100%;color:var(--hub-ink);--tw-leading:1.5;background:#0f0f12;border-radius:11px;outline:none;padding:11px 12px;font-size:14px;line-height:1.5}.gen-field textarea:focus{border-color:#ff713366}.gen-lyrics{font-family:ui-monospace,Consolas,monospace!important;font-size:13px!important}.gen-note{--tw-leading:1.5;color:var(--hub-faint);margin:-4px 0 0;font-size:11px;line-height:1.5}.gen-tools{margin-top:calc(var(--spacing,.25rem) * -1)}.gen-tags{flex-wrap:wrap;gap:5px;margin-top:-5px;display:flex}.gen-tags button{background:var(--hub-raise);color:var(--hub-muted);border-radius:7px;padding:4px 8px;font:11px ui-monospace,Consolas,monospace}.gen-tags button:hover{color:var(--hub-ink);background:#2a2a30}.gen-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gen-select{color:var(--hub-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.gen-select select{height:calc(var(--spacing,.25rem) * 9);border:1px solid var(--hub-line);color:var(--hub-ink);background:#0f0f12;border-radius:9px;padding:0 8px;font-size:12px}.gen-form .gen-create{margin-top:var(--spacing,.25rem);width:100%}.gen-form .prompt-dimensions button{background:var(--hub-raise)}.gen-form .measured{margin:-6px 0 0}.gen-list h1{margin:0;font-size:20px}.gen-search{background:var(--hub-panel);border:1px solid var(--hub-line);height:34px;color:var(--hub-faint);border-radius:17px;align-items:center;gap:7px;padding:0 12px;display:flex}.gen-search input{color:var(--hub-ink);width:calc(var(--spacing,.25rem) * 40);background:0 0;border:0;outline:none;font-size:13px}.song-row{border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:8px 10px;display:grid}.song-row:hover,.song-row.active{background:var(--hub-panel)}.song-art{border-radius:10px;flex:none;display:block;position:relative;overflow:hidden}.song-art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .28s;display:block;transform:scale(1.12)}.song-art img.is-ready{opacity:1}.song-art-skeleton{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.song-art i{border:2px solid #fff5;border-radius:50%;position:absolute}.song-play{height:calc(var(--spacing,.25rem) * 14);width:calc(var(--spacing,.25rem) * 14);border-radius:10px;padding:0;position:relative}.song-play-icon{color:#fff;opacity:0;background:#0007;border-radius:10px;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.song-row:hover .song-play-icon,.song-row.active .song-play-icon,.song-play:focus-visible .song-play-icon{opacity:1}.song-info{gap:var(--spacing,.25rem);flex-direction:column;min-width:0;display:flex}.song-info strong{--tw-font-weight:var(--font-weight-semibold,600);min-width:0;font-size:14px;font-weight:var(--font-weight-semibold,600)}.song-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100%;font:inherit;padding:0;overflow:hidden}.song-title:hover{-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.song-title-input{font:600 14px var(--sans);color:var(--hub-ink);max-width:calc(var(--spacing,.25rem) * 90);background:#0f0f12;border:1px solid #ff713366;border-radius:6px;padding:2px 6px}.song-tags{flex-wrap:wrap;gap:5px;display:flex}.song-tags em{background:var(--hub-raise);color:var(--hub-muted);border-radius:9px;padding:2px 7px;font-size:10px;font-style:normal}.song-tags em.unsaved{align-items:center;gap:var(--spacing,.25rem);color:#e4b65b;background:#e4b65b17;display:inline-flex}.song-tags em.shared{align-items:center;gap:var(--spacing,.25rem);color:#7fd3a4;background:#7fd3a417;display:inline-flex}.song-actions button[aria-pressed=true]{color:#7fd3a4}.song-info p{white-space:nowrap;color:var(--hub-faint);text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.song-time{color:var(--hub-faint);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);font-size:12px}.song-actions{align-items:center;gap:2px;display:flex}.song-actions button,.song-actions a{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);color:var(--hub-muted);border-radius:8px;place-items:center;display:grid}.song-actions button:hover:not(:disabled),.song-actions a:hover{background:var(--hub-raise);color:var(--hub-ink)}.song-actions .spinner{width:13px;height:13px}.confirm-text{margin-right:var(--spacing,.25rem);color:#ffb39a;font-size:12px}.song-row.making .song-info strong{color:var(--hub-ink)}.making-art{height:calc(var(--spacing,.25rem) * 14);width:calc(var(--spacing,.25rem) * 14);background:linear-gradient(110deg,#25252b 30%,#34343c 50%,#25252b 70%) 0 0/200% 100%;animation:1.4s linear infinite hub-shimmer}.making-art i{border-color:#ff713366;inset:28%}.song-status{white-space:nowrap;color:var(--hub-muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.song-row.failed .song-status{white-space:normal;color:#ffb39a}.song-meter{height:3px;max-width:calc(var(--spacing,.25rem) * 105);background:#2c2c32;border-radius:2px;display:block;overflow:hidden}.song-meter i{background:var(--accent);height:100%;transition:width .4s linear;display:block}@keyframes hub-shimmer{to{background-position:-200% 0}}.library{max-width:calc(var(--spacing,.25rem) * 275);margin:0 auto}.lib-head h1{margin:0 0 6px;font-size:24px}.lib-head p{color:var(--hub-muted);margin:0;font-size:13px}.lib-head p a{color:#ff9565}.lib-tabs{border-bottom:1px solid var(--hub-line);gap:6px;margin:18px 0 14px;display:flex}.lib-tabs button{color:var(--hub-muted);border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 12px;font-size:13px;display:inline-flex}.lib-tabs button.on{color:var(--hub-ink);border-bottom-color:var(--accent)}.lib-tabs em{background:var(--hub-raise);border-radius:8px;padding:1px 6px;font-size:10px;font-style:normal}.lib-row{border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.lib-row:hover{background:var(--hub-panel)}.lib-open{flex:1;align-items:center;gap:13px;min-width:0;padding:6px 0;display:flex}.lib-open span:last-child{gap:var(--spacing,.25rem);flex-direction:column;min-width:0;display:flex}.lib-open strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.lib-open small{color:var(--hub-faint);font-size:12px}.lib-icon{height:calc(var(--spacing,.25rem) * 11);width:calc(var(--spacing,.25rem) * 11);background:var(--accent-soft);color:#ff9565;border-radius:11px;flex:none;place-items:center;display:grid}.hub-dialog{border:1px solid var(--hub-line);background:var(--hub-panel);width:min(560px,100vw - 32px);max-height:calc(100svh - 48px);color:var(--hub-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:20px;margin:auto;padding:30px;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 90px #000a}.hub-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a}.hub-dialog-close{width:34px;height:34px;color:var(--hub-muted);border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.hub-dialog-close:hover{background:var(--hub-raise);color:var(--hub-ink)}.hub-dialog{text-align:left}.lyrics-dialog header{margin-bottom:calc(var(--spacing,.25rem) * 4);flex-direction:column;align-items:flex-start;gap:10px;padding-right:34px;display:flex}.lyrics-dialog h2{--tw-tracking:-.4px;letter-spacing:-.4px;margin:0;font-size:22px}.lyrics-style{--tw-leading:1.55;color:var(--hub-muted);background:#0f0f12;border-radius:11px;margin:0 0 18px;padding:11px 13px;font-size:13px;line-height:1.55}.lyrics-head{margin-bottom:calc(var(--spacing,.25rem) * 2);justify-content:space-between;align-items:center;display:flex}.lyrics-head h3{--tw-tracking:1px;letter-spacing:1px;text-transform:uppercase;color:var(--hub-faint);margin:0;font-size:12px}.lyrics-head button{color:var(--hub-muted);background:var(--hub-raise);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.lyrics-head button:hover{color:var(--hub-ink)}.lyrics-text{white-space:pre-wrap;font:15px/1.75 var(--sans);color:var(--hub-ink);margin:0}.lyrics-none{color:var(--hub-faint);margin:0;font-size:13px}.creator{min-width:0;color:var(--hub-muted);align-items:center;gap:7px;font-size:13px;text-decoration:none;display:inline-flex}.creator span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator small{color:var(--hub-faint);font-size:11px}.creator:hover span{color:var(--hub-ink);-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.explore-songs>header{margin-bottom:calc(var(--spacing,.25rem) * 4);justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing,.25rem) * 3);display:flex}.explore-songs h2{margin:0 0 4px;font-size:20px}.explore-songs header p{color:var(--hub-muted);margin:0;font-size:13px}.pub-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.pub-card{border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:10px;transition:background .15s;display:flex}.pub-card:hover,.pub-card.active{background:var(--hub-panel)}.pub-art{aspect-ratio:1;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pub-art .song-art{border-radius:12px;width:100%!important;height:100%!important}.pub-art .song-play-icon{border-radius:12px}.pub-card:hover .song-play-icon,.pub-card.active .song-play-icon,.pub-art:focus-visible .song-play-icon{opacity:1}.pub-info strong{--tw-font-weight:var(--font-weight-semibold,600);font-size:14px;font-weight:var(--font-weight-semibold,600);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pub-meta{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.pub-meta .song-tags{flex-wrap:nowrap;flex:1;min-width:0;overflow:hidden}.pub-meta .song-tags em{white-space:nowrap;flex:none}.pub-meta button{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);color:var(--hub-muted);border-radius:8px;place-items:center;display:grid}.pub-meta button:hover{background:var(--hub-raise);color:var(--hub-ink)}.home-recent .pub-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gen-cover-options{isolation:isolate;padding:var(--spacing,.25rem);border:1px solid var(--hub-line);background:#0f0f12;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.gen-cover-options:before{content:"";top:var(--spacing,.25rem);z-index:calc(1 * -1);bottom:var(--spacing,.25rem);left:var(--spacing,.25rem);background:linear-gradient(135deg,#ff713328,#ff713312);border:1px solid #ff713347;border-radius:8px;width:calc(50% - 4px);transition:transform .28s cubic-bezier(.22,.68,.22,1);position:absolute;box-shadow:inset 0 1px #ffffff0d,0 2px 5px #0004}.gen-cover-options[data-harmony=free]:before{transform:translate(100%)}.gen-cover-options button{min-height:calc(var(--spacing,.25rem) * 11);min-width:0;color:var(--hub-muted);--tw-leading:1.35;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 5px;font-size:12px;line-height:1.35;transition:color .2s;display:flex}.gen-cover-options button:hover{color:var(--hub-ink)}.gen-cover-options button[aria-pressed=true]{color:#ffad88}.gen-cover-options button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.gen-cover-options svg{flex:none;transition:transform .25s}.gen-cover-options button[aria-pressed=true] svg{transform:translateY(-1px)}.gen-cover-note{--tw-leading:1.5;min-height:3em;color:var(--hub-muted);margin:0;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.gen-cover-options:before,.gen-cover-options button,.gen-cover-options svg{transition:none}}.gen-drop{align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 4);cursor:pointer;color:#ff9565;background:#0f0f12;border:1.5px dashed #3a3a42;border-radius:13px;transition:border-color .15s,background .15s;display:flex}.gen-drop:hover,.gen-drop.over{background:#ff71330d;border-color:#ff713399}.gen-drop div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gen-drop strong{white-space:nowrap;color:var(--hub-ink);text-overflow:ellipsis;font-size:13px;overflow:hidden}.gen-drop span{--tw-leading:1.4;color:var(--hub-faint);font-size:11px;line-height:1.4}.gen-drop.chosen{border-style:solid;border-color:var(--hub-line);cursor:default}.gen-drop.chosen button{width:30px;height:30px;color:var(--hub-muted);border-radius:8px;place-items:center;display:grid}.gen-drop.chosen button:hover{background:var(--hub-raise);color:var(--hub-ink)}.gen-field-head{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.lyrics-text section+section{margin-top:18px}.lyrics-text p{margin:0}.lyrics-tag{font:600 11px var(--sans);--tw-tracking:1px;letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin:0 0 4px}.lyrics-text .lyrics-music{color:var(--hub-faint)}a.song-title{color:inherit;display:block}.pub-title{--tw-font-weight:var(--font-weight-semibold,600);font-size:14px;font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--hub-ink);text-overflow:ellipsis;overflow:hidden}.pub-title:hover{-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.song-page{max-width:calc(var(--spacing,.25rem) * 240);gap:calc(var(--spacing,.25rem) * 7);flex-direction:column;margin:0 auto;display:flex}.song-back{color:var(--hub-muted);align-self:flex-start;align-items:center;gap:6px;font-size:13px;display:inline-flex}.song-back:hover{color:var(--hub-ink)}.song-hero{grid-template-columns:240px minmax(0,1fr);align-items:end;gap:30px;display:grid}.song-hero-art{height:calc(var(--spacing,.25rem) * 60);width:calc(var(--spacing,.25rem) * 60);border-radius:18px;padding:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #0008}.song-hero-art .song-art{border-radius:18px;width:100%!important;height:100%!important}.song-hero-art .song-play-icon{border-radius:18px}.song-hero-art:hover .song-play-icon,.song-hero-art.active .song-play-icon,.song-hero-art:focus-visible .song-play-icon{opacity:1}.song-hero-info{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;min-width:0;display:flex}.song-kicker{--tw-tracking:1px;letter-spacing:1px;text-transform:uppercase;color:var(--hub-faint);align-items:center;gap:6px;font-size:11px;display:inline-flex}.song-hero-info h1{--tw-leading:1.1;--tw-tracking:-.8px;letter-spacing:-.8px;overflow-wrap:anywhere;align-items:center;gap:10px;max-width:100%;margin:0;font-size:clamp(26px,4vw,42px);line-height:1.1;display:flex}.song-rename{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);color:var(--hub-faint);border-radius:9px;flex:none;place-items:center;display:grid}.song-rename:hover{background:var(--hub-raise);color:var(--hub-ink)}.song-hero-title{width:calc(var(--spacing,.25rem) * 130);max-width:100%;padding:6px 10px;font-size:24px}.song-creator{color:var(--hub-ink);font-size:14px}.song-creator small{font-size:12px}.song-dates{color:var(--hub-faint);margin:0;font-size:12px}.song-buttons{margin-top:var(--spacing,.25rem);gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.song-buttons>button,.song-buttons>a{height:38px;font:600 13px var(--sans);color:var(--hub-ink);background:var(--hub-raise);border:1px solid var(--hub-line);border-radius:999px;align-items:center;gap:7px;padding:0 15px;display:inline-flex}.song-buttons>button:hover:not(:disabled),.song-buttons>a:hover{border-color:#ffffff30}.song-buttons>button:disabled{cursor:not-allowed;opacity:.5}.song-buttons>.song-primary{background:var(--accent);border-color:var(--accent);color:#1a0d06;padding:0 20px}.song-buttons>.song-primary:hover{filter:brightness(1.08)}.song-block{background:var(--hub-panel);border:1px solid var(--hub-line);border-radius:18px;padding:22px}.song-block>h3{--tw-tracking:1px;letter-spacing:1px;text-transform:uppercase;color:var(--hub-faint);margin:0 0 10px;font-size:12px}.song-block .lyrics-style{margin:0}.song-missing{max-width:calc(var(--spacing,.25rem) * 115);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:60px auto;display:flex}.song-missing h1{margin:0;font-size:26px}.song-missing p{color:var(--hub-muted);margin:0}.song-missing a{margin-top:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--accent)}@media (max-width:820px){.song-hero{gap:calc(var(--spacing,.25rem) * 5);grid-template-columns:1fr}.song-hero-art{aspect-ratio:1;width:min(240px,100%);height:auto}.song-block{padding:calc(var(--spacing,.25rem) * 4)}.hub{--nav:0px;grid-template-columns:1fr}.hub-nav{z-index:20;border-right:0;border-bottom:1px solid var(--hub-line);flex-direction:row;align-items:center;gap:6px;height:auto;padding:8px 12px;position:sticky;top:0;overflow-x:auto}.hub-logo{padding:0 8px 0 2px;font-size:19px}.hub-logo span{display:none}.hub-nav ul{flex-direction:row}.hub-nav li a{padding:8px 10px}.hub-nav li a span{display:none}.hub-nav li a[aria-current=page]{box-shadow:inset 0 -2px var(--accent)}.hub-account{padding:var(--spacing,.25rem);margin:0 0 0 auto}.hub-handle,.skeleton-account .skeleton-name{display:none}.player{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 12px;left:0}.player-volume,.player-time,.player-controls input{display:none}.generate{grid-template-columns:1fr}.gen-form{max-height:none;position:static}.home-places{grid-template-columns:1fr}.song-row{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.song-play,.making-art{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12)}.song-time{display:none}.song-actions button,.song-actions a{width:30px}.skeleton-row-art{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12)}.skeleton-hero-art{aspect-ratio:1;width:min(240px,100%);height:auto}.gen-search input{width:calc(var(--spacing,.25rem) * 25)}.hub-sign-in span{display:none}.hub-sign-in{padding:calc(var(--spacing,.25rem) * 2)}.pub-grid{gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:repeat(2,minmax(0,1fr))}.pub-card{padding:6px}.explore-songs>header{flex-direction:column;align-items:stretch}.hub-dialog{padding:24px 18px}}.yue2-controls{border:1px solid var(--hub-line,var(--line));color:var(--hub-muted,var(--muted));border-radius:12px;font-size:12px}.yue2-controls summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:9px 12px;list-style:none;display:flex}.yue2-controls summary::-webkit-details-marker{display:none}.yue2-controls summary:hover{color:var(--hub-ink,var(--ink))}.yue2-controls summary em{color:var(--accent);background:var(--accent);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-style:normal}@supports (color:color-mix(in lab, red, red)){.yue2-controls summary em{background:color-mix(in srgb,var(--accent) 14%,transparent)}}.yue2-controls label{flex-direction:column;gap:6px;padding:4px 12px 10px;display:flex}.yue2-controls label span{color:var(--hub-ink,var(--ink));justify-content:space-between;display:flex}.yue2-controls output{font-variant-numeric:tabular-nums;color:var(--hub-muted,var(--muted))}.yue2-controls input[type=range]{width:100%;accent-color:var(--accent)}.yue2-controls small{font-size:11px;line-height:1.45}.yue2-controls button{color:var(--hub-muted,var(--muted));border-radius:8px;align-items:center;gap:5px;margin:0 12px 10px;padding:4px 9px;font-size:11.5px;display:inline-flex}.yue2-controls button:hover{color:var(--hub-ink,var(--ink));background:var(--hub-raise,var(--ink))}@supports (color:color-mix(in lab, red, red)){.yue2-controls button:hover{background:var(--hub-raise,color-mix(in srgb,var(--ink) 8%,transparent))}}@media (max-width:520px){.song-row{grid-template-columns:48px minmax(0,1fr)}.song-row>.song-actions{flex-wrap:wrap;grid-column:2;margin-left:-6px}}@media (prefers-reduced-motion:reduce){.making-art{animation:none}.song-meter i,.home-place,.pub-card,.gen-drop,.song-hero-art .song-play-icon{transition:none}}.prompt-helper{flex-direction:column;gap:6px;margin:-2px 0 2px;display:flex}.prompt-dimensions,.prompt-words{gap:var(--spacing,.25rem);flex-wrap:wrap;display:flex}.prompt-dimensions button{color:#8a8a94;background:#222226;border:1px solid #0000;border-radius:12px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;display:inline-flex}.prompt-dimensions button:hover{color:var(--ink);background:#2b2b30}.prompt-dimensions button.on{color:var(--ink);border-color:#4a4a52}.prompt-dimensions button i{background:var(--accent);border-radius:50%;width:5px;height:5px}.prompt-dimensions button.covered{color:#c9c9d1}.prompt-words button{align-items:center;gap:var(--spacing,.25rem);color:#ffb08c;background:#ff713314;border:1px solid #ff713333;border-radius:12px;padding:4px 8px;font-size:10px;display:inline-flex}.prompt-words button:hover:not(:disabled){background:#ff713326}.prompt-words button:disabled{cursor:default;opacity:.35}.prompt-tools{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2);display:flex}.prompt-tools .prompt-helper{flex:1;min-width:0}.enhance-button{--tw-font-weight:var(--font-weight-medium,500);height:26px;font-size:11px;font-weight:var(--font-weight-medium,500);color:#1d140d;background:linear-gradient(135deg,#ffb08c,#ff7133);border-radius:13px;flex:none;align-items:center;gap:6px;margin-top:-2px;padding:0 11px;display:inline-flex}.enhance-button:disabled{cursor:default;opacity:.45}.enhance-button.busy{opacity:1;color:#ffb08c;background:#3a2a22}.enhance-button .spinner{width:11px;height:11px}.measured{color:#9fcfb6;margin:0;font-size:10px}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.m-0{margin:0}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-svh{min-height:100svh}.max-w-md{max-width:var(--container-md,28rem)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.gap-3{gap:calc(var(--spacing,.25rem) * 3)}.gap-4{gap:calc(var(--spacing,.25rem) * 4)}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-\[13px\]{gap:13px}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl,1rem)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-line{border-color:var(--line)}.bg-accent{background-color:var(--accent)}.bg-panel{background-color:var(--panel)}.bg-paper{background-color:var(--paper)}.p-0{padding:0}.p-6{padding:calc(var(--spacing,.25rem) * 6)}.px-5{padding-inline:calc(var(--spacing,.25rem) * 5)}.px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}.py-2\.5{padding-block:calc(var(--spacing,.25rem) * 2.5)}.py-3{padding-block:calc(var(--spacing,.25rem) * 3)}.py-16{padding-block:calc(var(--spacing,.25rem) * 16)}.text-2xl{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}.text-3xl{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}.text-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.text-\[12px\]{font-size:12px}.leading-relaxed{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.text-accent{color:var(--accent)}.text-hub-muted{color:var(--hub-muted)}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-white{color:var(--color-white,#fff)}.lowercase{text-transform:lowercase}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}