:root{color-scheme:dark;--bg:#121314;--surface:#1a1c1d;--surface-2:#25282a;--border:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.2);--text:#ecebe7;--muted:#8f9396;--accent:#2dd4bf;--accent-soft:rgba(45,212,191,0.14);--on-accent:#06211d;--danger:#f2837a;--danger-soft:rgba(242,131,122,0.13);--ok:#6fcf97;--ok-soft:rgba(111,207,151,0.13);--warn:#e0b45c;--warn-soft:rgba(224,180,92,0.13);--radius:14px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--stem-vocals:#d98aa8;--stem-drums:#d9a066;--stem-bass:#9a8fd6;--stem-guitar:#6fbfae;--stem-piano:#7aa9d6;--stem-other:#a3a6a8}*{box-sizing:border-box}html{background:var(--bg)}body,html{margin:0;padding:0;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:24px;letter-spacing:-.02em}h2{font-size:15px}h3{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--level:0}.bg-glow{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-glow span{position:absolute;border-radius:50%;background:var(--accent);filter:blur(120px);will-change:transform,opacity;scale:calc(1 + var(--level) * .16);transition:opacity .25s ease-out,scale .25s ease-out}.bg-glow span:first-child{width:60vmax;height:60vmax;top:-30vmax;left:20vw;opacity:calc(.09 + var(--level) * .38);animation:drift 40s ease-in-out infinite alternate}.bg-glow span:nth-child(2){width:50vmax;height:50vmax;bottom:-34vmax;left:-8vmax;opacity:calc(var(--level) * .42)}@keyframes drift{to{transform:translate(-12vmax,8vmax) scale(1.15)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:rgba(18,19,20,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{font-weight:800;font-size:20px;letter-spacing:-.03em;color:var(--text)}.auth-box h1:after,.brand:after{content:".";color:var(--accent)}.brand:hover{text-decoration:none}.header-right{display:flex;gap:12px;align-items:center;color:var(--muted)}.container{max-width:1320px;margin:0 auto;padding:20px 24px 56px}.stack{flex-direction:column;gap:16px}.row,.stack{display:flex}.row{gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.container.wide{max-width:1760px;padding-left:14px;padding-right:14px}.workspace{display:flex;align-items:flex-start}.workspace-main{flex:1 1;min-width:0;min-height:var(--first-height,0)}.workspace-main>.stage{flex:1 1}.studio-root [hidden]{display:none!important}.card.karaoke{--ink:#ecebe7;--rose:var(--accent);display:flex;flex-direction:column;gap:16px;min-height:400px;margin-bottom:14px;padding:18px 22px 20px;border:none;color:var(--ink);background:radial-gradient(110% 80% at 10% 0,rgba(255,170,210,.15),transparent 60%),radial-gradient(110% 80% at 92% 100%,rgba(190,165,255,.15),transparent 60%),var(--surface);animation:rise .2s ease-out both}.card.karaoke.alone{min-height:var(--first-height,460px)}.karaoke-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px}.karaoke-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.karaoke .round,.karaoke button.round{color:var(--ink);border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}.karaoke-stage{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:84px}.karaoke-play,button.karaoke-play{--beat:var(--level,0);width:96px;height:96px;padding:0;justify-content:center;border-radius:50%;background:var(--accent);border-color:transparent;color:#1a1c1d;box-shadow:0 0 calc(18px + var(--beat) * 30px) calc(2px + var(--beat) * 8px) rgba(45,212,191,.5),0 0 calc(50px + var(--beat) * 70px) calc(8px + var(--beat) * 22px) rgba(45,212,191,.28),0 0 calc(100px + var(--beat) * 120px) calc(16px + var(--beat) * 40px) rgba(45,212,191,.14)}.karaoke-play svg{width:34px;height:34px;fill:currentColor}.karaoke-time{font-size:30px;letter-spacing:.02em}.karaoke-time .total{opacity:.6;font-size:18px}.karaoke-seek{height:10px;border-radius:999px;background:rgba(255,255,255,.12);cursor:pointer;overflow:hidden;touch-action:none}.karaoke-seek>div{height:100%;width:0;border-radius:999px;background:var(--rose)}.karaoke-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.karaoke-side{gap:14px;flex-wrap:nowrap}.karaoke-vocals input[type=range]{width:120px;accent-color:var(--rose)}.stage.singing{padding:0;border:none;overflow:hidden}.stage.singing .card.karaoke{border-radius:0;margin-bottom:0}.stage.singing .ruler-row{margin-top:12px}.stage.singing .ruler-row,.stage.singing .tracks{padding:0 10px}.stage.singing .tracks{padding-bottom:14px}.karaoke .instrument{margin:0;padding:0;border:none;background:none;animation:none}.karaoke .rec-button,.karaoke button.rec-button{padding:9px 18px;font-size:14px;font-weight:500;color:var(--ink);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.3)}.karaoke .rec-button:hover,.karaoke button.rec-button:hover{background:rgba(255,255,255,.12)}.karaoke .rec-button.stop,.karaoke button.rec-button.stop{background:#e5383b;border-color:transparent;color:#fff}.karaoke .rec-button.stop svg{color:#fff}.karaoke-stems,button.karaoke-stems{gap:6px;color:var(--ink);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}.karaoke-stems:hover,button.karaoke-stems:hover{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.55)}.karaoke-stems.on:hover,button.karaoke-stems.on:hover{color:#1a1c1d;background:#fff;border-color:transparent}.karaoke-stems.on,button.karaoke-stems.on{color:#1a1c1d;background:var(--rose);border-color:transparent}.karaoke .muted,.karaoke .small{color:var(--ink)}.karaoke .rec-button svg{color:#ff5a5f}.divider{flex-shrink:0;align-self:stretch;width:16px;cursor:col-resize;position:relative;touch-action:none}.divider:before{content:"";position:absolute;top:0;bottom:0;left:7px;width:2px;border-radius:2px;background:var(--border);transition:background .15s}.divider:active:before,.divider:hover:before{background:var(--accent)}.workspace-side{flex-shrink:0;position:-webkit-sticky;position:sticky;top:70px;height:calc(100vh - 84px);display:flex;flex-direction:column;gap:16px;min-width:0}.toolbar{align-items:center;gap:8px}.side-switch,.toolbar{display:flex;flex-wrap:wrap}.side-switch,.side-switch button{gap:6px}.side-switch button.on{color:var(--accent);border-color:rgba(45,212,191,.45);background:var(--accent-soft)}.side-switch .count{font-size:11px;color:var(--muted)}.side-stack{position:relative}.side-stack,.side-stack>[data-testid=chat]{flex:1 1;min-height:0;display:flex;flex-direction:column}.workspace-side .chat-log{flex:1 1;max-height:none;min-height:0}.drawer,.side.drawer{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;background:#1a1c1d;border-color:var(--border-strong);box-shadow:0 16px 48px rgba(0,0,0,.5);animation:rise .18s ease-out both}.drawer[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.workspace-side .side-body{flex:1 1;min-height:0;max-height:none}@media (max-width:960px){.workspace{flex-direction:column;align-items:stretch;gap:16px}.divider{display:none}.workspace-side{position:static;width:auto!important;height:auto!important}.workspace-main{min-height:0}.workspace-side .chat-log{max-height:320px}.side-stack{min-height:420px}}.editor-grid,.studio{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:960px){.editor-grid,.studio{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;animation:rise .35s ease-out both}.card>h2{display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}input[type=password],input[type=text],input[type=url],textarea{font:inherit;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.25);color:var(--text);min-width:0;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.button:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=file]{font:inherit;max-width:100%;color:var(--muted)}input[type=file]::-webkit-file-upload-button{font:inherit;margin-right:10px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}input[type=file]::file-selector-button{font:inherit;margin-right:10px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.button,button{font:inherit;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s,filter .15s}.button:hover,button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);text-decoration:none}.button:active,button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}.button.primary,button.primary{background:var(--accent);border-color:transparent;color:var(--on-accent);font-weight:600}.button.primary:hover,button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:transparent}button.link{border:none;background:none;padding:0;color:var(--accent)}.button.small,button.small{padding:4px 10px;font-size:12px}.error{background:var(--danger-soft);color:var(--danger)}.error,.notice{border-radius:10px;padding:8px 12px}.notice{background:var(--warn-soft);color:var(--warn)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:lowercase;background:var(--surface-2);color:var(--muted)}.badge.active,.badge.done,.badge.ready{background:var(--ok-soft);color:var(--ok)}.badge.processing,.badge.queued,.badge.running{background:var(--accent-soft);color:var(--accent)}.badge.expired,.badge.inactive{background:var(--warn-soft);color:var(--warn)}.badge.failed{background:var(--danger-soft);color:var(--danger)}.progress{display:flex;flex-direction:column;gap:6px}.progress-bar{display:flex;align-items:center;gap:10px}.progress-track{flex:1 1;height:4px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.progress-fill.indeterminate{width:30%!important;animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{margin-left:-30%}to{margin-left:100%}}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.list>li{padding:10px 0;border-top:1px solid var(--border)}.list>li:first-child{border-top:none}.song-row{display:flex;align-items:center;gap:12px}.song-title{font-weight:600;color:var(--text)}.song-title:hover{color:var(--accent);text-decoration:none}.auth-box{max-width:380px;margin:12vh auto;padding:28px}.auth-box h1{font-size:34px;font-weight:800;letter-spacing:-.04em}.auth-box form{display:flex;flex-direction:column;gap:12px}.auth-box form button[type=submit]{justify-content:center;padding:10px 14px}.tabs{display:flex;gap:4px;margin-bottom:14px;padding:4px;border-radius:999px;background:rgba(0,0,0,.25);border:1px solid var(--border)}.tabs button{flex:1 1;justify-content:center;border-color:transparent;background:none;color:var(--muted);padding:6px 10px}.tabs button:hover:not(:disabled){background:var(--surface);border-color:transparent;color:var(--text)}.tabs button.on,.tabs button.on:hover:not(:disabled){background:var(--surface-2);color:var(--text);font-weight:600}.tabs .count{font-size:11px;color:var(--muted);font-weight:400}.song-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.song-bar h1{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.back-link{color:var(--muted);font-size:13px}.back-link:hover{color:var(--text);text-decoration:none}.stage{padding:14px 10px 12px}.side{position:-webkit-sticky;position:sticky;top:70px}@media (max-width:960px){.side{position:static}}.side .card{background:none;border:none;padding:0;animation:none}.side .card>h2{display:none}.side-body{max-height:calc(100vh - 170px);overflow-y:auto;padding-right:2px}@media (max-width:960px){.side-body{max-height:none}}.studio-root{--pos:0}.track-row{display:grid;grid-template-columns:148px minmax(0,1fr) 28px;grid-gap:6px}.track-head,.track-row{align-items:center;gap:6px}.track-head{display:flex;min-width:0;padding-left:2px}.overview-row{align-items:start}.overview-row .track-head{padding-top:8px}.overview{position:relative;height:176px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid var(--border);cursor:crosshair;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .4s}.overview[data-ready=false]{opacity:.55}.overview-wave{display:block;width:100%;height:100%;color:rgba(236,235,231,.75)}.overview-selection{position:absolute;top:0;bottom:0;background:var(--accent-soft);border-left:2px solid var(--accent);border-right:2px solid var(--accent);cursor:-webkit-grab;cursor:grab;touch-action:none}.overview-selection:active{cursor:-webkit-grabbing;cursor:grabbing}.selection-end{position:absolute;top:0;bottom:0;width:12px;cursor:ew-resize;pointer-events:auto;touch-action:none}.selection-end.left{left:-7px}.selection-end.right{right:-7px}.selection-end:after{content:"";position:absolute;top:50%;left:3px;width:6px;height:28px;margin-top:-14px;border-radius:3px;background:var(--accent)}.selection-times{position:relative;height:16px;margin-top:3px;font-size:11px;color:var(--accent)}.selection-times>div{position:absolute;top:0;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.loading-note{animation:rise .2s ease-out both}.overview.rendering:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:125% 0}to{background-position:-125% 0}}.playhead{position:absolute;top:0;bottom:0;left:calc(var(--pos) * 100%);width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 8px 1px rgba(45,212,191,.6);pointer-events:none}.ruler-row{margin-top:22px}.time-ruler{position:relative;height:16px;border-bottom:1px solid var(--border)}.time-ruler span{position:absolute;bottom:2px;padding-left:4px;border-left:1px solid var(--border-strong);font-family:var(--mono);font-size:10px;line-height:1;color:var(--muted)}.tracks{display:flex;flex-direction:column;gap:3px;margin-top:6px}.track{--c:var(--stem-other)}.track[data-stem=vocals]{--c:var(--stem-vocals)}.track[data-stem=drums]{--c:var(--stem-drums)}.track[data-stem=bass]{--c:var(--stem-bass)}.track[data-stem=guitar]{--c:var(--stem-guitar)}.track[data-stem=piano]{--c:var(--stem-piano)}.track[data-kind=added]{--c:var(--text)}.track.hot .lane{box-shadow:0 0 0 1px var(--accent)}.track-toggle,button.track-toggle{flex:1 1;min-width:0;justify-content:flex-start;padding:4px 8px;border-color:transparent;background:none;opacity:.5}.track.on .track-toggle{opacity:1;background:var(--surface-2);border-color:color-mix(in srgb,var(--c) 55%,transparent)}.track.over-part .track-head{box-shadow:inset 2px 0 0 var(--accent)}.track.part-off .track-toggle{opacity:.5;background:none}.track-name{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-weight:500}.track-name:before{content:"";flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--c)}.track-volume{width:46px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.track-volume:disabled{opacity:.35;cursor:default}.lane{position:relative;height:32px;border-radius:6px;background:rgba(0,0,0,.22);cursor:pointer;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lane.pending{background:repeating-linear-gradient(110deg,rgba(255,255,255,.03) 0 12px,rgba(255,255,255,.07) 12px 24px)}.lane-wave{display:block;width:100%;height:100%;opacity:.22;transition:opacity .2s}.track.on .lane-wave{opacity:.9}.lane-block{position:absolute;top:0;bottom:0;min-width:8px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(255,255,255,.05);cursor:-webkit-grab;cursor:grab;touch-action:none}.lane-block.edit{border-color:color-mix(in srgb,var(--c) 80%,transparent);background:repeating-linear-gradient(135deg,rgba(0,0,0,.35) 0 5px,rgba(0,0,0,.12) 5px 10px)}.lane-block.off{opacity:.4}.lane-block.open,.lane-block:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lane-block:active{cursor:-webkit-grabbing;cursor:grabbing}.block-end{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize}.block-end.left{left:-1px;border-left:3px solid transparent;border-radius:5px 0 0 5px}.block-end.right{right:-1px;border-right:3px solid transparent;border-radius:0 5px 5px 0}.lane-block.open .block-end,.lane-block:hover .block-end{border-color:var(--accent)}.stems-button,button.stems-button{gap:7px}.stems-button.on,button.stems-button.on{color:var(--accent);border-color:rgba(45,212,191,.45);background:var(--accent-soft)}.clip-stems{display:flex;flex-direction:column;gap:4px;animation:rise .2s ease-out both}.track.sub{grid-template-columns:148px minmax(0,1fr)}.track.sub .track-head{padding-left:0}.sub-lane{height:26px;cursor:default}@media (max-width:760px){.track.sub{grid-template-columns:132px minmax(0,1fr)}}.lane-pick{position:absolute;top:0;bottom:0;background:var(--accent-soft);border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none}.button.track-action,.track-action{width:28px;height:28px;border-color:transparent;background:rgba(255,255,255,.07)}.track-action .icon{width:12px;height:12px}.track-action path{stroke:currentColor;stroke-width:0}.track-editor{margin:4px 34px 6px 154px}@media (max-width:760px){.track-row{grid-template-columns:132px minmax(0,1fr) 28px}.track-volume{width:40px}.track-editor{margin-left:0;margin-right:0}}.beat-ruler{display:block;width:100%;height:8px;margin-top:4px;color:var(--muted)}.snap-toggle,button.snap-toggle{color:var(--muted);gap:6px}.snap-toggle.on,button.snap-toggle.on{color:var(--accent);border-color:rgba(45,212,191,.4)}.change-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.change-chip,button.change-chip{--c:var(--accent);padding:5px 12px 5px 10px;font-size:12px;gap:7px;background:var(--surface-2);min-width:0;max-width:100%}.change-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-chip:before{content:"";flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--c)}.change-chip[data-stem=vocals]{--c:var(--stem-vocals)}.change-chip[data-stem=drums]{--c:var(--stem-drums)}.change-chip[data-stem=bass]{--c:var(--stem-bass)}.change-chip[data-stem=guitar]{--c:var(--stem-guitar)}.change-chip[data-stem=piano]{--c:var(--stem-piano)}.change-chip[data-stem=other]{--c:var(--stem-other)}.change-chip.off{opacity:.5;text-decoration:line-through}.chip-pair{display:inline-flex;min-width:0;max-width:100%}.chip-pair>.change-chip{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:8px}.chip-remove,button.chip-remove{padding:0 9px 1px 7px;font-size:14px;line-height:1;color:var(--muted);background:var(--surface-2);border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.chip-remove:hover,button.chip-remove:hover{color:#ff6b6b}.change-chip.hot{border-color:var(--border-strong)}.change-chip.open,button.change-chip.open{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.chip-editor{margin-top:10px;max-width:560px}.chip-editor .editor-body{max-width:none}.layer-editor{display:flex;flex-direction:column;gap:14px;padding:14px 16px;border:1px solid rgba(45,212,191,.35);border-radius:14px;background:#1a1c1d;animation:rise .2s ease-out both}.editor-head{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.layer-editor-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.editor-body{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px}.editor-body.two{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.editor-body:not(.two){max-width:520px}@media (max-width:860px){.editor-body.two{grid-template-columns:minmax(0,1fr)}}.editor-section{display:flex;flex-direction:column;gap:10px;min-width:0}.editor-section h4{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.editor-extra{padding-top:14px;border-top:1px solid var(--border)}.field-row{display:grid;grid-template-columns:76px minmax(0,1fr) 62px;align-items:center;grid-gap:10px;gap:10px;font-size:13px}.field-row input[type=range]{width:100%;accent-color:var(--accent)}.field-row>span:last-child{text-align:right;color:var(--muted)}.times{gap:8px;flex-wrap:nowrap}.time-input,input[type=text].time-input{width:78px;padding:5px 8px;text-align:center}.editor-options{display:flex;flex-wrap:wrap;gap:6px 16px;padding-left:86px}.editor-foot{display:flex;align-items:center;gap:10px;margin-top:2px}.nudge,button.nudge{animation:nudge .35s ease-in-out 2}@keyframes nudge{50%{transform:scale(1.12);box-shadow:0 0 0 6px var(--accent-soft)}}.range-picker{border-radius:8px;background:rgba(0,0,0,.25);border:1px solid var(--border);overflow:hidden}.range-picker ::part(region-handle-left){border-left-color:var(--accent)!important}.range-picker ::part(region-handle-right){border-right-color:var(--accent)!important}.icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}.round,button.round{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%;flex-shrink:0}.round.on,button.round.on{color:var(--accent);border-color:rgba(45,212,191,.45);background:var(--accent-soft)}.round.record,button.round.record{color:#ff6b6b;border-color:rgba(255,107,107,.45)}.round.danger-fill,button.round.danger-fill{background:#ff6b6b;border-color:transparent;color:#fff}.transport{display:flex;align-items:center;gap:12px;margin:12px 0 10px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap}.play-button,button.play-button{width:52px;height:52px;padding:0;justify-content:center;border-radius:50%;flex-shrink:0}.play-button svg{width:20px;height:20px;fill:currentColor}.play-button.playing{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(45,212,191,.4)}50%{box-shadow:0 0 0 10px rgba(45,212,191,0)}}.time{font-family:var(--mono);font-size:15px;color:var(--text)}.time .total{color:var(--muted)}.source-switch{margin:0;padding:3px}.source-switch button{padding:5px 14px}.pill-close,button.pill-close{border:none;background:none;padding:0 0 0 6px;color:inherit;font-size:15px;line-height:1}.pill-close:hover:not(:disabled){background:none}.pill-cut,button.pill-cut{border:none;background:none;padding:0 0 0 8px;color:inherit;line-height:1}.pill-cut:hover:not(:disabled){background:none;color:var(--accent)}.selection-pill{display:inline-flex;font-family:var(--mono);color:var(--accent);border:1px solid rgba(45,212,191,.35);border-radius:999px;padding:2px 10px;white-space:nowrap}.pick-bar,.selection-pill{align-items:center;background:var(--accent-soft)}.pick-bar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 34px 0 154px;padding:8px 10px;border:1px solid rgba(45,212,191,.35);border-radius:12px;animation:rise .2s ease-out both}.pick-stem,button.pick-stem{text-transform:capitalize;opacity:.55}.pick-stem.on,button.pick-stem.on{opacity:1;background:var(--surface-2);border-color:var(--accent)}.create{margin-top:12px}.tool-row{display:flex;align-items:center;gap:8px}.tool,button.tool{gap:7px}.tool.on,button.tool.on{color:var(--accent);border-color:rgba(45,212,191,.45);background:var(--accent-soft)}.instrument{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.2);animation:rise .2s ease-out both}.instrument-top{gap:12px}.take-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rec-button,button.rec-button{gap:7px;color:#ff6b6b;border-color:rgba(255,107,107,.45);font-weight:600}.rec-button.stop,button.rec-button.stop{background:#ff6b6b;border-color:transparent;color:#fff}.rec-hint{display:inline-flex;align-items:center;gap:7px}.delay-note{margin-left:auto;color:var(--warn);cursor:help}.rec-dot{width:10px;height:10px;border-radius:50%;background:#ff6b6b;animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.sound-tabs{margin:0;padding:3px}.sound-tabs button{padding:4px 12px}.octave{display:flex;align-items:center;gap:6px}.pads{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:8px;gap:8px}@media (max-width:760px){.pads{grid-template-columns:repeat(4,minmax(0,1fr))}}.pad,button.pad{flex-direction:column;justify-content:center;gap:6px;height:72px;padding:6px;border-radius:12px;background:var(--surface-2);white-space:normal;text-align:center;font-size:12px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pad-hightom,.pad-kick,.pad-lowtom{box-shadow:inset 0 -3px 0 var(--stem-drums)}.pad-clap,.pad-snare{box-shadow:inset 0 -3px 0 var(--stem-vocals)}.pad-crash,.pad-hat,.pad-openhat{box-shadow:inset 0 -3px 0 var(--stem-piano)}.pad.lit,button.pad.lit{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:scale(.96)}.keys{position:relative;display:flex;gap:3px;height:120px;max-width:640px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.key,button.key{align-items:flex-end;justify-content:center;padding:0 0 8px;border-radius:0 0 8px 8px}.key.white,button.key.white{flex:1 1;background:#e9e7e1;border-color:#cfccc4;color:#2a2b2c}.key.white:hover:not(:disabled){background:#f6f4ee}.key.black,button.key.black{position:absolute;top:0;width:6.4%;height:62%;background:#17181a;border-color:#000;color:#b9bcbf;z-index:1}.key.black:hover:not(:disabled){background:#26282b}.key.down,.key.down:hover:not(:disabled),button.key.down{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:none}.key kbd{background:none;border:none;color:inherit;opacity:.7}.neck{display:flex;flex-direction:column;max-width:760px;padding:8px 10px 2px;border-radius:10px;background:linear-gradient(#3a2a1e,#2c2018);border:1px solid #4a3626;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.string-row{display:grid;grid-template-columns:22px 44px repeat(8,minmax(0,1fr));align-items:center}.string-name{font-size:11px;color:#c9b9a6}.fret,button.fret{position:relative;height:30px;padding:0;justify-content:center;border:none;border-right:2px solid #8d8168;border-radius:0;background:none;color:#c9b9a6}.fret:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#cfc8b8;opacity:.7}.strings-4 .fret:before{height:3px}.fret.open,button.fret.open{border-right:5px solid #e6dfd0}.fret:hover:not(:disabled){background:rgba(255,255,255,.07);border-color:#8d8168}.fret.open:hover:not(:disabled){border-color:#e6dfd0}.fret.down,.fret.down:hover:not(:disabled),button.fret.down{background:rgba(45,212,191,.35);transform:none}.fret.down:before{background:var(--accent);opacity:1;box-shadow:0 0 8px var(--accent)}.fret kbd{position:relative;background:rgba(0,0,0,.45);border:none;color:inherit;font-size:10px}.fret-dots{height:14px}.fret-dot{text-align:center;color:#c9b9a6;line-height:14px}.ribbon{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));height:84px;max-width:760px;border-radius:12px;overflow:hidden;border:1px solid rgba(45,212,191,.4);background:linear-gradient(90deg,#12343a,#1d2b52,#3a1d52);cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.ribbon-step{display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:10px;color:rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.07);pointer-events:none}.ribbon-step.sharp{background:rgba(0,0,0,.28)}.ribbon-step.down{background:var(--accent);color:var(--on-accent);box-shadow:0 0 16px var(--accent)}.chords{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px;max-width:760px}.chord,button.chord{height:60px;font-size:15px;font-weight:600;box-shadow:inset 0 -3px 0 var(--stem-guitar)}.chord.minor,button.chord.minor{box-shadow:inset 0 -3px 0 var(--stem-bass)}.take-audio{flex:1 1;min-width:160px;max-width:360px}.audio-player{display:flex;align-items:center;gap:8px}.audio-player input[type=range]{flex:1 1;min-width:40px;accent-color:var(--accent);cursor:pointer}.audio-player .mono{white-space:nowrap}.delay-slider{width:120px;accent-color:var(--accent)}.clip-add{margin-top:6px;display:flex;flex-direction:column;gap:6px}.clip-wave{border-radius:8px;background:rgba(0,0,0,.22);border:1px solid var(--border);cursor:crosshair;overflow:hidden}.clip-row{display:flex;align-items:center;gap:8px}.clip-row .audio-player{flex:1 1;min-width:0}.clip-name{font-weight:600}.clip-songs-head{margin:14px 0 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.chat-log{display:flex;flex-direction:column;gap:8px;max-height:320px;min-height:96px;overflow-y:auto;padding:4px 2px 8px}.msg{max-width:80%;padding:8px 13px;border-radius:16px;white-space:pre-wrap;animation:rise .25s ease-out both}.msg.user{align-self:flex-end;background:var(--accent-soft);color:var(--text);border:1px solid rgba(45,212,191,.25);border-bottom-right-radius:5px}.msg.assistant{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:5px}.msg.thinking{display:inline-flex;align-items:center;gap:5px;padding:8px 4px;background:none;border:none}.msg.thinking span{width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.35;animation:thinking 1.2s ease-in-out infinite}.msg.thinking span:nth-child(2){animation-delay:.18s}.msg.thinking span:nth-child(3){animation-delay:.36s}@keyframes thinking{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.msg.thinking span{animation:none;opacity:.6}}.adjust-card{align-self:stretch;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid rgba(45,212,191,.35);border-radius:14px;background:var(--accent-soft);animation:rise .25s ease-out both}.adjust-head{display:flex;align-items:baseline;justify-content:space-between}.adjust-value{font-size:22px;color:var(--accent)}.adjust-slide{display:flex;align-items:center;gap:10px}.adjust-slide input[type=range]{flex:1 1;min-width:0;height:28px;accent-color:var(--accent);cursor:pointer}.adjust-presets{display:flex;flex-wrap:wrap;gap:6px}.adjust-presets button.on{color:var(--accent);border-color:var(--accent);background:rgba(0,0,0,.2)}.export{position:relative}.export-card{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:340px;max-width:calc(100vw - 32px);display:grid;grid-gap:10px;gap:10px;margin:0}.sound-styles{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sound-styles button{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;text-align:left}.sound-styles button.on{border-color:var(--accent);background:var(--accent-soft)}.sound-styles button.on strong{color:var(--accent)}.adjust-foot{flex-wrap:wrap}.adjust-foot,.chat-head{display:flex;align-items:center;gap:8px}.chat-head{position:relative;margin-bottom:8px}.chat-title,button.chat-title{flex:1 1;min-width:0;justify-content:space-between;gap:8px;padding:6px 12px;background:none}.chat-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:4;display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto;padding:6px;border:1px solid var(--border-strong);border-radius:12px;background:#1a1c1d;box-shadow:0 16px 48px rgba(0,0,0,.5);animation:rise .15s ease-out both}.chat-row{display:flex;align-items:center;gap:4px}.chat-row>button:first-child{flex:1 1;min-width:0;justify-content:space-between;gap:10px;padding:6px 10px;border:none;background:none;text-align:left}.chat-row>button:first-child>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row>button:first-child:hover{background:var(--surface-2)}.chat-row.on>button:first-child{color:var(--accent)}.chat-row .round{border:none;background:none;opacity:.6}.chat-row .round:hover{opacity:1;color:#ff6b6b}.chat-form{display:flex;gap:8px;margin-top:8px}.chat-field{flex:1 1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(0,0,0,.25);transition:border-color .15s,box-shadow .15s}.chat-send,button.chat-send{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%;flex-shrink:0}.chat-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-field input[type=text],.chat-field input[type=text]:focus{flex:1 1;border:none;background:none;box-shadow:none;padding:7px 0}.layer-group{border:1px solid var(--border);border-radius:12px;padding:8px 10px;margin-bottom:8px;background:rgba(0,0,0,.2);animation:rise .3s ease-out both}.layer-group-head{font-size:11px;color:var(--muted);margin-bottom:4px;font-style:italic}.layer{display:flex;align-items:center;gap:8px;padding:5px 0}.layer.hot{background:var(--accent-soft);border-radius:8px;box-shadow:0 0 0 4px var(--accent-soft)}.layer-label{flex:1 1;min-width:0}.layer-label .reason{display:block;font-size:11px;color:var(--warn)}.layer.disabled .layer-label>span:first-child,.layer.inactive .layer-label>span:first-child{color:var(--muted);text-decoration:line-through}.switch{position:relative;display:inline-block;width:34px;height:20px;flex-shrink:0}.switch input{opacity:0;width:100%;height:100%;margin:0;z-index:1}.switch .slider,.switch input{position:absolute;inset:0;cursor:pointer}.switch .slider{border-radius:999px;background:rgba(255,255,255,.18);transition:background .15s}.switch .slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .15s}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translateX(14px)}.switch input:disabled+.slider{opacity:.5;cursor:default}.switch input:focus-visible+.slider{outline:2px solid var(--accent);outline-offset:2px}kbd{font-family:var(--mono);font-size:12px;background:var(--surface-2);border:solid var(--border);border-width:1px 1px 2px;border-radius:5px;padding:0 5px}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.5);animation:fade-in .12s ease-out both}@keyframes fade-in{0%{opacity:0}}.dialog{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:16px 18px 18px;border:1px solid var(--border-strong);border-radius:16px;background:#1a1c1d;box-shadow:0 24px 64px rgba(0,0,0,.6);animation:rise .16s ease-out both}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px 24px;gap:2px 24px}@media (max-width:520px){.shortcuts-grid{grid-template-columns:minmax(0,1fr)}}.shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.shortcut-keys{display:inline-flex;gap:4px;flex-shrink:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.lyrics{gap:12px}.lyrics,.lyrics-note{display:flex;flex-direction:column}.lyrics-note{gap:8px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.lyrics-note p{margin:0}.lyrics-note .progress-track{flex:none}.lyrics-lines{list-style:none;margin:0;padding:4px 0 40vh;display:flex;flex-direction:column;gap:14px}.lyrics-line{padding:6px 10px;border-radius:8px;font-size:17px;line-height:1.45;color:var(--muted);cursor:pointer;transition:color .2s,background .2s,font-size .2s}.lyrics-line:hover{background:rgba(255,255,255,.04)}.lyrics-line.past{color:rgba(143,147,150,.6)}.lyrics-line.now,.lyrics-line.now:hover{color:var(--text);background:none;font-size:23px;font-weight:600}.lyrics-line.now span{color:var(--muted);transition:color .12s}.lyrics-line.now span.sung{color:var(--accent)}.lyrics-line.cut{color:rgba(143,147,150,.35);text-decoration:line-through;cursor:default}.lyrics-foot{margin:0}.lyrics-kind{align-self:flex-start;font:inherit;font-size:13px;padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.lyrics-line{position:relative;padding-right:34px}.lyrics-pencil,button.lyrics-pencil{position:absolute;top:50%;right:4px;width:26px;height:26px;margin-top:-13px;padding:0;justify-content:center;border:none;background:none;color:var(--muted);opacity:0;transition:opacity .15s}.lyrics-line:hover .lyrics-pencil,.lyrics-pencil:focus-visible{opacity:1}.lyrics-pencil:hover{color:var(--accent)}.lyrics-line.edited:after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--accent);opacity:.5}.lyrics-line.fixing{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2);cursor:default;font-size:15px}.lyrics-line.fixing input[type=text]{width:100%}.lyrics-times{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.lyrics-time{display:inline-flex;align-items:center;gap:4px}.lyrics-time button{padding:2px 7px}.post-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}@media (max-width:960px){.post-grid{grid-template-columns:minmax(0,1fr)}}.field{display:flex;flex-direction:column;gap:4px}.field input,.field textarea{width:100%}textarea{resize:vertical}.fields{display:flex;flex-direction:column;gap:8px}.fields h3{margin:10px 0 0;font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.fields h3:first-child{margin-top:0}.check{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.check input{margin-top:3px;accent-color:var(--accent)}.radios{display:flex;flex-direction:column;gap:4px}.inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}input[type=datetime-local],input[type=number],select{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.25);color:var(--text);max-width:100%}.error-text{color:var(--danger)}.post-video{width:100%;aspect-ratio:16/9;background:#000;border-radius:10px}.post-thumb{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.post-thumb.wide{width:100%}.post-thumb.small{width:96px;flex-shrink:0}.post-thumb.empty{display:inline-block;background:var(--surface-2)}.post-row{display:flex;align-items:center;gap:12px}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}.clip-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);white-space:normal;text-align:left}.clip-choice img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.clip-choice.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.channel-avatar{width:40px;height:40px;border-radius:50%}