:root{color-scheme:dark;--bg: #101113;--bg-deep: #0c0d0f;--panel: #191a1e;--panel-raised: #1f2026;--panel-hover: #25262d;--field: #131417;--border: #2a2b30;--border-strong: #3c3d46;--scrim: rgba(6, 6, 9, .66);--text: #ececf1;--text-soft: #c5c7d1;--muted: #a3a5b1;--disabled: #70727e;--placeholder: #858794;--accent: #b8a3fa;--accent-hi: #cfc0ff;--accent-ink: #1a1530;--accent-soft: rgba(184, 163, 250, .12);--accent-soft-2: rgba(184, 163, 250, .2);--accent-line: rgba(184, 163, 250, .5);--ok: #86d4ad;--ok-soft: rgba(134, 212, 173, .12);--warn: #e6bb72;--warn-soft: rgba(230, 187, 114, .12);--danger: #f39a9a;--danger-soft: rgba(243, 154, 154, .12);--danger-strong: #e56b6b;--track-melody: #b4a1fa;--track-chords: #7bafa5;--track-bass: #d3ac76;--track-drums: #c18aab;--section-intro: hsl(254 30% 34%);--section-verse: hsl(254 44% 47%);--section-chorus: hsl(254 90% 79%);--section-bridge: hsl(254 36% 40%);--section-breakdown: hsl(254 24% 28%);--section-build: hsl(254 64% 63%);--section-outro: hsl(254 22% 31%);--section-ink-light: #f3f0ff;--section-ink-dark: #1a1530;--wave-idle: #4b4c59;--wave-played: #b8a3fa;--wave-head: #f4f0ff;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--t-12: 12px;--t-13: 13px;--t-14: 14px;--t-16: 16px;--t-20: 20px;--t-28: 28px;--font: "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, sans-serif;--font-display: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;--font-mono: "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--control: 32px;--control-sm: 28px;--control-lg: 40px;--hit: 28px;--slider-hit: 24px;--sidebar-w: 216px;--inspector-w: 320px;--gutter: 32px;--bar-h: 60px;--ease: cubic-bezier(.2, .7, .2, 1);--fast: .15s;--slow: .2s;--shadow-pop: 0 12px 32px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--shadow-card: 0 1px 0 rgba(255, 255, 255, .02) inset;--focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent-hi)}@media(pointer:coarse){:root{--control: 40px;--control-sm: 40px;--control-lg: 44px;--hit: 40px;--slider-hit: 40px}}@media(max-width:1099px){:root{--gutter: 24px}}@media(max-width:719px){:root{--gutter: 16px;--bar-h: 56px}}@media(prefers-reduced-motion:reduce){:root{--fast: 0ms;--slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;overflow:hidden;overflow:clip;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--t-14);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol,figure,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}h1{font-size:var(--t-28);line-height:1.25;font-weight:650;letter-spacing:.01em}h2{font-size:var(--t-16);line-height:1.4;font-weight:650}h3{font-size:var(--t-14);line-height:1.4;font-weight:650}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}a:hover{color:var(--accent-hi);text-decoration-color:currentColor}svg{flex:none}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--panel-raised);color:var(--text-soft);font-family:var(--font);font-size:var(--t-12);line-height:1;white-space:nowrap}::selection{background:#b8a3fa59;color:#fff}::placeholder{color:var(--placeholder);opacity:1}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#3a3b44 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:8px;background:#3a3b44;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#50515c;background-clip:content-box}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.grow{flex:1 1 0;min-width:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.chip[aria-pressed=true],.icon-btn[aria-pressed=true],.loop-toggle[aria-pressed=true],.mix-toggle[aria-pressed=true],.segmented button[aria-checked=true],.nav-item[aria-current=page],.band[aria-current=true],.work-card[data-current],.provider-tile[aria-pressed=true],.style-option[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}.band,.progress,.cover,.play-btn,.refine-send{border:1px solid CanvasText}.progress-fill{background:Highlight}.slider::-webkit-slider-runnable-track{border:1px solid CanvasText}.slider::-webkit-slider-thumb{background:Highlight;border-color:CanvasText}}.card{min-width:0;padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:center;gap:var(--s-3);min-width:0;margin-bottom:var(--s-4)}.card-head h2{display:flex;align-items:center;gap:var(--s-2)}.card-head h2 svg{color:var(--accent)}.card-note{color:var(--muted);font-size:var(--t-12)}@media(max-width:719px){.card{padding:var(--s-4);border-right:0;border-left:0;border-radius:0}.page-inner>.card,.page-inner>section>.card{margin-right:calc(var(--gutter) * -1);margin-left:calc(var(--gutter) * -1)}.card-head{flex-wrap:wrap;row-gap:2px}.card-head .card-note{flex-basis:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:var(--control);padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--panel-raised);color:var(--text);font-size:var(--t-13);font-weight:550;line-height:1;white-space:nowrap;text-decoration:none;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:hover:not(:disabled){border-color:#4d4e59;background:var(--panel-hover);color:var(--text)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{border-color:var(--border);background:var(--panel-raised);color:var(--disabled)}.btn-primary{border-color:transparent;background:var(--accent);color:var(--accent-ink);font-weight:650}.btn-primary:hover:not(:disabled){border-color:transparent;background:var(--accent-hi);color:var(--accent-ink)}.btn-primary:disabled{border-color:var(--border);background:#2b2a38;color:#8a86a6}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-soft)}.btn-ghost:hover:not(:disabled){border-color:transparent;background:var(--panel-hover)}.btn-ghost:disabled{border-color:transparent;background:transparent}.btn-danger{border-color:#f39a9a73;background:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:#f39a9a33;color:#ffc4c4}.btn-sm{height:var(--control-sm);padding:0 10px;font-size:var(--t-12)}.btn-lg{height:var(--control-lg);padding:0 20px;font-size:var(--t-14);border-radius:10px}.btn-block{width:100%}.btn .btn-label{overflow:hidden;text-overflow:ellipsis}.btn kbd{margin-left:4px;border-color:#1a153040;background:#1a15301f;color:inherit;opacity:.85}.spin{animation:spin .9s linear infinite}.link-btn{display:inline-flex;align-items:center;gap:4px;min-height:var(--hit);padding:0 2px;border-radius:var(--r-sm);color:var(--accent);font-size:var(--t-13);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color var(--fast) var(--ease)}.link-btn:hover:not(:disabled){color:var(--accent-hi);text-decoration-color:currentColor}.link-btn:disabled{color:var(--disabled)}a.link-btn{text-decoration-color:var(--accent-line)}@media(pointer:coarse){.link-btn{min-width:var(--hit);justify-content:center}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--control);height:var(--control);border:1px solid transparent;border-radius:var(--r-md);color:var(--text-soft);transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.icon-btn:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.icon-btn:disabled{color:var(--disabled)}.icon-btn-sm{width:var(--control-sm);height:var(--control-sm)}.icon-btn-outline{border-color:var(--border-strong);background:var(--panel-raised)}.icon-btn[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft-2);color:var(--accent-hi)}.icon-btn-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:var(--hit);padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:transparent;color:var(--text-soft);font-size:var(--t-13);line-height:1.2;white-space:nowrap;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.chip:hover:not(:disabled){border-color:#53545f;background:var(--panel-hover);color:var(--text)}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft-2);color:var(--accent-hi);font-weight:600}.chip:disabled{color:var(--disabled);border-color:var(--border)}.chip-dot{width:8px;height:8px;border-radius:50%;flex:none}.badge{display:inline-flex;align-items:center;gap:4px;flex:none;height:20px;padding:0 7px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--panel-raised);color:var(--text-soft);font-size:var(--t-12);line-height:1;white-space:nowrap}.badge-accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-hi)}.badge-ok{border-color:#86d4ad66;background:var(--ok-soft);color:var(--ok)}.badge-warn{border-color:#e6bb7273;background:var(--warn-soft);color:var(--warn)}.badge-danger{border-color:#f39a9a73;background:var(--danger-soft);color:var(--danger)}.badge-btn{display:inline-grid;place-items:center;flex:none;min-width:var(--hit);height:var(--hit);margin:calc((20px - var(--hit)) / 2) 0;border-radius:var(--r-sm);cursor:pointer}.badge-btn .badge{transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.badge-btn:hover:not(:disabled) .badge{border-color:var(--accent);background:var(--accent-soft-2)}.badge-btn:disabled{cursor:default}.badge-btn:disabled .badge{color:var(--disabled);border-color:var(--border);background:transparent}.slider{--ratio: 0;--slider-color: var(--accent);display:block;width:100%;min-width:0;height:var(--slider-hit);margin:0;padding:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:pan-y}.slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--slider-color) calc(8px + (100% - 16px) * var(--ratio)),#3a3b45 calc(8px + (100% - 16px) * var(--ratio)))}.slider::-moz-range-track{height:4px;border-radius:2px;background:#3a3b45}.slider::-moz-range-progress{height:4px;border-radius:2px;background:var(--slider-color)}.slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:2px solid var(--slider-color);border-radius:50%;background:#f6f4ff;box-shadow:0 1px 4px #00000080;appearance:none;-webkit-appearance:none;transition:transform var(--fast) var(--ease)}.slider::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--slider-color);border-radius:50%;background:#f6f4ff;box-shadow:0 1px 4px #00000080}.slider:hover::-webkit-slider-thumb,.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-hi);outline-offset:2px}.slider:focus-visible::-moz-range-thumb{outline:2px solid var(--accent-hi);outline-offset:2px}.slider:disabled{cursor:not-allowed;opacity:.5}.select{position:relative;display:inline-flex;align-items:center;min-width:0;max-width:100%;height:var(--control);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--field);color:var(--text);transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.select:hover{border-color:#53545f}.select:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.select-block{display:flex;width:100%}.select-prefix{flex:none;padding-left:10px;color:var(--muted);font-size:var(--t-12);white-space:nowrap;pointer-events:none}.select select{flex:1 1 auto;min-width:0;width:100%;height:100%;padding:0 30px 0 10px;border:0;border-radius:inherit;background:transparent;font-size:var(--t-13);text-overflow:ellipsis;cursor:pointer;appearance:none;-webkit-appearance:none}.select-prefix+select{padding-left:8px}.select select:focus-visible{outline:none}.select select:disabled{color:var(--disabled);cursor:not-allowed}.select option{background:var(--panel-raised);color:var(--text)}.select option:disabled{color:var(--disabled)}.select-chevron{position:absolute;right:9px;color:var(--muted);pointer-events:none}.input{width:100%;min-width:0;height:var(--control);padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--field);color:var(--text);font-size:var(--t-13);transition:border-color var(--fast) var(--ease)}.input:hover:not(:disabled){border-color:#53545f}.input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 1px var(--accent)}.input:disabled{color:var(--muted)}.input[readonly]{border-style:dashed;border-color:var(--border-strong);background:transparent;color:var(--text-soft);cursor:default}.input[readonly]:hover:not(:disabled){border-color:var(--border-strong)}.input-wrap{position:relative;display:block;min-width:0}.input-wrap[data-locked] .input{padding-right:30px}.input-wrap>svg{position:absolute;top:50%;right:10px;color:var(--muted);transform:translateY(-50%);pointer-events:none}.input:disabled{cursor:not-allowed}.input[type=number]{appearance:textfield;-moz-appearance:textfield;text-align:center;font-variant-numeric:tabular-nums}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.input[type=search]::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}.segmented{display:inline-flex;max-width:100%;padding:2px;gap:2px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--field)}.segmented-block{display:flex;width:100%}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;min-width:0;height:var(--hit);padding:0 12px;border-radius:6px;color:var(--text-soft);font-size:var(--t-13);white-space:nowrap;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.segmented button:hover:not(:disabled):not([aria-checked=true]){background:var(--panel-hover);color:var(--text)}.segmented button[aria-checked=true]{background:#33333f;box-shadow:0 0 0 1px var(--accent-line) inset,0 1px 2px #0006;color:var(--accent-hi);font-weight:600}.segmented button:disabled{color:var(--disabled)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{display:flex;align-items:center;gap:6px;min-height:20px;color:var(--text-soft);font-size:var(--t-13);font-weight:550}.field-hint{color:var(--muted);font-size:var(--t-12);line-height:1.5}.field-warning{color:var(--warn)}.progress{position:relative;height:4px;overflow:hidden;border-radius:2px;background:#33343d}.progress-fill{position:absolute;inset:0;border-radius:inherit;background:var(--accent);transform-origin:left center;transition:transform .2s linear}.progress-indeterminate .progress-fill{width:40%;transition:none;animation:sweep 1.3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.progress-indeterminate .progress-fill{width:100%;opacity:.45;animation:none;transform:none}}.cover{position:relative;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:var(--r-lg);color:#ffffffeb;isolation:isolate}.cover:before,.cover:after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}.cover:before{right:-18%;bottom:-30%;width:78%;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff80,#ffffff0f 62%)}.cover:after{top:-40%;left:-24%;width:96%;aspect-ratio:1;border:1px solid rgba(255,255,255,.22)}.cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1011130d,#1011136b)}.tooltip{position:fixed;z-index:400;max-width:min(280px,calc(100vw - 16px));padding:6px 9px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:#2a2b33;box-shadow:var(--shadow-pop);color:var(--text);font-size:var(--t-12);line-height:1.45;pointer-events:none;animation:fade var(--fast) var(--ease)}.notice{display:flex;align-items:flex-start;gap:var(--s-2);padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-raised);color:var(--text-soft);font-size:var(--t-13);line-height:1.55}.notice>svg{flex:none;margin-top:2px;color:var(--muted)}.notice-warn{border-color:#e6bb7266;background:var(--warn-soft);color:#f1d9ae}.notice-warn>svg{color:var(--warn)}.notice-danger{border-color:#f39a9a66;background:var(--danger-soft);color:#f8c9c9}.notice-danger>svg{color:var(--danger)}.notice-accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.notice-accent>svg{color:var(--accent)}.changed-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-2)}.app{position:relative;height:100vh;height:100dvh;min-height:0;overflow:hidden;overflow:clip;background:var(--bg)}.app-body{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%}.skip-link{position:absolute;top:8px;left:8px;z-index:50;padding:8px 12px;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);font-weight:650;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.shell-nav{position:relative;display:flex;flex-direction:column;gap:var(--s-4);min-width:0;min-height:0;padding:var(--s-5) var(--s-3) var(--s-4);overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--border);background:var(--bg-deep)}.brand{display:flex;align-items:center;gap:10px;flex:none;padding:0 var(--s-2);color:var(--text)}.brand-name{display:flex;align-items:baseline;gap:6px;font-size:18px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand-name em{color:var(--text-soft);font-family:var(--font-display);font-size:15px;font-style:italic;font-weight:400;letter-spacing:0}.nav{display:flex;flex-direction:column;gap:2px;flex:none}.nav-item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;height:38px;padding:0 var(--s-3);border-radius:var(--r-md);color:var(--text-soft);font-size:var(--t-14);text-align:left;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-hi);font-weight:650}.nav-item[aria-current=page]:before{position:absolute;top:9px;bottom:9px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--accent);content:""}.nav-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{flex:none;min-width:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--panel-raised);color:var(--muted);font-size:var(--t-12);font-weight:500;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.new-piece{flex:none;justify-content:flex-start;height:38px;padding:0 var(--s-3);border-style:dashed;background:transparent;color:var(--text);font-size:var(--t-14)}.new-piece .btn-label{flex:1 1 auto;text-align:left}.new-piece kbd{border-color:var(--border-strong);background:var(--panel-raised);color:var(--muted)}.recents{display:flex;flex-direction:column;flex:1 1 auto;gap:2px;min-height:0;padding-top:var(--s-3);border-top:1px solid var(--border)}.recents-title{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-3) 6px;color:var(--muted);font-size:var(--t-12);font-weight:500;letter-spacing:.04em}.recents-list{position:relative;display:flex;flex-direction:column;gap:1px;min-height:0;margin:0 calc(var(--s-2) * -1) 0 0;padding-right:var(--s-2);overflow-y:auto}.recent{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:34px;padding:0 var(--s-3);border-radius:var(--r-md);color:var(--text-soft);font-size:var(--t-13);text-align:left;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.recent:hover:not(:disabled){background:var(--panel);color:var(--text)}.recent:disabled{color:var(--disabled)}.recent[aria-current=true]{background:var(--panel);color:var(--text);font-weight:600}.recent-swatch{flex:none;width:10px;height:10px;border-radius:3px}.recent-version{flex:none;color:var(--muted);font-size:var(--t-12);font-weight:400;font-variant-numeric:tabular-nums}.recents-empty{padding:2px var(--s-3);color:var(--muted);font-size:var(--t-12);line-height:1.6}.shell-foot{display:flex;flex-direction:column;flex:none;gap:2px;margin-top:auto;padding-top:var(--s-3);border-top:1px solid var(--border)}.local-note{display:flex;align-items:flex-start;gap:var(--s-2);padding:4px var(--s-3) 10px;color:var(--muted);font-size:var(--t-12);line-height:1.5}.local-note-dot{flex:none;width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.foot-item{display:flex;align-items:center;gap:10px;min-width:0;height:36px;padding:0 var(--s-3);border-radius:var(--r-md);color:var(--text-soft);font-size:var(--t-13);text-align:left;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.foot-item:hover{background:var(--panel);color:var(--text)}.foot-version{margin-left:auto;color:var(--muted);font-size:var(--t-12);font-variant-numeric:tabular-nums}.shell-main{display:flex;flex-direction:column;min-width:0;min-height:0}.page-host{position:relative;flex:1 1 auto;min-width:0;min-height:0}.page-host:focus-visible{outline:none}.page{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.page-inner{display:flex;flex-direction:column;gap:var(--s-6);width:100%;max-width:1120px;margin:0 auto;padding:var(--s-8) var(--gutter) var(--s-10)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-3) var(--s-4)}.page-head h1{display:flex;align-items:baseline;gap:var(--s-3)}.page-lede{text-wrap:pretty;max-width:720px;margin-top:6px;color:var(--muted);font-size:var(--t-14)}.eyebrow{margin-bottom:6px;color:var(--accent);font-size:var(--t-12);font-weight:600;letter-spacing:.14em}.section-title{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3)}.section-title .muted{font-size:var(--t-13);font-weight:400}@media(max-width:1099px){.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.shell-nav{flex-direction:row;align-items:center;gap:var(--s-2);height:56px;padding:0 var(--gutter);overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.brand{padding:0;margin-right:var(--s-2)}.nav{flex-direction:row;flex:1 1 auto;gap:2px;min-width:0}.nav-item{flex:0 1 auto;gap:8px;height:36px;padding:0 12px}.nav-item[aria-current=page]:before{inset:auto 12px -10px;width:auto;height:3px;border-radius:3px 3px 0 0}.nav-label{flex:none}.new-piece{width:auto;height:34px;border-style:solid}.new-piece kbd,.recents,.local-note,.foot-version{display:none}.shell-foot{flex-direction:row;gap:2px;margin:0;padding:0;border:0}.foot-item{justify-content:center;width:36px;padding:0}.foot-item .foot-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:719px){.shell-nav{gap:4px;height:52px}.brand-name em,.nav-count{display:none}.nav-item{padding:0 10px}.new-piece{justify-content:center;width:36px;padding:0}.new-piece .btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page-inner{gap:var(--s-5);padding:var(--s-5) var(--gutter) var(--s-8)}h1{font-size:22px}}@media(max-width:519px){.brand-name{display:none}.brand{margin-right:2px}.nav-item{justify-content:center;width:40px;padding:0}.nav-item[aria-current=page]:before{right:8px;left:8px}.nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(pointer:coarse){.nav-item,.foot-item,.new-piece{height:40px}.nav-item{flex:none}.jobbar .btn{min-width:44px}.recent{min-height:40px}@media(max-width:1099px){.foot-item{width:40px}}@media(max-width:719px){.new-piece{width:40px}}}@media(min-width:1100px)and (max-height:640px){.local-note{display:none}.shell-nav{gap:var(--s-3);padding-top:var(--s-4)}}.bottom-bar{position:relative;display:flex;align-items:center;gap:var(--s-3);flex:none;min-width:0;height:var(--bar-h);padding:0 var(--gutter);border-top:1px solid var(--border);background:#16171bf5;animation:rise var(--slow) var(--ease)}.bar-progress{position:absolute;top:-1px;right:0;left:0;height:2px;overflow:hidden;background:transparent;pointer-events:none}.bar-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center}.mini{display:flex;align-items:center;gap:var(--s-3);flex:1 1 auto;min-width:0}.mini-cover{width:36px;height:36px;border-radius:var(--r-md)}.mini-title{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:var(--hit);justify-content:center;border-radius:var(--r-sm);text-align:left}.mini-title strong{font-size:var(--t-13);font-weight:650}.mini-title span{color:var(--muted);font-size:var(--t-12)}.mini-title:hover strong{color:var(--accent-hi)}.mini-time{flex:none;color:var(--text-soft);font-size:var(--t-12);font-variant-numeric:tabular-nums;white-space:nowrap}.play-btn{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-ink);transition:background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.play-btn:hover:not(:disabled){background:var(--accent-hi)}.play-btn:active:not(:disabled){transform:scale(.95)}.play-btn:disabled{background:#2b2a38;color:#8a86a6}.play-btn-lg{width:48px;height:48px}.play-btn svg{fill:currentColor}.play-btn[aria-pressed=false] svg{margin-left:2px}@media(pointer:coarse){.play-btn{width:40px;height:40px}.play-btn-lg{width:52px;height:52px}}.jobbar{display:flex;align-items:center;gap:var(--s-3);flex:1 1 auto;min-width:0}.jobbar-icon{color:var(--accent)}.jobbar-text{display:flex;flex-direction:column;flex:1 1 auto;gap:6px;min-width:0}.jobbar-line{display:flex;align-items:baseline;gap:var(--s-2);min-width:0;font-size:var(--t-13)}.jobbar-phase{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.jobbar-extra{flex:none;color:var(--muted);font-size:var(--t-12);font-variant-numeric:tabular-nums}@media(max-width:519px){.mini-cover{display:none}.bottom-bar,.mini,.jobbar{gap:var(--s-2)}}.toasts{position:fixed;right:0;bottom:20px;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:0 var(--s-4);pointer-events:none;transition:bottom var(--slow) var(--ease)}.toasts[data-raised=true]{bottom:calc(var(--bar-h) + 16px)}.toast{display:flex;align-items:center;gap:10px;max-width:min(520px,100%);min-height:44px;padding:6px 6px 6px 14px;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:#26272e;box-shadow:var(--shadow-pop);color:var(--text);font-size:var(--t-13);line-height:1.45;pointer-events:auto;animation:rise var(--slow) var(--ease)}.toast .btn,.toast .icon-btn{flex:none}.toast>span{flex:1 1 auto;min-width:0;padding:4px 0;overflow-wrap:anywhere}.toast-icon{color:var(--ok)}.toast[data-kind=error]{border-color:#f39a9a80}.toast[data-kind=error] .toast-icon{color:var(--danger)}.crash{display:grid;place-items:center;height:100vh;height:100dvh;padding:var(--s-6);overflow-y:auto;background:var(--bg)}.crash-card{display:flex;flex-direction:column;gap:var(--s-4);width:min(480px,100%);padding:var(--s-8);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel)}.crash-card h1{font-size:var(--t-20)}.crash-card p{color:var(--text-soft)}.crash-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.crash-note{color:var(--muted);font-size:var(--t-13)}.shell-banners{display:flex;flex:none;flex-direction:column;gap:var(--s-2);margin:var(--s-3) var(--s-4) 0}.shell-banner{align-items:center;flex-wrap:wrap}.shell-banner>svg{flex:none;align-self:flex-start;margin-top:4px}.shell-banner .grow{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}.shell-banner-lead{margin-right:.35em;color:var(--text);font-weight:600}.shell-banner-actions{display:inline-flex;flex-wrap:wrap;gap:var(--s-2)}@media(max-width:719px){.shell-banners{margin:var(--s-2) var(--s-3) 0}.shell-banner .grow{flex-basis:calc(100% - 28px)}.shell-banner-actions{margin-left:24px}}.hero{max-width:936px}.hero-head h1{letter-spacing:.02em}.composer{display:flex;flex-direction:column;gap:var(--s-4)}.composer-box{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--field);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.composer-box:hover{border-color:#53545f}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.composer-input{display:block;width:100%;min-height:104px;max-height:260px;padding:14px 16px 4px;border:0;background:transparent;color:var(--text);font-size:var(--t-16);line-height:1.65;resize:none}.composer-input:focus-visible{outline:none}.composer-input::placeholder{color:#858793}.composer-status{display:flex;align-items:flex-start;gap:var(--s-3);padding:8px 14px 12px 16px}.plan-preview{display:flex;align-items:flex-start;gap:6px;flex:1 1 auto;min-width:0;color:var(--text-soft);font-size:var(--t-13);line-height:1.5}.plan-preview svg{margin-top:2px;color:var(--accent)}.plan-preview[data-unsure]{color:#f1d9ae}.plan-preview[data-unsure] svg{color:var(--warn)}.composer-count{flex:none;color:var(--muted);font-size:var(--t-12);line-height:20px}.creating{display:flex;align-items:center;gap:var(--s-4);min-height:150px;padding:var(--s-5);border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--accent-soft)}.sk{display:block;border-radius:var(--r-md);background:linear-gradient(90deg,#212229,#2c2d37,#212229);background-size:200% 100%;animation:shimmer 1.6s linear infinite}.sk-title{width:min(280px,70%);height:22px;margin:4px 0 8px}.sk-meta{width:min(360px,90%);height:14px}.sk-wave{height:96px}.sk.player-cover{border-radius:var(--r-lg)}.opening-status .creating-phase{margin-bottom:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.sk,.creating-art{animation:none}}.creating-art{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:var(--r-lg);background:var(--accent-soft-2);color:var(--accent-hi);animation:pulse 1.8s ease-in-out infinite}.creating-quote{display:-webkit-box;overflow:hidden;color:var(--text);font-size:var(--t-16);line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.creating-phase{margin:4px 0 10px;color:var(--text-soft);font-size:var(--t-13);font-variant-numeric:tabular-nums}.style-picker{display:flex;flex-direction:column;gap:10px;min-width:0}.style-picker-head{display:flex;align-items:center;gap:var(--s-2);min-width:0;min-height:22px}.style-picker-label{flex:none;color:var(--text-soft);font-size:var(--t-13);font-weight:600}.style-picker-note{flex:1 1 auto;color:var(--muted);font-size:var(--t-12)}.style-all{display:none;flex:none;margin:-4px 0}.style-chips{display:flex;flex-wrap:wrap;gap:6px}.style-chips .chip{padding:0 10px}.style-chips .chip-dot{width:10px;height:10px}.composer-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.option-select select{max-width:220px;field-sizing:content}.option-select-wide select{max-width:300px}.composer-send{margin-left:auto}.composer-foot{margin-top:-4px;font-size:var(--t-12)}.desktop-link{display:inline-flex;align-items:center;gap:4px;min-height:var(--hit);color:var(--accent);font-size:var(--t-12)}.desktop-link-short{display:none}@media(max-width:519px){.desktop-link-long{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.desktop-link-short{display:inline}}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-3)}.prompt-card{display:flex;align-items:center;gap:var(--s-3);width:100%;height:100%;min-width:0;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);text-align:left;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.prompt-card:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-raised)}.prompt-card:active:not(:disabled){transform:translateY(1px)}.prompt-card:disabled{opacity:.55}.prompt-art{width:44px;height:44px;border-radius:10px}.prompt-text{display:flex;flex-direction:column;flex:1 1 auto;gap:2px;min-width:0}.prompt-text strong{color:var(--text);font-size:var(--t-14);font-weight:650}.prompt-text span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:var(--t-12);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.prompt-go{color:var(--muted);transition:color var(--fast) var(--ease),transform var(--fast) var(--ease)}.prompt-card:hover:not(:disabled) .prompt-go{color:var(--accent);transform:translate(2px)}.studio{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--inspector-w);height:100%}.studio-main{position:relative;min-width:0;padding:var(--s-6) var(--gutter) var(--s-10);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;container:studio / inline-size}.studio-flow{display:flex;flex-direction:column;gap:var(--s-4);width:100%;max-width:960px;margin-inline:auto}.studio-flow>*{flex:none;min-width:0}@container studio (min-width: 800px){.studio-flow{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}.studio-flow>.player-card{grid-column:1 / -1}.studio-flow>.thread-card:last-child{grid-column:1 / -1}}.studio-side{position:relative;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--border);background:var(--bg-deep)}@media(min-width:1100px)and (max-width:1279px){.studio-main{padding-right:var(--s-5);padding-left:var(--s-5)}}@media(max-width:1099px){.studio{--studio-end: var(--s-8);display:block;padding:var(--s-5) var(--gutter) var(--studio-end);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.studio-main{padding:0;overflow:visible}.studio-side{display:block;max-width:960px;margin:var(--s-4) auto 0;overflow:visible;border:0;background:none}}@media(max-width:719px){.studio{--studio-end: var(--s-6);padding:var(--s-2) 0 var(--studio-end)}.studio-flow{gap:var(--s-2)}.studio-side{margin-top:var(--s-2)}}.player-card{display:flex;flex-direction:column;gap:var(--s-4);scroll-margin-top:var(--s-5)}.player-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cover id actions";align-items:start;gap:var(--s-3) 14px}.player-cover{grid-area:cover;width:56px;height:56px}.player-id{display:flex;flex-direction:column;grid-area:id;gap:2px;min-width:0}.title-input{width:calc(100% + 8px);min-width:0;height:32px;margin:-2px 0 0 -8px;padding:0 7px;overflow:hidden;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text);font-size:var(--t-20);font-weight:650;text-overflow:ellipsis;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.title-input:hover{border-color:var(--border-strong)}.title-input:focus-visible{border-color:var(--accent);outline:none;background:var(--field);box-shadow:0 0 0 1px var(--accent)}.player-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--text-soft);font-size:var(--t-13)}.player-meta-text{min-width:0}.player-parent{align-self:flex-start;max-width:100%;margin:-2px 0 -4px;font-size:var(--t-12)}.player-actions{display:flex;align-items:center;grid-area:actions;gap:var(--s-2)}.save-state{display:inline-flex;align-items:center;gap:4px;margin-left:2px;color:var(--muted);font-size:var(--t-12);white-space:nowrap}.save-state[data-state=saved] svg{color:var(--ok)}.save-state[data-state=failed]{color:var(--warn);font-weight:600}.player-notice{color:var(--muted);font-size:var(--t-12);line-height:1.5}@media(max-width:719px){.player-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cover id" "actions actions"}.player-cover{width:48px;height:48px}.title-input{font-size:18px}.player-actions .btn{flex:1 1 auto}}.timeline{display:flex;flex-direction:column;gap:6px;min-width:0}.bands{position:relative;height:var(--hit)}.band{position:absolute;top:0;bottom:0;display:flex;align-items:center;min-width:0;padding:0 7px;overflow:hidden;border-radius:var(--r-sm);box-shadow:inset -2px 0 0 var(--panel);color:var(--section-ink-light);font-size:var(--t-12);font-weight:600;white-space:nowrap;opacity:.74;container-type:inline-size;transition:opacity var(--fast) var(--ease),filter var(--fast) var(--ease)}.band[data-type=intro]{background:var(--section-intro)}.band[data-type=verse]{background:var(--section-verse)}.band[data-type=chorus]{background:var(--section-chorus);color:var(--section-ink-dark)}.band[data-type=bridge]{background:var(--section-bridge)}.band[data-type=breakdown]{background:var(--section-breakdown)}.band[data-type=build]{background:var(--section-build);color:var(--section-ink-dark)}.band[data-type=outro]{background:var(--section-outro)}.band:hover:not(:disabled){opacity:1}.band:disabled{cursor:default}.band[aria-current=true]{opacity:1;box-shadow:inset -2px 0 0 var(--panel),inset 0 0 0 2px #ffffffd9}.band:focus-visible{z-index:1;outline-offset:1px}.band span{overflow:hidden;text-overflow:clip}@container (max-width: 26px){.band span{display:none}}.wave{position:relative;min-width:0}.wave-canvas{display:block;width:100%;height:96px;border-radius:var(--r-md);background:var(--field);cursor:pointer;touch-action:pan-y}.wave-canvas[aria-disabled=true]{cursor:default}@media(max-height:620px){.wave-canvas,.sk-wave{height:72px}}.wave-tip{position:absolute;top:6px;left:clamp(64px,var(--x),calc(100% - 64px));padding:2px 8px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:#2a2b33;color:var(--text);font-size:var(--t-12);line-height:18px;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.chords{position:relative;height:24px;overflow:hidden}.chord{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding-left:5px;border-left:1px solid transparent;color:transparent;font-size:var(--t-12);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.chord[data-tick]{border-left-color:var(--border-strong)}.chord[data-shown]{color:var(--muted)}.chord[data-current]{z-index:2;width:max-content!important;padding:0 6px;border-left-color:transparent;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-weight:700}.chord[data-current][data-edge]{right:0;left:auto!important}.transport{display:flex;align-items:center;gap:var(--s-4);min-width:0}.transport-main{display:flex;align-items:center;gap:var(--s-2)}.loop-toggle{display:inline-flex;align-items:center;gap:6px;height:var(--control);padding:0 10px;border:1px solid transparent;border-radius:var(--r-md);color:var(--text-soft);font-size:var(--t-13);white-space:nowrap;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.loop-toggle:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.loop-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft-2);color:var(--accent-hi);font-weight:600}.loop-toggle:disabled{color:var(--disabled)}.transport-time{color:var(--text-soft);font-size:var(--t-13);white-space:nowrap}.transport-volume{display:flex;align-items:center;gap:var(--s-2);width:136px;margin-left:auto;color:var(--muted)}@media(max-width:519px){.transport{gap:var(--s-2)}.transport-volume{display:none}.transport-time{margin-left:auto}.loop-toggle{padding:0 8px}}@media(max-width:359px){.loop-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.thread-card{display:flex;flex-direction:column}.thread-more{align-self:center;margin:-6px 0 8px}.thread{display:flex;flex-direction:column;gap:14px;margin-bottom:var(--s-4)}.thread-empty{color:var(--muted);font-size:var(--t-13)}.turn{display:flex;gap:10px;min-width:0}.turn-user{justify-content:flex-end}.turn-bubble{max-width:min(82%,560px);padding:8px 13px;border:1px solid rgba(184,163,250,.3);border-radius:14px 14px 4px;background:var(--accent-soft-2);color:var(--text);font-size:var(--t-14);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.turn-mark{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--border-strong);border-radius:50%;background:var(--panel-raised);color:var(--accent)}.turn-mark-error{border-color:#f39a9a80;color:var(--danger)}.turn-body{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;min-width:0;padding-top:3px}.turn-text{color:var(--text);font-size:var(--t-14);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.turn-error .turn-text{color:#f8c9c9}.turn-reasons{display:flex;flex-wrap:wrap;gap:6px}.turn-reasons li{padding:2px 9px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel-raised);color:var(--text-soft);font-size:var(--t-12);line-height:18px;overflow-wrap:anywhere}.turn-fallback{display:flex;align-items:flex-start;gap:6px;padding:6px 10px;border:1px solid rgba(230,187,114,.4);border-radius:var(--r-md);background:var(--warn-soft);color:#f1d9ae;font-size:var(--t-12);line-height:1.5}.turn-fallback svg{margin-top:2px;color:var(--warn)}.turn-note{padding-left:10px;border-left:2px solid var(--border-strong);color:var(--muted);font-size:var(--t-12);line-height:1.55;overflow-wrap:anywhere}.turn-note-label{color:var(--text-soft);font-weight:600}.turn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.turn-time{color:var(--muted);font-size:var(--t-12)}.turn-live .turn-text{color:var(--text-soft);font-variant-numeric:tabular-nums}.turn-live .progress{max-width:260px}.refine{display:flex;flex-direction:column;gap:10px;padding-top:var(--s-4);border-top:1px solid var(--border)}.refine-chips{display:flex;flex-wrap:wrap;gap:6px}.refine-box{display:flex;align-items:flex-end;gap:var(--s-2);padding:5px 5px 5px 14px;border:1px solid var(--border-strong);border-radius:20px;background:var(--field);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.refine-box:hover{border-color:#53545f}.refine-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.refine-input{flex:1 1 auto;min-width:0;min-height:34px;max-height:148px;padding:6px 0;border:0;background:transparent;color:var(--text);font-size:var(--t-14);line-height:22px;resize:none}.refine-input:focus-visible{outline:none}.refine-send{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);transition:background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.refine-send:hover:not(:disabled){background:var(--accent-hi)}.refine-send:active:not(:disabled){transform:scale(.94)}.refine-send:disabled{background:#2b2a38;color:#8a86a6}.refine-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.refine-foot .select{height:var(--control-sm);border-color:var(--border);background:transparent}.refine-foot .select select{font-size:var(--t-12)}.refine-hint,.refine-foot .desktop-link{margin-left:auto}.refine-hint{color:var(--muted);font-size:var(--t-12)}.refine-foot .refine-hint+.desktop-link{margin-left:var(--s-2)}@media(pointer:coarse){.refine-input,.composer-input{font-size:16px}.title-input{height:40px}.loop-toggle{min-width:40px;justify-content:center}.refine-send{width:40px;height:40px}.refine-input{min-height:40px;padding:9px 0}}@media(max-width:719px){.style-all{display:inline-flex}.style-chips,.refine-chips{flex-wrap:nowrap;margin:0 calc(var(--s-4) * -1);padding:2px var(--s-4);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.style-chips::-webkit-scrollbar,.refine-chips::-webkit-scrollbar{display:none}.composer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.composer-options .select{display:flex}.option-select select{max-width:none;field-sizing:fixed}.composer-send{grid-column:1 / -1;width:100%;margin:4px 0 0}@media(max-width:599px){.composer-options .option-select-wide{grid-column:1 / -1}}.composer-send kbd{display:none}.refine-foot .select{flex:1 1 0}.refine-hint{display:none}.refine-foot .desktop-link{flex:1 0 100%;margin-left:0}.prompt-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}.quick .section-title .muted{display:none}.hero .quick,.hero .hero-head{padding:0}}.mixer-card{container:mixer / inline-size}.mixer-note{display:flex;align-items:flex-start;gap:var(--s-2);color:var(--text-soft);font-size:var(--t-13)}.mixer-note svg{margin-top:3px;color:var(--muted)}.mix-rows{display:flex;flex-direction:column;gap:2px;margin:0 -8px -6px}.mix-row{display:grid;grid-template-columns:32px minmax(96px,168px) minmax(40px,.8fr) minmax(120px,1.5fr) 28px auto auto;grid-template-areas:"icon name wave fader value mute solo";align-items:center;gap:4px 10px;min-height:50px;padding:5px 8px;border-radius:10px;transition:background-color var(--fast) var(--ease)}.mix-row:hover{background:var(--panel-raised)}.mix-icon{display:grid;place-items:center;grid-area:icon;width:32px;height:32px;border-radius:var(--r-md);background:color-mix(in srgb,var(--track) 16%,transparent);color:var(--track)}.mix-name{display:flex;flex-direction:column;grid-area:name;min-width:0;line-height:1.35}.mix-name strong{font-size:var(--t-13);font-weight:650}.mix-name span{color:var(--muted);font-size:var(--t-12)}.mix-wave{grid-area:wave;width:100%;height:24px;color:var(--track);opacity:.8;transition:opacity var(--fast) var(--ease)}.mix-fader{grid-area:fader}.mix-value{grid-area:value;color:var(--text-soft);font-size:var(--t-12);text-align:right}.mix-toggle{display:grid;place-items:center;width:var(--hit);height:var(--hit);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-soft);font-size:var(--t-12);font-weight:700;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.mix-toggle[data-kind=mute]{grid-area:mute}.mix-toggle[data-kind=solo]{grid-area:solo}.mix-toggle:hover{border-color:#5a5b66;background:var(--panel-hover);color:var(--text)}.mix-toggle[aria-pressed=true][data-kind=mute]{border-color:var(--danger-strong);background:var(--danger-strong);color:#2a0d0d}.mix-toggle[aria-pressed=true][data-kind=solo]{border-color:var(--warn);background:var(--warn);color:#2b1f08}.mix-row[data-quiet] .mix-wave,.mix-row[data-quiet] .mix-icon{opacity:.32}.mix-row[data-quiet] .mix-name strong{color:var(--text-soft)}@container mixer (max-width: 620px){.mix-row{grid-template-columns:32px minmax(0,1fr) 28px auto auto;grid-template-areas:"icon name name name name" "fader fader value mute solo";padding:8px}.mix-wave{display:none}}@container mixer (min-width: 400px) and (max-width: 620px){.mix-row{grid-template-columns:32px minmax(0,1fr) minmax(72px,.6fr) 28px auto auto;grid-template-areas:"icon name wave wave wave wave" "fader fader fader value mute solo"}.mix-wave{display:block}}.inspector{--insp-pad: var(--s-5);display:flex;flex:1 0 auto;flex-direction:column;gap:var(--s-4);min-width:0;padding:var(--s-6) var(--insp-pad) 0}.inspector-card{padding:var(--s-5)}.inspector-card[data-open=true]{padding-bottom:var(--s-4)}.insp-head{display:flex;align-items:center;gap:var(--s-2);min-height:24px}.insp-title{display:flex;align-items:center;flex:1 1 auto;gap:var(--s-2);min-width:0}.insp-title>svg,.insp-toggle>svg:first-child{color:var(--accent)}.insp-toggle{display:flex;align-items:center;gap:var(--s-2);width:100%;min-height:var(--hit);margin:-4px 0;border-radius:var(--r-sm);color:var(--text);font-size:inherit;font-weight:inherit;text-align:left}.insp-chevron{color:var(--muted);transition:transform var(--slow) var(--ease)}.inspector[data-open=true] .insp-chevron{transform:rotate(180deg)}.insp-body{display:flex;flex:1 0 auto;flex-direction:column;gap:var(--s-4);min-width:0}.insp-row{display:flex;flex-direction:column;gap:6px;min-width:0}.insp-label{display:flex;align-items:center;gap:6px;min-height:22px;color:var(--text-soft);font-size:var(--t-13);font-weight:550}.insp-row[data-changed] .insp-label>label,.insp-row[data-changed] .insp-label>span:first-child{color:var(--text)}.insp-reset{min-height:var(--hit);margin:-6px 0;font-size:var(--t-12);font-weight:400}.insp-value{margin-left:auto;color:var(--text);font-size:var(--t-13);font-weight:500}.insp-bpm{display:grid;grid-template-columns:minmax(0,1fr) 60px auto;align-items:center;gap:var(--s-2)}.insp-number{padding:0 4px}.insp-unit{color:var(--muted);font-size:var(--t-12)}.insp-key{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--s-2)}.insp-key .select{display:flex}.insp-scale{display:flex;justify-content:space-between;margin-top:-6px;color:var(--muted);font-size:var(--t-12)}.insp-fit{margin-top:-2px;color:var(--muted);font-size:var(--t-12);line-height:1.5}.insp-actions{position:sticky;z-index:2;bottom:0;display:flex;flex-direction:column;gap:var(--s-2);margin:0 calc(-1 * var(--insp-pad));padding:var(--s-3) var(--insp-pad) var(--s-4);border-top:1px solid var(--border);background:var(--bg-deep)}.insp-apply{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.insp-pending{display:flex;align-items:baseline;gap:var(--s-2);min-width:0;color:var(--muted);font-size:var(--t-12)}.insp-pending strong{flex:none;color:var(--accent-hi);font-weight:600}.insp-actions-row{display:flex;gap:var(--s-2)}.insp-actions-row .btn-block{flex:1 1 0;width:auto}.insp-actions-row .btn-ghost{flex:none;padding:0 10px}.insp-hint{color:var(--muted);font-size:var(--t-12);line-height:1.55}.insp-notes{display:flex;flex-direction:column;gap:10px;padding:var(--s-4) 0 var(--s-2);border-top:1px solid var(--border)}.insp-notes h3{display:flex;align-items:center;gap:6px}.insp-notes h3 svg{color:var(--accent)}.insp-notes ul{display:flex;flex-direction:column;gap:8px}.insp-notes li{position:relative;padding-left:14px;color:var(--text-soft);font-size:var(--t-13);line-height:1.6}.insp-notes li:before{position:absolute;top:9px;left:2px;width:4px;height:4px;border-radius:50%;background:var(--accent);content:""}@media(max-width:1099px){.inspector{flex:none}.inspector-card .insp-actions{display:contents}.inspector-card .insp-apply{margin:0 calc(-1 * var(--insp-pad));padding:var(--s-3) var(--insp-pad);border-top:1px solid var(--border);background:var(--panel)}.inspector-card .insp-actions[data-pending] .insp-apply{position:sticky;z-index:2;bottom:calc(-1 * var(--studio-end, 0px));box-shadow:0 -12px 16px -12px #0009}}@media(min-width:720px)and (max-width:1099px){.inspector-card .insp-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4) var(--s-6);align-items:start}.inspector-card .insp-body>.notice,.inspector-card .insp-notes{grid-column:1 / -1}.inspector-card .insp-apply{flex-flow:row wrap;align-items:center;gap:var(--s-2) var(--s-4)}.inspector-card .insp-pending{flex:1 0 100%}.inspector-card .insp-actions-row{flex:none}.inspector-card .insp-actions-row .btn-block{flex:none;min-width:200px}.inspector-card .insp-hint{flex:1 1 240px}.inspector-card .insp-variation{align-self:flex-start;width:auto;min-width:200px}}@media(max-width:719px){.inspector-card{--insp-pad: var(--s-4);padding:var(--s-4)}}.pending-dock{position:sticky;z-index:5;bottom:var(--s-3);display:flex;justify-content:flex-end;max-width:960px;height:0;margin-inline:auto;pointer-events:none}.pending-pill{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--accent);border-radius:var(--r-pill);background:#2b2740;box-shadow:var(--shadow-pop);color:var(--accent-hi);font-size:var(--t-13);font-weight:600;white-space:nowrap;pointer-events:auto;animation:pill-in var(--slow) var(--ease) .16s both;transition:background-color var(--fast) var(--ease)}@keyframes pill-in{0%{visibility:hidden;opacity:0;transform:translateY(6px)}to{visibility:visible;opacity:1;transform:none}}.pending-pill:hover{background:#353052}@media(max-width:719px){.pending-pill{right:var(--s-3)}}@media(pointer:coarse){.pending-pill{height:40px}}.paid-notice{padding:8px 10px;font-size:var(--t-12)}.paid-notice svg,.thread-version svg{flex:none}.composer>.paid-notice{margin-top:var(--s-3)}.refine>.paid-notice{margin-bottom:var(--s-2)}.thread-version{align-items:center;flex-wrap:wrap;margin-bottom:var(--s-3);font-size:var(--t-12)}.thread-version .grow{flex:1 1 220px;min-width:0}.style-hint{margin-top:-6px;padding:0 16px 12px 37px;color:var(--muted);font-size:var(--t-12);line-height:1.55}.save-retry{font-size:var(--t-12)}.count{color:var(--muted);font-size:var(--t-14);font-weight:400}.library-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.search{display:flex;align-items:center;gap:var(--s-2);flex:1 1 240px;max-width:360px;height:var(--control);padding:0 2px 0 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--field);color:var(--muted);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.search:hover{border-color:#53545f}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.search-input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--text);font-size:var(--t-13)}.search-input:focus-visible{outline:none}.search-input::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}.search .icon-btn{width:var(--hit);height:var(--hit)}.library-state{color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));align-items:start;gap:var(--s-4)}.work-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.work-card:hover{border-color:var(--border-strong)}.work-card[data-current]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.work-cover{position:relative;display:block;width:100%;height:104px;flex:none}.work-cover:focus-visible{outline-offset:-3px}.work-art{display:grid;width:100%;height:100%;border-radius:0}.work-play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1011139e;color:#fff;backdrop-filter:blur(6px);transition:transform var(--fast) var(--ease),background-color var(--fast) var(--ease)}.work-play svg{margin-left:2px;fill:currentColor}.work-cover[data-playing] .work-play{background:var(--accent);color:var(--accent-ink)}.work-cover[data-playing] .work-play svg{margin-left:0}.work-cover:hover:not(:disabled) .work-play,.work-cover:focus-visible .work-play{background:var(--accent);color:var(--accent-ink);transform:scale(1.06)}.work-cover:disabled .work-play{opacity:.45}.work-duration{position:absolute;right:10px;bottom:10px;padding:1px 7px;border-radius:var(--r-sm);background:#101113b8;color:#fff;font-size:var(--t-12);line-height:18px}.work-body{display:flex;flex-direction:column;flex:1 1 auto;gap:4px;min-width:0;padding:var(--s-3) var(--s-4) 0}.work-title{display:flex;max-width:100%;min-height:var(--hit);margin:-2px 0;align-items:center;border-radius:var(--r-xs);color:var(--text);font-size:15px;font-weight:650;text-align:left;transition:color var(--fast) var(--ease)}.work-title:hover:not(:disabled){color:var(--accent-hi)}.work-line{color:var(--text-soft);font-size:var(--t-12)}.work-sub{display:flex;align-items:center;gap:6px;min-width:0;margin-top:2px;color:var(--muted);font-size:var(--t-12)}.work-version{flex:none}.work-origin{flex:0 1 auto;min-width:0}.work-now{position:absolute;top:var(--s-2);left:var(--s-2);padding:2px 8px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-size:var(--t-12);font-weight:600;line-height:18px;pointer-events:none}.work-date{flex:none;margin-left:auto;white-space:nowrap}.work-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:6px var(--s-2) var(--s-2)}.work-actions .icon-btn[aria-pressed=true]{border-color:transparent;background:transparent;color:var(--accent)}.work-confirm{display:flex;flex-direction:column;gap:var(--s-2);margin:var(--s-2);padding:10px 12px;border:1px solid rgba(243,154,154,.4);border-radius:var(--r-lg);background:var(--danger-soft);color:#f8c9c9;font-size:var(--t-12);line-height:1.5}.work-confirm-actions{display:flex;justify-content:flex-end;gap:var(--s-2)}@media(max-width:599px){.work-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}.work-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;border-radius:var(--r-lg)}.work-cover{width:76px;height:100%;min-height:84px}.work-play{width:36px;height:36px}.work-duration{right:6px;bottom:6px;padding:0 5px}.work-now{top:3px;left:3px;padding:0 6px;line-height:17px}.work-body{padding:10px 0 10px var(--s-3)}.work-sub{flex-wrap:wrap}.work-date{margin-left:0}.work-actions{flex-direction:column;padding:4px}.work-confirm{grid-column:1 / -1}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-12) var(--s-4);border:1px dashed var(--border-strong);border-radius:var(--r-xl);color:var(--muted);text-align:center}.empty h2{color:var(--text)}.empty .btn{margin-top:var(--s-2)}.empty-art{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--s-1);border-radius:50%;background:var(--accent-soft);color:var(--accent)}.damaged .card-head{margin-bottom:var(--s-2)}.damaged .card-head h2 svg{color:var(--warn)}.damaged-lede{margin-bottom:var(--s-3);color:var(--muted);font-size:var(--t-13)}.damaged-list{display:flex;flex-direction:column;gap:var(--s-2)}.damaged-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-raised)}.damaged-row>.grow{flex-basis:200px}.damaged-row strong{display:block;font-size:var(--t-14)}.damaged-reason{color:var(--muted);font-size:var(--t-12);overflow-wrap:anywhere}.damaged-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.storage-note{display:flex;align-items:flex-start;gap:var(--s-2);color:var(--muted);font-size:var(--t-12);line-height:1.6}.storage-note svg{margin-top:2px}@media(max-width:719px){.library-tools .search{flex-basis:100%;max-width:none}}.damaged-audio{margin-top:2px;color:var(--warn);font-size:var(--t-12)}.style-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:var(--s-3)}.style-card{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);text-align:left;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.style-card:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-raised);transform:translateY(-1px)}.style-card:active:not(:disabled){transform:none}.style-card:disabled{opacity:.55}.style-card:focus-visible{outline-offset:2px}.style-card-art{display:flex;align-items:flex-end;justify-content:flex-start;width:100%;height:84px;flex:none;padding:10px 14px;border-radius:0}.style-card-english{color:#fff;font-family:var(--font-display);font-size:18px;font-style:italic;line-height:1.1;text-shadow:0 1px 8px rgba(0,0,0,.45)}.style-card-body{display:flex;flex-direction:column;flex:1 1 auto;gap:6px;padding:var(--s-3) 14px 14px}.style-card-body strong{color:var(--text);font-size:15px;font-weight:650}.style-card-text{flex:1 1 auto;color:var(--text-soft);font-size:var(--t-12);line-height:1.6}.style-card-tags{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:2px}.style-card-tags span{padding:0 7px;border:1px solid var(--border-strong);border-radius:var(--r-pill);color:var(--muted);font-size:var(--t-12);line-height:18px}.scenario-groups{display:flex;flex-direction:column;gap:var(--s-5)}.scenario-title{margin-bottom:var(--s-2);color:var(--text-soft);font-size:var(--t-13);font-weight:600;letter-spacing:.04em}@media(max-width:519px){.style-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.style-card-art{height:64px;padding:8px 10px}.style-card-english{font-size:15px}.style-card-body{padding:10px}.style-card-tags{display:none}}@media(max-width:339px){.style-cards{grid-template-columns:minmax(0,1fr)}}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--s-6);overflow:hidden;background:var(--scrim);animation:fade var(--fast) var(--ease)}.modal{position:relative;display:flex;flex-direction:column;width:min(560px,100%);max-height:min(760px,100%);min-height:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--shadow-pop);animation:rise var(--slow) var(--ease)}.modal:focus-visible{outline:none}.modal-shield{position:absolute;inset:0;z-index:1}.modal-lg{width:min(760px,100%)}.modal-head{display:flex;align-items:center;gap:var(--s-3);flex:none;min-width:0;padding:var(--s-4) var(--s-4) var(--s-4) var(--s-5)}.modal-head h2{font-size:18px}.modal-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.modal-subtitle{color:var(--muted);font-size:var(--t-12)}.modal-body{position:relative;flex:1 1 auto;min-height:0;padding:var(--s-1) var(--s-5) var(--s-5);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.modal-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s-2);flex:none;padding:var(--s-3) var(--s-5);border-top:1px solid var(--border)}@media(max-width:719px){.modal-backdrop{padding:0;place-items:stretch}.modal,.modal-lg{width:100%;max-height:none;height:100%;border:0;border-radius:0}.modal-head{padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);border-bottom:1px solid var(--border)}.modal-body{padding:var(--s-4)}}.tabs{display:flex;gap:var(--s-1);flex:none;padding:0 var(--s-5);overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;height:40px;padding:0 12px;border-radius:var(--r-md) var(--r-md) 0 0;color:var(--muted);font-size:var(--t-13);white-space:nowrap;transition:color var(--fast) var(--ease)}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--accent-hi);font-weight:650}.tab[aria-selected=true]:after{position:absolute;right:10px;bottom:-1px;left:10px;height:2px;border-radius:2px 2px 0 0;background:var(--accent);content:""}.tab:focus-visible{outline-offset:-2px}.tabs+.modal-body{padding-top:var(--s-5)}@media(max-width:719px){.tabs{padding:0 var(--s-2)}}@media(max-width:479px){.tab{padding:0 9px}.tab svg{display:none}}.settings-pane{display:flex;flex-direction:column;gap:var(--s-4)}.provider-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.provider-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-raised);text-align:left;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.provider-tile:hover{border-color:var(--border-strong);background:var(--panel-hover)}.provider-tile[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.provider-tile strong{max-width:100%;overflow:hidden;font-size:var(--t-14);text-overflow:ellipsis;white-space:nowrap}.provider-tile-text{color:var(--muted);font-size:var(--t-12);line-height:1.45}.provider-tile .badge{max-width:100%;margin-top:4px}.provider-form{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg)}.provider-facts{display:flex;flex-direction:column;gap:4px;color:var(--text-soft);font-size:var(--t-13);line-height:1.6}.provider-facts .muted{font-size:var(--t-12)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3) var(--s-4)}.form-wide{grid-column:1 / -1}.field-aside{margin:-6px 0 -6px auto;font-size:var(--t-12);font-weight:400}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.form-reason{flex:1 1 200px;min-width:0;color:var(--warn);font-size:var(--t-12);line-height:1.5}.field-link{margin:-7px 0;font-size:inherit}.field-link svg{margin-left:2px;vertical-align:-1px}.form-saved{display:flex;align-items:center;gap:6px;color:var(--ok);font-size:var(--t-13)}.llm-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);font-size:var(--t-13)}.llm-status .badge{max-width:100%;height:auto;min-height:20px;padding-top:2px;padding-bottom:2px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.desktop-only{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-6);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-raised);color:var(--text-soft);font-size:var(--t-14);line-height:1.65}.desktop-only h3{color:var(--text);font-size:var(--t-16)}.desktop-only-art{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--accent)}.desktop-only .muted{font-size:var(--t-13)}.desktop-only .btn{margin-top:var(--s-1)}.about-head{display:flex;align-items:center;gap:14px}.about-name{font-size:var(--t-20);font-weight:700}.about-name em{color:var(--text-soft);font-family:var(--font-display);font-size:17px;font-weight:400}.facts{display:flex;flex-direction:column;margin:0;border:1px solid var(--border);border-radius:var(--r-lg)}.facts>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--s-3);padding:12px 14px}.facts>div+div{border-top:1px solid var(--border)}.facts dt{color:var(--muted);font-size:var(--t-13)}.facts dd{margin:0;color:var(--text-soft);font-size:var(--t-13);line-height:1.6}.about-path{font-family:var(--font-mono);font-size:var(--t-12);overflow-wrap:anywhere;user-select:all}@media(max-width:559px){.form-grid{grid-template-columns:minmax(0,1fr)}.provider-tile-text{display:none}.provider-tile .badge{height:auto;min-height:20px;padding-top:2px;padding-bottom:2px;line-height:1.3;white-space:normal}.facts>div{grid-template-columns:minmax(0,1fr);gap:2px}}.export{display:flex;flex-direction:column;gap:var(--s-4)}.export-group{display:flex;flex-direction:column;gap:var(--s-2)}.export-heading{color:var(--muted);font-size:var(--t-12);font-weight:500;letter-spacing:.04em}.export-list{display:flex;flex-direction:column;gap:var(--s-2)}.export-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.export-option{display:flex;align-items:center;gap:var(--s-3);width:100%;height:100%;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-raised);text-align:left;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.export-option:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-hover)}.export-option:disabled{opacity:.55}.export-option[data-primary]{padding:14px;border-color:var(--accent-line);background:var(--accent-soft)}.export-option[data-primary]:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft-2)}.export-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--panel-hover);color:var(--text-soft)}.export-icon[data-kind=mix]{background:var(--accent);color:var(--accent-ink)}.export-icon[data-kind=stem-melody]{color:var(--track-melody)}.export-icon[data-kind=stem-chords]{color:var(--track-chords)}.export-icon[data-kind=stem-bass]{color:var(--track-bass)}.export-icon[data-kind=stem-drums]{color:var(--track-drums)}.export-text{display:flex;flex-direction:column;flex:1 1 auto;gap:1px;min-width:0}.export-text strong{font-size:var(--t-14);font-weight:650}.export-text span{color:var(--muted);font-size:var(--t-12);line-height:1.45}.export-go{color:var(--muted)}.export-option:hover:not(:disabled) .export-go{color:var(--accent)}.export-setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4);padding:2px 2px 0;font-size:var(--t-13)}.export-setting>div:first-child{flex:1 1 200px;min-width:0}.export-setting p{font-size:var(--t-12)}.export-check{display:flex;align-items:flex-start;gap:10px;min-height:var(--hit);padding:2px;font-size:var(--t-13);cursor:pointer}.export-check input{width:16px;height:16px;margin:3px 0 0;accent-color:var(--accent)}.export-check span{display:flex;flex-direction:column}.export-check .muted{font-size:var(--t-12)}.export-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--t-12);line-height:1.6}@media(max-width:519px){.export-list-grid{grid-template-columns:minmax(0,1fr)}}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-2)}.style-option{display:flex;align-items:center;gap:var(--s-3);width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-raised);text-align:left;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.style-option:hover{border-color:var(--border-strong);background:var(--panel-hover)}.style-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.style-option-art{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px}.style-option-auto{background:var(--accent-soft-2);color:var(--accent-hi)}.style-option-text{display:flex;flex-direction:column;flex:1 1 auto;gap:1px;min-width:0}.style-option-text strong{font-size:var(--t-14)}.style-option-text span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:var(--t-12);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.style-option-tick{color:var(--accent)}.help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5) var(--s-6)}.help-section{display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--text-soft);font-size:var(--t-13);line-height:1.65}.help-section h3{display:flex;align-items:center;gap:var(--s-2);color:var(--text);font-size:15px}.help-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent)}.help-examples{display:flex;flex-direction:column;gap:6px}.help-examples li{padding:7px 11px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel-raised);color:var(--text)}.help-list{display:flex;flex-direction:column;gap:8px;margin:0}.help-list dt{color:var(--text);font-weight:600}.help-list dd{margin:0}.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px var(--s-4);margin:0}.shortcut{display:flex;align-items:center;gap:var(--s-2);min-width:0}.shortcut dt{display:flex;align-items:center;flex:none;gap:3px}.shortcut dt>span{display:inline-flex;align-items:center;gap:3px}.shortcut-plus{color:var(--muted);font-size:var(--t-12)}.shortcut dd{margin:0;min-width:0}@media(max-width:719px){.help{grid-template-columns:minmax(0,1fr)}}@media(max-width:379px){.shortcuts{grid-template-columns:minmax(0,1fr)}}.dialog-body{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-2);color:var(--text-soft);font-size:var(--t-14);line-height:1.65}.dialog-remember{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--hit);color:var(--text);font-size:var(--t-13);cursor:pointer}.dialog-remember input{width:16px;height:16px;accent-color:var(--accent)}@media(max-width:719px){.modal-foot{flex-wrap:wrap}}.simple-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);font-size:15px}.simple-nav{display:flex;align-items:center;gap:var(--s-3);min-width:0;height:60px;padding:0 var(--gutter);border-bottom:1px solid var(--border);background:var(--bg-deep)}.simple-brand{display:flex;align-items:center;gap:10px;flex:none;margin-right:var(--s-2)}.simple-brand-name{font-size:18px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.simple-tabs{display:flex;flex:1 1 auto;gap:4px;min-width:0}.simple-tab{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--r-lg);color:var(--text-soft);font-size:var(--t-16);white-space:nowrap;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.simple-tab:hover{background:var(--panel);color:var(--text)}.simple-tab[aria-current=page]{background:var(--accent-soft);color:var(--accent-hi);font-weight:650}.simple-tab-count{min-width:22px;padding:0 7px;border-radius:var(--r-pill);background:var(--panel-raised);color:var(--muted);font-size:var(--t-12);font-weight:500;line-height:20px;text-align:center}.simple-nav-tools{display:flex;flex:none;gap:4px}.simple-tool{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-lg);color:var(--text-soft);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.simple-tool:hover{background:var(--panel);color:var(--text)}.simple-inner{gap:var(--s-6);max-width:1040px;padding-top:var(--s-8)}.simple-result{max-width:820px}.simple-head h1{font-size:30px;letter-spacing:.02em}.simple-lede{margin-top:var(--s-2);color:var(--muted);font-size:var(--t-16);text-wrap:pretty}.simple-section-title{font-size:17px}.simple-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-4);margin-bottom:var(--s-4)}.simple-length{display:flex;align-items:center;gap:var(--s-3);min-width:0}.simple-length-label{color:var(--muted);font-size:var(--t-14)}.simple-length .segmented button{height:36px;padding:0 14px;font-size:var(--t-14)}.simple-page .btn-lg{height:48px;padding:0 22px;border-radius:var(--r-lg);font-size:15px}.simple-page .btn-lg svg{flex:none}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.scene-card{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);text-align:left;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.scene-card:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-raised);transform:translateY(-2px)}.scene-card:active:not(:disabled){transform:translateY(0)}.scene-card:disabled{opacity:.55}.scene-art{width:100%;height:84px;border-radius:0}.scene-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1011134d;color:#fff}.scene-text{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}.scene-text strong{color:var(--text);font-size:var(--t-16);font-weight:650}.scene-text span{color:var(--muted);font-size:var(--t-14);line-height:1.45}.simple-more{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-5)}.simple-more-label{color:var(--muted);font-size:var(--t-14)}.simple-more ul{display:flex;flex-wrap:wrap;gap:var(--s-2)}.simple-style{height:38px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--panel);color:var(--text-soft);font-size:var(--t-14);white-space:nowrap;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.simple-style:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-raised);color:var(--text)}.simple-style:disabled{color:var(--disabled)}.simple-describe{display:flex;flex-direction:column;gap:var(--s-2)}.simple-label{color:var(--text-soft);font-size:15px}.simple-input-row,.simple-say{display:flex;gap:10px;min-width:0}.simple-input{flex:1 1 auto;min-width:0;height:48px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--field);color:var(--text);font-size:15px;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.simple-input::placeholder{color:var(--placeholder)}.simple-input:hover:not(:disabled){border-color:#53545f}.simple-input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 1px var(--accent)}.simple-input:disabled{color:var(--disabled)}.simple-input-row .btn,.simple-say .btn{flex:none}.simple-switch{display:inline-flex;align-items:center;gap:var(--s-3);min-height:44px;color:var(--text-soft);font-size:var(--t-14);text-align:left}.simple-switch-track{position:relative;flex:none;width:44px;height:26px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--field);transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.simple-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform var(--fast) var(--ease),background-color var(--fast) var(--ease)}.simple-switch[aria-checked=true]{color:var(--text)}.simple-switch[aria-checked=true] .simple-switch-track{border-color:transparent;background:var(--accent)}.simple-switch[aria-checked=true] .simple-switch-thumb{background:var(--accent-ink);transform:translate(18px)}.simple-recent ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:var(--s-3)}.simple-recent-card{display:flex;align-items:center;gap:var(--s-3);width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);text-align:left;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.simple-recent-card:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-raised)}.simple-recent-art{width:48px;height:48px}.simple-recent-text{display:flex;flex-direction:column;gap:2px;min-width:0}.simple-recent-text strong{font-size:15px}.simple-recent-text span{color:var(--muted);font-size:var(--t-13)}.simple-progress{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-10) var(--s-6);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel);text-align:center}.simple-progress-art{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--accent-soft);color:var(--accent);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.06);background:var(--accent-soft-2)}}@media(prefers-reduced-motion:reduce){.simple-progress-art{animation:none}}.simple-progress-title{font-size:var(--t-16)}.simple-progress-text{color:var(--text);font-size:var(--t-20);font-weight:600}.simple-bar{width:min(480px,100%);height:8px;border-radius:4px}.simple-progress-waited{color:var(--muted);font-size:var(--t-14)}.simple-cancel{margin-top:var(--s-2)}.simple-failure{align-items:center;flex-wrap:wrap;font-size:15px}.simple-failure>svg{margin-top:0;color:var(--danger)}.simple-foot{display:flex;justify-content:flex-end;margin-top:auto;padding-top:var(--s-2)}.simple-pro-link{color:var(--muted);font-size:var(--t-13)}.simple-work{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel)}.simple-work-head{display:flex;align-items:center;gap:var(--s-4);min-width:0}.simple-cover{width:88px;height:88px;border-radius:var(--r-xl)}.simple-work-id{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.title-input.simple-title{height:40px;font-size:24px}.simple-summary{color:var(--text-soft);font-size:var(--t-16)}.simple-versions{display:flex;gap:var(--s-4);margin-top:2px}.simple-versions .link-btn{display:inline-flex;align-items:center;gap:2px;font-size:var(--t-14)}.simple-player{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-5)}.simple-play{display:grid;place-items:center;flex:none;width:68px;height:68px;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px #b8a3fa40;transition:background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.simple-play:hover:not(:disabled){background:var(--accent-hi);transform:scale(1.04)}.simple-play:disabled{background:#2b2a38;box-shadow:none;color:#8a86a6}.simple-track{display:flex;flex-direction:column;gap:var(--s-2);flex:1 1 auto;min-width:0}.simple-track .wave-canvas{height:76px}.simple-track-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.simple-time{white-space:nowrap;color:var(--text-soft);font-size:var(--t-14)}.simple-volume{display:flex;align-items:center;gap:var(--s-2);width:160px;color:var(--muted)}.simple-volume .slider{flex:1 1 auto;min-width:0}.simple-change{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);padding:12px 14px 12px 16px;border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--accent-soft);color:var(--text);font-size:15px;line-height:1.55}.simple-change .grow{flex:1 1 260px;min-width:0}.simple-change[data-kind=notice],.simple-change[data-kind=undone]{border-color:var(--border-strong);background:var(--panel);color:var(--text-soft)}.simple-hint{color:var(--muted);font-size:var(--t-13)}.simple-actions .simple-download[data-done],.simple-actions .simple-download[data-done]:hover:not(:disabled){border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.simple-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:12px}.simple-actions .btn{width:100%}.simple-download.btn-lg{height:56px;font-size:var(--t-16)}.simple-actions .btn-lg:not(.simple-download){height:56px}.simple-tweaks{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel)}.simple-paid{color:var(--warn);font-size:var(--t-14)}.tweak-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.tweak{width:100%;height:48px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--panel-raised);color:var(--text);font-size:15px;white-space:nowrap;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.tweak:hover:not(:disabled){border-color:var(--accent-line);background:var(--panel-hover)}.tweak:active:not(:disabled){transform:translateY(1px)}.tweak:disabled{color:var(--disabled)}.simple-say{margin-top:var(--s-2)}.simple-library-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-4)}.simple-library-head h1{display:flex;align-items:baseline;gap:var(--s-3)}.simple-count{color:var(--muted);font-size:var(--t-16);font-weight:500}.search.simple-search{flex:0 1 320px;height:48px;padding-left:14px;border-radius:var(--r-lg)}.simple-search .search-input{font-size:15px}.simple-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.simple-card{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:var(--s-3) var(--s-4);min-width:0;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--panel)}.simple-card[data-current]{border-color:var(--accent-line)}.simple-card-cover{display:block;border-radius:var(--r-lg)}.simple-card-art{width:76px;height:76px}.simple-card-glyph{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#10111359;color:#fff;transition:transform var(--fast) var(--ease)}.simple-card-cover:hover:not(:disabled) .simple-card-glyph{transform:scale(1.08)}.simple-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.simple-card-title{display:flex;min-width:0;color:var(--text);font-size:17px;font-weight:650;text-align:left}.simple-card-title:hover:not(:disabled){color:var(--accent-hi)}.simple-card-line{color:var(--text-soft);font-size:var(--t-14)}.plain-part{white-space:nowrap}.simple-card-versions{color:var(--muted);font-size:var(--t-13)}.simple-card-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);grid-column:1 / -1}.simple-card-actions .btn{flex:1 1 0;height:44px;font-size:var(--t-14)}.simple-card-delete.btn-ghost{color:var(--muted)}.simple-card-delete.btn-ghost:hover:not(:disabled){color:var(--danger)}.simple-card-confirm{display:flex;flex-direction:column;gap:var(--s-2);grid-column:1 / -1;color:var(--text-soft);font-size:var(--t-14)}.simple-empty{font-size:15px}.simple-storage{font-size:var(--t-14)}.mode-choice{display:flex;flex-direction:column;gap:var(--s-3)}.mode-option{display:flex;align-items:flex-start;gap:var(--s-3);width:100%;padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--panel-raised);text-align:left;transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.mode-option:hover{border-color:#53545f}.mode-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.mode-dot{flex:none;width:18px;height:18px;margin-top:2px;border:2px solid var(--border-strong);border-radius:50%}.mode-option[aria-checked=true] .mode-dot{border:5px solid var(--accent);background:var(--accent-ink)}.mode-text{display:flex;flex-direction:column;gap:4px;min-width:0}.mode-text strong{font-size:15px}.mode-text span{color:var(--muted);font-size:var(--t-13)}.help.simple-help{display:flex;flex-direction:column;gap:var(--s-5)}.simple-help .help-section{font-size:var(--t-14)}.help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}.help-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-raised);color:var(--muted);font-size:var(--t-14);text-align:center}.help-step strong{color:var(--text);font-size:var(--t-16)}.help-step-art{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.help-step-number{position:absolute;top:10px;left:12px;color:var(--accent);font-size:var(--t-14);font-weight:700}@media(max-width:899px){.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:719px){.simple-nav{gap:var(--s-2);height:56px}.simple-brand{margin-right:0}.simple-tab{gap:6px;padding:0 12px;font-size:15px}.simple-inner{gap:var(--s-5);padding-top:var(--s-5)}.simple-head h1{font-size:24px}.simple-lede{font-size:15px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-art{height:64px}.scene-icon{width:40px;height:40px}.scene-text{padding:10px 12px 12px}.simple-recent ul{grid-template-columns:minmax(0,1fr)}.simple-work{padding:var(--s-4)}.simple-cover{width:64px;height:64px}.title-input.simple-title{font-size:20px}.simple-summary{font-size:15px}.simple-player{gap:var(--s-3);margin-top:var(--s-4)}.simple-play{width:60px;height:60px}.simple-track .wave-canvas{height:60px}.simple-volume{width:120px}.simple-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-download{grid-column:1 / -1}.simple-tweaks{padding:var(--s-4)}.tweak-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tweak{padding:0 4px}.simple-cards{grid-template-columns:minmax(0,1fr)}.search.simple-search{flex:1 1 100%;max-width:none}.help-steps{grid-template-columns:minmax(0,1fr)}}@media(max-width:419px){.simple-brand-name{display:none}.simple-tab{padding:0 10px}.simple-input-row,.simple-say{flex-wrap:wrap}.simple-input-row .btn,.simple-say .btn{flex:1 1 100%}}@media(max-width:379px){.simple-volume{display:none}}@media(max-width:359px){.simple-tab-count{display:none}.simple-tab svg{display:none}}@media(max-height:620px){.simple-inner{padding-top:var(--s-5)}.simple-head h1{font-size:24px}.scene-art{height:60px}}@media(pointer:coarse){:root[data-mode=simple],.app[data-mode=simple]{--control: 44px;--control-sm: 44px;--control-lg: 44px;--hit: 44px;--slider-hit: 44px}:root[data-mode=simple] .tab{height:44px}.simple-style,.simple-length .segmented button,.title-input.simple-title,.simple-change .btn{height:44px}.simple-pro-link,.simple-versions .link-btn,.simple-card-title{min-height:44px}.simple-pro-link,.simple-versions .link-btn{min-width:44px;justify-content:center}.simple-card-title{align-items:center}.simple-volume .slider{min-height:44px}.app[data-mode=simple] .play-btn{width:44px;height:44px}}.app[data-mode=simple] .toasts,.app[data-mode=simple] .toasts[data-raised=true]{top:72px;bottom:auto}@media(max-width:719px){.app[data-mode=simple] .toasts,.app[data-mode=simple] .toasts[data-raised=true]{top:64px}}