.muscriptor-app{--mu-bg:#1b1c21;--mu-panel:#121319;--mu-panel2:#16171f;--mu-line:#ffffff17;--mu-line2:#ffffff26;--mu-text:#edecf0;--mu-muted:#aaacb9;--mu-faint:#5a5c68;--mu-pink:#ff5b7a;min-height:calc(100vh - var(--header-height));background:radial-gradient(900px 500px at 88% -8%, #ff5b7a1a, transparent 60%), var(--mu-bg);color:var(--mu-text);font-family:Hanken Grotesk,system-ui,sans-serif;line-height:1.45;position:relative;overflow:hidden}.muscriptor-app *{box-sizing:border-box}.muscriptor-app button,.muscriptor-app a.mu-primary{border:1px solid var(--mu-line2);background:var(--mu-panel2);color:var(--mu-text);cursor:pointer;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.muscriptor-app button:hover{background:#20212b;border-color:#ffffff47}.muscriptor-app button:disabled{cursor:not-allowed;opacity:.4}.mu-grain{pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.mu-brand{align-items:center;gap:18px;width:min(1280px,100%);margin:auto;padding:34px 28px 24px;display:flex;position:relative}.mu-brand[role=button]{cursor:pointer}.mu-brand img{width:92px;height:92px}.mu-brand h1{letter-spacing:0;margin:0;font-size:clamp(32px,5vw,48px);font-weight:750;line-height:1}.mu-brand p{color:var(--mu-muted);margin:7px 0 0;font-size:14px}.mu-welcome{width:min(768px,100%);margin:auto;padding:0 28px 48px;position:relative}.mu-intro{color:var(--mu-muted);margin:0 0 16px;font-size:16px;line-height:1.6}.mu-card{border:1px solid var(--mu-line);background:linear-gradient(180deg, #ffffff06, transparent 120px), var(--mu-panel);border-radius:12px;box-shadow:inset 0 1px #ffffff0a,0 18px 40px -28px #000}.mu-picker{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:270px;padding:32px;display:flex}.mu-picker.is-dragging{border-color:var(--mu-pink);box-shadow:0 0 35px #ff5b7a40}.mu-picker img{object-fit:contain;filter:sepia()saturate(8)hue-rotate(295deg);width:128px;height:70px}.mu-picker p{color:var(--mu-muted);margin:0}.mu-picker h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:24px;font-weight:500;overflow:hidden}.muscriptor-app .mu-light-button{background:var(--mu-text);color:#15151b;border-color:#0000;padding:12px 28px;font-size:16px;font-weight:650}.muscriptor-app .mu-light-button:hover{background:var(--mu-pink);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 8px 22px -10px #ff5b7ab3}.mu-conditioning{margin-top:16px;padding:18px 20px 20px;position:relative}.mu-section-heading{align-items:start;gap:16px;margin-bottom:14px;display:flex}.mu-section-heading>div{flex:1}.mu-section-heading h2,.mu-instruments h2{margin:0;font-size:18px;font-weight:650}.mu-section-heading p{color:var(--mu-faint);margin:6px 0 0;font-size:14px}.mu-tags{border:1px solid var(--mu-line2);background:#0b0c10;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:46px;padding:8px;display:flex}.mu-tags>span{background:#ff5b7a21;border:1px solid #ff5b7a73;border-radius:6px;align-items:center;gap:6px;padding:4px 6px 4px 11px;font-size:14px;display:flex}.mu-tags>span button{color:var(--mu-muted);background:0 0;border:0;padding:0 3px;font-size:16px}.mu-tags input{min-width:150px;color:var(--mu-text);background:0 0;border:0;outline:0;flex:1;padding:4px}.mu-suggestions{z-index:10;border:1px solid var(--mu-line2);background:var(--mu-panel2);border-radius:8px;flex-direction:column;max-height:220px;padding:4px;display:flex;position:absolute;left:20px;right:20px;overflow:auto;box-shadow:0 20px 40px #000}.mu-suggestions button{text-align:left;border:0}.mu-submit{justify-content:end;margin-top:16px;display:flex}.muscriptor-app .mu-primary{background:linear-gradient(180deg, var(--mu-pink), #e84668);color:#fff;border-color:#0000;border-radius:11px;padding:11px 30px;font-size:15px;font-weight:650;box-shadow:0 8px 22px -10px #ff5b7ab3}.mu-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:16px;width:min(1280px,100%);margin:auto;padding:0 28px 48px;display:grid;position:relative}.mu-controls,.mu-output{border:1px solid var(--mu-line);background:var(--mu-panel);border-radius:12px;grid-column:1/-1;align-items:center;gap:10px;padding:12px 14px;display:flex}.mu-controls button.active{border-color:var(--mu-pink)}.mu-clock{border:1px solid var(--mu-line);color:var(--mu-muted);background:#0b0c10;border-radius:6px;padding:5px 10px;font-family:monospace;font-size:13px}.mu-status{color:var(--mu-muted);text-transform:capitalize;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.mu-status i{background:var(--mu-pink);border-radius:50%;width:8px;height:8px}.mu-status i.completed{background:#4ad295}.mu-status i.failed{background:#f57}.mu-roll{border:1px solid var(--mu-line);background:#0b0c10;border-radius:12px;min-width:0;height:480px;overflow:hidden;box-shadow:0 18px 40px -28px #000}.mu-roll svg{width:100%;height:100%;display:block}.mu-instruments{border:1px solid var(--mu-line);background:var(--mu-panel);border-radius:12px;min-width:0;padding:18px}.mu-instruments ul{margin:14px 0 0;padding:0;list-style:none}.mu-instruments li{color:var(--mu-muted);align-items:center;gap:10px;padding:9px 4px;font-size:14px;display:flex}.mu-instruments li i{border-radius:3px;width:12px;height:12px;box-shadow:0 0 10px}.mu-instruments li span{color:var(--mu-faint);margin-left:auto;font-size:12px}.mu-instruments>p{color:var(--mu-faint);font-size:13px}.mu-output{flex-wrap:wrap;min-height:62px}.mu-progress{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.mu-progress>div{background:#0b0c10;border-radius:4px;flex:1;height:4px;overflow:hidden}.mu-progress i{background:var(--mu-pink);border-radius:4px;height:100%;transition:width .3s;display:block}.mu-progress span{color:var(--mu-faint);font-family:monospace;font-size:12px}.mu-output-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.mu-error{color:#ff8aa0;width:100%;margin:0}.mu-footer{border-top:1px solid var(--mu-line);width:min(1280px,100%);color:var(--mu-muted);justify-content:space-between;align-items:center;gap:28px;margin:16px auto 0;padding:34px 28px 45px;font-size:14px;display:flex;position:relative}.mu-footer p{max-width:500px;margin:0}.mu-footer div{color:#eee;align-items:center;gap:28px;font-size:22px;font-weight:650;display:flex}.mu-kyutai{color:#fff}.mu-kyutai:first-letter{color:#39f2ae}@media (width<=760px){.mu-brand{padding:24px 18px 20px}.mu-brand img{width:64px;height:64px}.mu-welcome{padding:0 18px 36px}.mu-intro{font-size:14px}.mu-picker{min-height:240px;padding:24px 18px}.mu-workspace{grid-template-columns:1fr;padding:0 12px 36px}.mu-controls{white-space:nowrap;overflow-x:auto}.mu-status{display:none}.mu-roll{height:420px}.mu-instruments{grid-column:1}.mu-output{grid-column:1;align-items:stretch}.mu-progress{min-width:100%}.mu-output-actions{flex-wrap:wrap;width:100%;margin-left:0}.mu-output-actions>*{white-space:nowrap;text-align:center;flex:1}.mu-footer{flex-direction:column;align-items:flex-start;padding:28px 18px}.mu-footer div{font-size:18px}.mu-section-heading{flex-direction:column}.mu-section-heading>button{align-self:flex-end}}.mu-roll{-webkit-user-select:none;user-select:none}.mu-roll svg{touch-action:none;cursor:crosshair}.mu-roll .mu-keyboard-hitbox{cursor:ew-resize}.mu-instruments{align-self:start;padding:16px 16px 20px}.mu-instruments h2{margin:0 0 12px;font-size:16px;font-weight:650}.mu-instruments ul{flex-direction:column;gap:2px;margin:0;padding:0;display:flex}.mu-instruments li{min-height:36px;color:var(--mu-muted);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.mu-instrument-swatch{border-radius:4px;flex:none;width:12px;height:12px;box-shadow:0 0 10px;margin-left:0!important}.mu-instrument-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden;color:inherit!important;font-size:inherit!important;margin-left:0!important}.mu-instrument-actions{color:var(--mu-muted);opacity:.7;align-items:center;gap:8px;font-size:12px;display:flex;margin-left:auto!important}.mu-instrument-actions>span{justify-content:center;width:15px;display:flex;margin-left:0!important}.mu-instrument-actions svg{flex:none;width:15px;height:15px}.mu-footer div img{width:auto;height:26px}.mu-footer div img:last-child{height:25px}.mu-roll-note{transition:opacity .15s}.mu-instruments li{transition:background-color .15s,color .15s}.mu-instruments li:hover{color:var(--mu-text);background:#ffffff0a}.mu-instrument-main{flex:1;align-items:center;gap:10px;min-width:0;transition:opacity .15s;display:flex;margin-left:0!important}.mu-instruments li.is-muted .mu-instrument-main{opacity:.1}.muscriptor-app .mu-instrument-actions button{width:24px;height:24px;color:var(--mu-muted);opacity:.7;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:650;display:flex}.muscriptor-app .mu-instruments li:hover .mu-instrument-actions button{opacity:1}.muscriptor-app .mu-instrument-actions button:hover{color:var(--mu-text);background:#ffffff14}.muscriptor-app .mu-instrument-actions button.is-active{color:var(--mu-pink);opacity:1}.muscriptor-app .mu-instrument-actions button.is-muted{color:#ff647e;opacity:1}.muscriptor-app .mu-brand-back{border:1px solid var(--mu-line2);width:28px;height:28px;color:var(--mu-muted);opacity:.65;background:#121319e0;border-radius:50%;flex:none;place-items:center;padding:0;transition:opacity .18s,border-color .18s,color .18s,transform .18s;display:grid}.muscriptor-app .mu-brand-back:hover,.muscriptor-app .mu-brand-back:focus-visible{color:var(--mu-text);opacity:1;background:#121319e0;border-color:#ff5b7a8c;transform:translate(-2px)}.muscriptor-app .mu-brand-back:focus-visible{outline-offset:3px;outline:2px solid #ff5b7ab3}.muscriptor-app .mu-studio-link{border:1px solid var(--mu-line2);background:var(--mu-panel2);color:var(--mu-text);border-radius:9px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:550;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.muscriptor-app .mu-studio-link:hover{color:#fff;background:#20212b;border-color:#ff5b7a80}