@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:oklch(0.165 0.006 264);--bg-2:oklch(0.190 0.006 264);--surface:oklch(0.218 0.006 264);--surface-2:oklch(0.255 0.007 264);--raised:oklch(0.300 0.008 264);--line:oklch(0.305 0.007 264);--line-soft:oklch(0.255 0.006 264);--hair:hsla(0,0%,100%,.05);--ink:oklch(0.965 0.003 264);--ink-mid:oklch(0.730 0.006 264);--ink-faint:oklch(0.560 0.007 264);--ink-ghost:oklch(0.440 0.007 264);--accent:#4a63d4;--accent-bright:#6e84ec;--accent-dim:#3a4ea8;--accent-soft:rgba(74,99,212,.16);--accent-line:rgba(110,132,236,.42);--accent-glow:rgba(74,99,212,.45);--ok:#57c98a;--warn:#e0b24a;--hot:#e0623d;--drums:#e8a14a;--bass:#6f9bf0;--vocal:#84cf7c;--synth:#c98fd0;--font:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo",sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--r-win:14px;--r-lg:11px;--r:8px;--r-sm:6px;--sh-win:0 40px 120px -24px rgba(0,0,0,.7),0 12px 40px -16px rgba(0,0,0,.6);--sh-panel:0 1px 0 hsla(0,0%,100%,.04) inset,0 8px 24px -14px rgba(0,0,0,.6)}@font-face{font-family:Pretendard;font-weight:45 920;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}body,html{height:100%}body{font-family:var(--font);background:radial-gradient(1200px 700px at 50% -8%,oklch(.235 .02 268/.55),transparent 60%),radial-gradient(900px 600px at 92% 108%,oklch(.22 .02 30/.25),transparent 55%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;letter-spacing:-.01em}::-moz-selection{background:var(--accent-glow);color:#fff}::selection{background:var(--accent-glow);color:#fff}.app-view{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-view.fixed{height:100vh;min-height:0;overflow:hidden;position:relative}.appbar{gap:22px;height:56px;padding:0 18px;background:linear-gradient(180deg,var(--bg-2),oklch(.178 .006 264));border-bottom:1px solid var(--line);flex:0 0 auto}.appbar,.brand{display:flex;align-items:center}.brand{gap:11px}.brand .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,var(--accent-bright),var(--accent-dim));display:grid;place-items:center;font-weight:800;font-size:17px;color:#fff;box-shadow:0 2px 10px -2px var(--accent-glow),0 1px 0 hsla(0,0%,100%,.18) inset;letter-spacing:-.02em}.brand .name{font-weight:700;font-size:16px;letter-spacing:-.02em}.brand .ver{font:500 10px/1 var(--mono);color:var(--ink-ghost);padding:3px 6px;border:1px solid var(--line);border-radius:5px}.nav{gap:2px;margin-left:6px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:8px;padding:8px 13px;border-radius:8px;text-decoration:none;color:var(--ink-faint);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .14s,color .14s}.nav a .n{font:600 10.5px/1 var(--mono);color:var(--ink-ghost)}.nav a:hover{background:var(--surface);color:var(--ink-mid)}.nav a.active{background:var(--accent-soft);color:var(--ink)}.nav a.active .n{color:var(--accent-bright)}.appbar-r{margin-left:auto;gap:12px}.appbar-r,.proj-pill{display:flex;align-items:center}.proj-pill{gap:9px;flex:0 0 auto;white-space:nowrap;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12.5px;color:var(--ink-mid)}.proj-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);transition:background .2s}.proj-pill b{color:var(--ink);font-weight:600}.proj-pill.saving{border-color:var(--accent-line);background:var(--accent-soft);animation:savePulse 1.2s ease-in-out infinite}.proj-pill.saving,.proj-pill.saving b{color:var(--accent-bright)}.proj-pill.saving .dot{width:11px;height:11px;background:transparent;border:2px solid var(--accent-line);border-top-color:var(--accent-bright);box-shadow:none;animation:saveSpin .7s linear infinite}@keyframes saveSpin{to{transform:rotate(1turn)}}@keyframes savePulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 4px transparent;border-color:var(--accent-bright)}}.proj-pill.saved{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.proj-pill.saved .dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.proj-pill.error{border-color:var(--hot);color:var(--hot)}.proj-pill.error b{color:var(--hot)}.proj-pill.error .dot{background:var(--hot);box-shadow:0 0 8px var(--hot)}.proj-name-edit{height:31px;padding:0 10px;border:1px solid var(--accent-line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:600;outline:none;min-width:160px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#5a5a66,#2e2e36);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink-mid)}.usermenu{position:relative}.usermenu .avatar{cursor:pointer;color:#fff;background:linear-gradient(140deg,var(--accent-bright),var(--accent));border-color:var(--accent-dim)}.user-pop{position:absolute;right:0;top:calc(100% + 8px);width:224px;z-index:80;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 16px 40px -12px rgba(0,0,0,.6);overflow:hidden}.user-pop .up-head{display:flex;flex-direction:column;gap:3px;padding:13px 14px}.user-pop .up-name{font-size:13px;font-weight:700;color:var(--ink)}.user-pop .up-email{font-size:11.5px;color:var(--ink-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pop .up-prov{font:600 10px/1 var(--mono);color:var(--accent-bright);margin-top:2px}.user-pop .up-sep{height:1px;background:var(--line)}.user-pop .up-item{padding:11px 14px;font-size:13px;color:var(--ink-mid);cursor:pointer}.user-pop .up-item:hover{background:var(--surface);color:var(--hot)}.user-pop .up-coins{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:13px;color:var(--ink-mid)}.user-pop .up-coins .uc-ico{color:var(--accent-bright);font-size:12px}.user-pop .up-coins .uc-label{color:var(--ink-mid)}.user-pop .up-coins .uc-val{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-weight:700;color:var(--ink)}.user-pop .up-coins .uc-unlim{color:var(--accent-bright)}.user-pop .up-coins .uc-sub{font:500 10px/1 var(--mono);color:var(--ink-faint)}.auth-view{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(1200px 600px at 50% -10%,var(--bg-2),var(--bg))}.auth-card{width:100%;max-width:400px;padding:30px 28px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 24px 64px -20px rgba(0,0,0,.6)}.auth-brand{display:flex;align-items:center;gap:9px;justify-content:center;margin-bottom:20px;text-decoration:none}.auth-brand .mark{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(140deg,var(--accent-bright),var(--accent))}.auth-brand .bn{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.auth-brand .ver{font:600 8.5px/1 var(--mono);letter-spacing:.12em;color:var(--ink-ghost);border:1px solid var(--line);border-radius:4px;padding:3px 5px}.auth-title{font-size:21px;font-weight:700;text-align:center;letter-spacing:-.02em}.auth-sub{font-size:12.5px;color:var(--ink-mid);text-align:center;margin:7px 0 18px;line-height:1.5}.auth-seg{margin-bottom:16px}.auth-form{gap:11px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field .al{font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.auth-field input{height:42px;padding:0 13px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);font-size:14px;outline:none}.auth-field input:focus{border-color:var(--accent-line)}.auth-field input::-moz-placeholder{color:var(--ink-ghost)}.auth-field input::placeholder{color:var(--ink-ghost)}.auth-error{color:var(--hot);font-size:12.5px;margin:2px 0 0}.auth-form .btn.block{margin-top:5px}.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink-ghost);font-size:11.5px}.auth-or:after,.auth-or:before{content:"";flex:1;height:1px;background:var(--line)}.auth-socials{display:flex;flex-direction:column;gap:9px}.social-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:.12s}.social-btn:hover{filter:brightness(.97)}.social-btn:disabled{opacity:.55;cursor:default}.social-btn .sm{width:20px;height:20px;display:grid;place-items:center;font-weight:800;font-size:13px}.social-btn.google{background:#fff;color:#1f1f1f;border-color:#dadce0}.social-btn.google .sm{color:#4285f4}.social-btn.apple{background:#000;color:#fff;border-color:#000}.social-btn.kakao{background:#fee500;color:#191600;border-color:#fee500}.auth-note{font-size:11px;color:var(--ink-faint);text-align:center;line-height:1.55;margin-top:18px}.auth-note.demo-code{margin:14px 0 4px;color:var(--ink-mid)}.auth-note.demo-code b{color:var(--accent-bright);font-family:var(--mono);letter-spacing:.12em}.code-row{display:flex;gap:8px;justify-content:center;margin:22px 0 14px}.code-box{width:46px;height:54px;text-align:center;font:700 22px/1 var(--mono);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;outline:none}.code-box:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--accent-soft)}.resend-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--ink-faint)}.resend-row .resend{color:var(--accent-bright);font-weight:600;cursor:pointer}.resend-row .resend.off{color:var(--ink-faint);cursor:default;font-variant-numeric:tabular-nums}.goback-row{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:14px}.goback-row .goback{color:var(--accent-bright);font-weight:600;cursor:pointer;text-decoration:underline}.auth-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:12.5px}.auth-links span{color:var(--ink-mid);cursor:pointer}.auth-links span:not(.sep):hover{color:var(--accent-bright);text-decoration:underline}.auth-links .sep{color:var(--ink-faint);cursor:default}.find-results{margin-top:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.find-results .fr-head{font-size:11px;color:var(--ink-faint);padding:8px 12px;background:var(--surface-2,hsla(0,0%,100%,.03));margin:0}.find-results .fr-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.find-results .fr-email{font-family:var(--mono);font-size:13px;color:var(--ink);letter-spacing:.02em}.find-results .fr-prov{font-size:11px;color:var(--ink-faint)}.lang-toggle{display:inline-flex;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.lang-toggle button{padding:5px 9px;font:700 10.5px/1 var(--mono);letter-spacing:.04em;color:var(--ink-faint);background:transparent;border:none;cursor:pointer;transition:.12s}.lang-toggle button:hover{color:var(--ink-mid)}.lang-toggle button.on{background:var(--accent-soft);color:var(--accent-bright)}.lang-toggle.floating{position:fixed;top:18px;right:20px;z-index:50;background:var(--bg-2)}.ldg-overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(10,12,16,.62);backdrop-filter:blur(2px)}.ldg-inline{width:100%}.ldg-card{width:min(340px,86%);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;box-shadow:0 18px 48px -12px rgba(0,0,0,.6)}.ldg-inline .ldg-card{width:100%;background:transparent;border:none;box-shadow:none;padding:0}.ldg-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.ldg-label{font-size:13px;font-weight:600;color:var(--ink)}.ldg-pct{font:700 13px/1 var(--mono);color:var(--accent-bright)}.ldg-track{position:relative;height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.ldg-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .25s ease}.ldg-track.indet .ldg-fill{position:absolute;width:38%;left:-38%;animation:ldgslide 1.1s ease-in-out infinite}@keyframes ldgslide{0%{left:-40%}to{left:100%}}.ldg-sub{display:block;margin-top:9px;font-size:11.5px}.auth-gate,.ldg-sub{color:var(--ink-faint)}.auth-gate{position:fixed;inset:0;display:flex;gap:10px;align-items:center;justify-content:center;background:var(--bg);font-size:13px;z-index:100}.auth-gate-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 10px var(--accent-bright);animation:authpulse 1s ease-in-out infinite}@keyframes authpulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.dash-toolbar{display:flex;justify-content:space-between;align-items:center;margin:6px 2px 16px}.dash-count{font-size:13px;color:var(--ink-faint)}.dash-empty{padding:34px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.dash-empty p{color:var(--ink-mid)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.proj-card{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s;overflow:hidden}.proj-card:hover{border-color:var(--raised)}.pc-head{display:flex;align-items:center;gap:8px}.pc-name{font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.pc-name,.pc-name-edit{color:var(--ink);flex:1}.pc-name-edit{height:30px;padding:0 8px;font-size:14px;font-weight:600;background:var(--surface);border:1px solid var(--accent-line);border-radius:6px;outline:none}.pc-edit{font-size:13px;color:var(--ink-faint);cursor:pointer;opacity:0;transition:opacity .15s}.proj-card:hover .pc-edit{opacity:1}.pc-edit:hover{color:var(--accent-bright)}.pc-meta{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-faint);flex-wrap:wrap}.pc-genre{padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink-mid);font-size:11px}.pc-dot{opacity:.5}.pc-tracks{border-top:1px solid var(--line-soft);padding-top:9px}.pct-toggle{font-size:12px;color:var(--ink-mid);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pct-toggle:hover{color:var(--ink)}.pct-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.pct-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-mid);padding-left:6px}.pct-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pct-inst{margin-left:auto;font-size:10px;color:var(--ink-faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.pc-actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}.pc-actions .btn{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-family:var(--font);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .14s,border-color .14s,transform .04s;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.btn:hover{background:var(--surface-2);border-color:var(--raised)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none;pointer-events:none}.btn .ic{font-size:15px;line-height:1}.btn.accent{background:linear-gradient(180deg,var(--accent-bright),var(--accent));border-color:var(--accent-dim);color:#fff;box-shadow:0 2px 14px -4px var(--accent-glow),0 1px 0 hsla(0,0%,100%,.22) inset}.btn.accent:hover{filter:brightness(1.07)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink-mid)}.btn.ghost:hover{background:var(--surface);color:var(--ink)}.btn.soft{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-bright)}.btn.sm{height:30px;padding:0 11px;font-size:12px;border-radius:7px}.btn.lg{height:46px;padding:0 22px;font-size:15px;border-radius:11px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-mid);cursor:pointer;font-size:15px}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-mid);font-size:13px;font-weight:500;cursor:pointer;transition:.14s}.chip:hover{border-color:var(--raised);color:var(--ink)}.chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink);box-shadow:0 0 0 1px var(--accent-line) inset}.seg{display:inline-flex;padding:3px;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:9px}.seg span{padding:7px 14px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--ink-faint);cursor:pointer;transition:.14s;white-space:nowrap}.seg span:hover{color:var(--ink-mid)}.seg span.on{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 1px 4px -1px rgba(0,0,0,.5)}.seg.full{display:flex}.seg.full span{flex:1;text-align:center}.preset-bar{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;background:var(--bg);border:1px solid var(--line);border-radius:9px}.preset-bar .pl{font:600 9px/1 var(--mono);letter-spacing:.08em;color:var(--ink-ghost);margin-right:2px}.preset-bar .pslot{position:relative;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;font:700 12px/1 var(--mono);cursor:pointer;transition:.12s;color:var(--ink-faint);border:1px solid var(--line);background:var(--surface)}.preset-bar .pslot:hover{color:var(--ink);border-color:var(--raised)}.preset-bar .pslot.saved{color:var(--accent-bright);border-color:var(--accent-line);background:var(--accent-soft)}.preset-bar .pslot.on{background:var(--accent);border-color:var(--accent-dim);color:#fff;box-shadow:0 1px 6px -1px var(--accent-glow)}.preset-bar .psave{margin-left:3px;padding:0 10px;height:26px;display:grid;place-items:center;border-radius:6px;font:600 11px/1 var(--mono);color:var(--ink-mid);border:1px solid var(--line);background:var(--surface);cursor:pointer}.preset-bar .psave:hover{color:var(--accent-bright);border-color:var(--accent-line)}.preset-bar .pslot .ptip{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);z-index:60;min-width:140px;max-width:220px;display:flex;flex-direction:column;gap:3px;padding:9px 11px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px -10px rgba(0,0,0,.65);cursor:default}.preset-bar .pslot .ptip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom:5px solid var(--line)}.preset-bar .pslot .ptip .ptt{font:700 11px/1.2 var(--sans,inherit);color:var(--ink);margin-bottom:2px;white-space:nowrap}.preset-bar .pslot .ptip .ptl{font-size:11px;color:var(--ink-mid);white-space:nowrap}.preset-bar .pslot .ptip .ptl.faint{color:var(--ink-faint);white-space:normal}.tg{width:38px;height:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);position:relative;cursor:pointer;flex:0 0 auto}.tg,.tg:after{transition:.16s}.tg:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink-mid)}.tg.on{background:var(--accent);border-color:var(--accent-dim)}.tg.on:after{left:18px;background:#fff}.eyebrow{letter-spacing:.14em;color:var(--ink-ghost)}.eyebrow,.label{font:600 11px/1 var(--mono);text-transform:uppercase}.label{letter-spacing:.1em;color:var(--ink-faint);white-space:nowrap}.h1{font-size:26px;letter-spacing:-.03em}.h1,.h2{font-weight:700}.h2{font-size:19px;letter-spacing:-.02em}.muted{color:var(--ink-mid);font-size:13.5px;line-height:1.55}.faint{color:var(--ink-faint)}.mono,.num{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-panel)}.scroll{scrollbar-width:thin;scrollbar-color:var(--raised) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--raised);border-radius:8px;border:3px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-track{background:transparent}.wave{display:flex;align-items:center;gap:1.5px;width:100%;height:100%;--wave-col:var(--ink-ghost)}.wave i{flex:1 1 0;min-width:1px;background:var(--wave-col);border-radius:1px;opacity:.85}.wave.accent{--wave-col:var(--accent-bright)}.wave.drums{--wave-col:var(--drums)}.wave.bass{--wave-col:var(--bass)}.wave.vocal{--wave-col:var(--vocal)}.wave.synth{--wave-col:var(--synth)}.wave.dim i{opacity:.5}.knob{position:relative;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 38%,var(--raised),var(--surface) 70%);border:1px solid var(--line);box-shadow:0 3px 8px -3px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.08)}.knob .knob-arc{position:absolute;inset:-5px;border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 56%,#000 57%);mask:radial-gradient(circle,transparent 56%,#000 57%);opacity:.9}.knob .knob-tick{position:absolute;top:6px;left:50%;width:2.5px;height:13px;border-radius:2px;background:var(--accent-bright);transform-origin:50% 17px;transform:translateX(-50%) rotate(var(--kdeg,0deg));box-shadow:0 0 6px var(--accent-glow)}.meter{width:8px;border-radius:3px;background:var(--bg);border:1px solid var(--line);position:relative;overflow:hidden}.meter i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--hot),var(--warn) 32%,var(--ok) 62%)}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:34px 20px;text-align:center;border:1.5px dashed var(--line);border-radius:var(--r-lg);background:repeating-linear-gradient(135deg,transparent 0 9px,hsla(0,0%,100%,.012) 9px 18px),var(--bg-2);transition:.15s;cursor:pointer}.drop:hover{border-color:var(--accent-line);background:var(--accent-soft)}.drop .ic-lg{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-bright);font-size:20px;margin-bottom:2px}.drop .big{font-size:14.5px;font-weight:600;color:var(--ink)}.drop .small{font:500 11.5px/1 var(--mono);color:var(--ink-faint)}.flist{display:flex;flex-direction:column;gap:7px}.frow{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.frow .ic{width:30px;height:30px;border-radius:7px;flex:0 0 auto;display:grid;place-items:center;font:700 11px/1 var(--mono);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-mid)}.frow .meta{flex:1;min-width:0}.frow .nm{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frow .sz{font:500 11px/1 var(--mono);color:var(--ink-faint);margin-top:3px}.frow .mini-wave{width:96px;height:22px;flex:0 0 auto}.frow.add{border-style:dashed;justify-content:center;color:var(--ink-faint);cursor:pointer}.frow.add:hover{border-color:var(--accent-line);color:var(--accent-bright)}.midi-badge{display:inline-grid;place-items:center;width:96px;height:22px;border-radius:6px;font:700 10px/1 var(--mono);letter-spacing:.08em;color:var(--accent-bright);background:var(--accent-soft);border:1px solid var(--accent-line)}.midi-clip{height:100%;display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--mono);letter-spacing:.04em;color:var(--ink-faint);border:1px dashed var(--line);border-radius:8px;background:repeating-linear-gradient(135deg,transparent 0 9px,hsla(0,0%,100%,.02) 9px 18px)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field .fl{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.select{display:flex;align-items:center;justify-content:space-between;gap:10px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);font-size:13.5px;color:var(--ink);cursor:pointer}.select .cx{color:var(--ink-faint);font:500 12px/1 var(--mono)}.select:hover{border-color:var(--raised)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.refs{flex-direction:column;gap:7px}.ref,.refs{display:flex}.ref{align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.ref .cover{width:34px;height:34px;border-radius:6px;flex:0 0 auto;background:linear-gradient(135deg,var(--accent-dim),var(--synth));position:relative;overflow:hidden}.ref .cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 6px,rgba(0,0,0,.18) 6px 12px)}.ref .rn{flex:1;min-width:0}.ref .rt{font-size:12.5px;font-weight:600}.ref .ra{font:500 11px/1 var(--mono);color:var(--ink-faint);margin-top:3px}.ref .match{font:700 11px/1 var(--mono);color:var(--accent-bright)}.chat{display:flex;flex-direction:column;height:100%;background:var(--bg-2);min-height:0}.chat-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);flex:0 0 auto}.chat-head .av{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent-bright),var(--accent-dim));color:#fff;font-weight:800;font-size:13px}.chat-head .ti{font-weight:600;font-size:13.5px}.chat-head .st{margin-left:auto;display:flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);color:var(--ink-faint)}.chat-head .st:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px var(--ok)}.chat-head .chat-coins{position:relative;margin-left:auto;display:flex;align-items:center;gap:5px;font:600 12px/1 var(--mono);color:var(--accent-bright);white-space:nowrap}.chat-head .chat-coins .cc-ico{font-size:11px}.chat-head .chat-coins.bump{animation:coinBump .5s ease}@keyframes coinBump{0%,to{transform:scale(1)}35%{transform:scale(1.22);color:var(--hot)}}.chat-head .chat-coins .coin-delta{position:absolute;top:-3px;right:0;font:700 11px/1 var(--mono);color:var(--hot);pointer-events:none;animation:coinFloat 1.05s ease forwards}@keyframes coinFloat{0%{opacity:0;transform:translateY(3px)}18%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.chat-body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 15px;gap:16px}.chat-body,.msg{display:flex;flex-direction:column}.msg{gap:6px;max-width:92%}.msg .who{font:600 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--ink-faint);padding:0 3px}.msg .bub{padding:11px 13px;border-radius:12px;font-size:13.5px;line-height:1.55;border:1px solid var(--line);background:var(--surface)}.msg.user{align-self:flex-end;align-items:flex-end}.msg.user .bub{background:var(--accent);border-color:var(--accent-dim);color:#fff;border-bottom-right-radius:4px}.msg.ai .bub{border-bottom-left-radius:4px}.msg .bub.thinking{border-style:dashed;color:var(--ink-faint)}@media (prefers-reduced-motion:no-preference){.msg .bub.thinking{animation:voltaPulse 1.4s ease-in-out infinite}}@keyframes voltaPulse{0%,to{opacity:.55}50%{opacity:1}}.reason{margin-top:10px;padding:10px 11px;border-radius:9px;background:var(--accent-soft);border:1px solid var(--accent-line)}.reason .rh{font:700 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--accent-bright);margin-bottom:6px}.reason .rt{font-size:12.5px;line-height:1.55;color:var(--ink-mid)}.ba{margin-top:11px;border:1px solid var(--line);border-radius:9px;overflow-y:auto;overflow-x:hidden;max-height:300px}.ba .bh,.ba .br{display:grid;grid-template-columns:1fr auto 18px auto;align-items:center;gap:10px;padding:8px 12px}.ba .bh{background:var(--bg);font:600 10px/1 var(--mono);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;position:sticky;top:0;z-index:1}.ba .br{border-top:1px solid var(--line-soft);font-size:12.5px}.ba .br:nth-child(odd){background:hsla(0,0%,100%,.012)}.ba .pn{color:var(--ink-mid)}.ba .bf{font-family:var(--mono);color:var(--ink-faint);font-size:12px}.ba .ar{color:var(--accent-bright);text-align:center}.ba .af{font-family:var(--mono);color:var(--ink);font-weight:600;font-size:12px}.msg-actions{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.msg-actions .btn.locked{opacity:.55;font:600 11px/1 var(--mono);letter-spacing:.02em}.bub.ins-card{display:flex;flex-direction:column;gap:5px;border:1px solid var(--accent-line);background:var(--accent-soft)}.bub.ins-card .ins-ico{font-size:16px;color:var(--accent-bright)}.bub.ins-card .ins-title{font-weight:700;color:var(--ink)}.bub.ins-card .ins-body{font-size:12px;line-height:1.5;color:var(--ink-mid)}.bub.ins-card .ins-cta{align-self:flex-start;margin-top:4px;text-decoration:none}.bill-status{padding:18px 20px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.bill-status .bs-row{display:flex;align-items:center;justify-content:space-between}.bill-status .bs-label{font-size:13px;color:var(--ink-mid)}.bill-status .bs-val{font-size:13px;font-weight:600;color:var(--ink)}.bill-status .bs-plan{font:700 13px/1 var(--mono);padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-mid)}.bill-status .bs-plan.pro{color:var(--accent-bright);border-color:var(--accent-line);background:var(--accent-soft)}.bill-warn{font-size:12.5px;color:var(--hot);margin:2px 0 0}.bill-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width:760px){.bill-plans{grid-template-columns:1fr}}.bill-card{padding:20px;display:flex;flex-direction:column;gap:10px}.bill-card.accent{border-color:var(--accent-line)}.bill-card .bc-head{display:flex;align-items:center;gap:8px}.bill-card .bc-name{font-size:16px;font-weight:700;color:var(--ink)}.bill-card .bc-badge{font:600 10px/1 var(--mono);padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-bright)}.bill-card .bc-price{font-size:24px;font-weight:800;color:var(--ink)}.bill-card .bc-per{font-size:13px;font-weight:500;color:var(--ink-faint)}.bill-card .bc-coins{font:600 12px/1 var(--mono);color:var(--accent-bright)}.bill-card .bc-feats{list-style:none;padding:0;margin:6px 0 12px;display:flex;flex-direction:column;gap:6px}.bill-card .bc-feats li{font-size:12.5px;color:var(--ink-mid)}.btn.block{width:100%;justify-content:center}.bill-topup{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:16px}.bill-topup .bt-title{font-size:13.5px;font-weight:700;color:var(--ink)}.bill-topup .bt-sub{font-size:12px;color:var(--ink-mid);margin-top:2px}.bill-history{padding:16px 18px}.bill-history .bh-title{font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:10px}.bill-history .bh-empty{font-size:12.5px;color:var(--ink-faint)}.bill-history .bh-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.bill-history .bh-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-mid)}.bill-history .bh-row:first-child{border-top:none}.bill-history .bh-amt{font-weight:600;color:var(--ink)}.bill-history .bh-coins{color:var(--accent-bright)}.bill-history .bh-coins,.bill-history .bh-st{font:600 11px/1 var(--mono)}.bill-history .bh-st.paid{color:var(--ok)}.bill-history .bh-st.failed{color:var(--hot)}.bill-history .bh-date{color:var(--ink-faint);white-space:nowrap}.chat-input{display:flex;align-items:flex-end;gap:10px;padding:12px 14px;flex:0 0 auto;border-top:1px solid var(--line)}.chat-input .ti{height:42px;display:flex;align-items:center;padding:0 14px;color:var(--ink-faint)}.chat-input .ci,.chat-input .ti{flex:1;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:13px}.chat-input .ci{min-height:42px;max-height:140px;padding:11px 14px;line-height:1.45;color:var(--ink);outline:none;resize:none;overflow-y:auto;font-family:inherit;display:block;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--raised) transparent}.chat-input .ci::-webkit-scrollbar{width:8px}.chat-input .ci::-webkit-scrollbar-thumb{background:var(--raised);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.chat-input .ci::-webkit-scrollbar-track{background:transparent;margin:6px 0}.chat-input .ci:focus{border-color:var(--accent-line)}.chat-input .ci::-moz-placeholder{color:var(--ink-faint)}.chat-input .ci::placeholder{color:var(--ink-faint)}.chat-input .send{width:42px;height:42px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:#fff;font-size:17px;cursor:pointer;box-shadow:0 2px 12px -3px var(--accent-glow)}.chat-input .send.off{opacity:.4;pointer-events:none;box-shadow:none}.dots-anim:after{content:""}.steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-2)}.step{position:relative;padding:14px 16px;border-right:1px solid var(--line-soft)}.step:last-child{border-right:none}.step .s-top{display:flex;align-items:center;gap:9px}.step .s-no{width:22px;height:22px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--mono);border:1px solid var(--line);background:var(--surface);color:var(--ink-faint)}.step .s-nm{font-size:13px;font-weight:600;color:var(--ink-mid)}.step .s-meta{font:600 11px/1 var(--mono)}.step.done .s-no{background:var(--ok);border-color:var(--ok);color:#0c1a12}.step.done .s-nm{color:var(--ink-mid)}.step.current{background:var(--accent-soft)}.step.current .s-no{background:var(--accent);border-color:var(--accent-dim);color:#fff;box-shadow:0 0 0 3px var(--accent-soft)}.step.current .s-nm{color:var(--ink)}.step.current:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent-bright)}.check{display:flex;align-items:center;gap:9px}.check .bx{width:18px;height:18px;flex:0 0 auto;border-radius:5px;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;color:transparent;background:var(--bg-2)}.check .ct{font-size:13px;color:var(--ink-mid)}.check.done .bx{background:var(--accent);border-color:var(--accent-dim);color:#fff}.check.done .ct{color:var(--ink)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.gcard{padding:15px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-panel)}.gcard .gtop{display:flex;align-items:center;gap:9px;margin-bottom:9px}.gcard .gnum{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--mono);border:1px solid var(--line);background:var(--bg-2);color:var(--ink-faint)}.gcard .gname{font-size:13.5px;font-weight:600}.gcard .gdesc{font-size:12.5px;line-height:1.55;color:var(--ink-mid)}.gcard.done .gnum{background:var(--ok);border-color:var(--ok);color:#0c1a12}.gcard.cur{border-color:var(--accent-line);background:linear-gradient(180deg,var(--accent-soft),var(--surface))}.gcard.cur .gnum{background:var(--accent);border-color:var(--accent-dim);color:#fff}.step.mock{opacity:.78}.step .s-soon{margin-left:auto;font:600 9.5px/1 var(--mono);color:var(--ink-faint);border:1px solid var(--line);border-radius:5px;padding:3px 5px}.step.skipped{opacity:.6}.step.skipped .s-no{background:var(--surface-2);border-color:var(--line);color:var(--ink-faint)}.step.skipped .s-nm{text-decoration:line-through;color:var(--ink-faint)}.gcard.skipped{opacity:.6}.gcard.skipped .gnum{background:var(--surface-2);border-color:var(--line);color:var(--ink-faint)}.gcard.skipped .gname{text-decoration:line-through}.btn.sm.ghost.on{color:var(--accent-bright);border-color:var(--accent-line)}.step-genre{font-size:12px;color:var(--accent-bright);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;padding:8px 10px;margin:10px 0 0}.gcard .gname{flex:1;min-width:0}.gbadge{flex:0 0 auto;font:600 9.5px/1 var(--mono);border-radius:5px;padding:3px 6px}.gbadge.live{color:var(--ok);background:rgba(60,200,120,.12);border:1px solid rgba(60,200,120,.3)}.gbadge.mock{color:var(--ink-faint);background:var(--surface);border:1px solid var(--line)}.gcard.mock{opacity:.82}.mock-panel{margin-top:12px;border:1px dashed var(--line);border-radius:var(--r);padding:12px 13px;background:var(--bg)}.mock-note{font-size:12px;color:var(--ink-faint);margin:0 0 10px;line-height:1.5}.mock-rows{display:flex;flex-direction:column;gap:9px}.mock-row{display:flex;align-items:center;gap:10px}.mock-row .mock-lbl{flex:0 0 120px;font-size:12px;color:var(--ink-mid)}.mock-row .gain-slider{flex:1;opacity:.45;pointer-events:none}.mock-tag{display:inline-block;margin-top:11px;font:600 10px/1 var(--mono);color:var(--ink-faint);border:1px solid var(--line);border-radius:5px;padding:4px 7px}.dprog{display:flex;align-items:center;gap:10px}.dprog .bar{flex:1;height:7px;border-radius:5px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.dprog .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));border-radius:5px;transition:width .25s ease}.dprog .pc{font:700 12px/1 var(--mono);color:var(--accent-bright)}.dprog-lg{flex:0 0 200px;gap:12px}.dprog-lg .bar{height:12px}.dprog-lg .bar,.dprog-lg .bar i{border-radius:7px}.dprog-lg .pc{font-size:13.5px}.dg-summary{display:block;max-height:48px;overflow-y:auto;line-height:1.45}.dg-summary .dg-hint{display:block;margin-top:5px;color:var(--ink-faint);font-size:11px}.dg-prog{display:flex;align-items:center;gap:10px;margin-left:auto}.dg-segbar{display:flex;gap:3px;width:200px}.dg-segbar .seg{flex:1;height:12px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);transition:.15s}.dg-segbar .seg.done{background:linear-gradient(90deg,var(--accent),var(--accent-bright));border-color:var(--accent-dim)}.dg-segbar .seg.current{border-color:var(--accent-bright);box-shadow:0 0 0 2px var(--accent-soft)}.dg-segbar .seg.skipped{border-style:dashed;background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 3px,transparent 3px,transparent 6px)}.dg-prog .pc{font:700 13px/1 var(--mono);color:var(--accent-bright)}.dg-off{display:flex;align-items:center;gap:12px;justify-content:center;height:100%}.dg-off-txt{font-size:12px;color:var(--ink-faint)}.rack-guide .msg-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.daw-shell{flex:1 1 auto;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.daw-grid,.daw-shell{min-height:0;width:100%}.daw-grid{flex:1 1 auto;min-width:0;display:grid;position:relative;grid-template-columns:66px minmax(0,1fr) clamp(360px,26vw,480px);grid-template-rows:auto 1fr auto;grid-template-areas:"top top top" "left center right" "bottom bottom bottom"}.hist-panel{position:absolute;left:74px;bottom:162px;z-index:40;width:308px;max-height:min(58vh,460px);display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 18px 48px -12px rgba(0,0,0,.6);overflow:hidden}.hist-panel .hp-head{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--line)}.hist-panel .hp-title{font-size:12.5px;font-weight:700;color:var(--ink)}.hist-panel .hp-clear{margin-left:auto;font:600 11px/1 var(--mono);color:var(--ink-faint);cursor:pointer;padding:3px 6px;border-radius:5px}.hist-panel .hp-clear:hover{color:var(--hot);background:var(--surface)}.hist-panel .hp-x{color:var(--ink-faint);cursor:pointer;font-size:12px;padding:2px 4px}.hist-panel .hp-x:hover{color:var(--ink)}.hist-panel .hp-list{flex:1;min-height:0;overflow:auto;padding:6px;display:flex;flex-direction:column;gap:3px}.hist-panel .hp-empty{color:var(--ink-faint);font-size:12px;line-height:1.6;text-align:center;padding:26px 14px}.hist-panel .hp-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;background:var(--bg);border:1px solid var(--line-soft)}.hist-panel .hp-tag{flex:0 0 auto;font:600 10px/1 var(--mono);color:var(--accent-bright);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:5px;padding:4px 6px}.hist-panel .hp-detail{flex:1;min-width:0;font-size:12px;color:var(--ink-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-panel .hp-time{flex:0 0 auto;font-size:10px;color:var(--ink-ghost)}.hist-panel .hp-foot{padding:8px 12px;border-top:1px solid var(--line);font:500 10.5px/1.3 var(--mono);color:var(--ink-ghost)}.hist-panel .hp-clear[href]{text-decoration:none}.proj-panel .tree-proj{border-radius:7px;margin-bottom:2px}.proj-panel .tree-proj.cur{background:var(--accent-soft);border:1px solid var(--accent-line)}.proj-panel .tp-row{display:flex;align-items:center;gap:7px;padding:7px 8px}.proj-panel .tp-caret{flex:0 0 auto;width:14px;color:var(--ink-faint);cursor:pointer;font-size:10px;text-align:center}.proj-panel .tp-name{flex:1;min-width:0;font-size:12.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.proj-panel .tree-proj.cur .tp-name{font-weight:650;color:var(--accent-bright)}.proj-panel .tp-name:hover{text-decoration:underline}.proj-panel .tp-cnt{flex:0 0 auto;font:600 10px/1 var(--mono);color:var(--ink-faint);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:3px 6px}.proj-panel .tp-tracks{padding:0 8px 6px 22px;display:flex;flex-direction:column;gap:2px}.proj-panel .tp-empty{font-size:11px;color:var(--ink-ghost);padding:3px 4px}.proj-panel .tp-track{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:6px;cursor:pointer}.proj-panel .tp-track:hover{background:var(--surface)}.proj-panel .tp-track.sel{background:var(--surface-2)}.proj-panel .tt-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);flex:0 0 auto}.proj-panel .tp-track.sel .tt-dot{background:var(--accent-bright)}.proj-panel .tt-name{flex:1;min-width:0;font-size:12px;color:var(--ink-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-panel .tt-inst{flex:0 0 auto;font-size:9.5px;color:var(--ink-faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.daw-top{grid-area:top;display:flex;align-items:center;gap:16px;padding:11px 16px;background:linear-gradient(180deg,var(--bg-2),var(--bg));border-bottom:1px solid var(--line)}.transport{display:flex;gap:5px}.tbtn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-mid);font-size:14px;cursor:pointer}.tbtn:hover{background:var(--surface-2);color:var(--ink)}.tbtn.disabled{opacity:.35;pointer-events:none}.tbtn.play{background:linear-gradient(180deg,var(--accent-bright),var(--accent));border-color:var(--accent-dim);color:#fff;box-shadow:0 2px 10px -3px var(--accent-glow)}.tbtn.rec{color:var(--hot)}.tbtn.rec:hover{background:rgba(224,98,61,.14)}.tdisp{font:600 22px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink);padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:var(--bg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.tdisp small{font-size:13px;color:var(--ink-faint)}.tmeta{display:flex;gap:14px}.tmeta span{display:flex;flex-direction:column;gap:3px;font:600 10px/1 var(--mono);letter-spacing:.08em;color:var(--ink-ghost)}.tmeta b{font-size:13px;color:var(--ink);font-weight:600}.mvol{display:flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.mvol .ml{font:600 10px/1 var(--mono);letter-spacing:.08em;color:var(--ink-ghost)}.mvol input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:4px;border-radius:2px;background:var(--surface-2);outline:none;cursor:pointer}.mvol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent-bright);box-shadow:0 1px 4px -1px var(--accent-glow);cursor:pointer}.mvol input[type=range]::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--accent-bright);cursor:pointer}.mvol .mv{min-width:48px;text-align:right;font:600 12px/1 var(--mono);color:var(--ink)}.mvol .mv small{font-size:10px;color:var(--ink-faint)}.mvol .mv-edit{width:42px;text-align:right;font:600 12px/1 var(--mono);color:var(--ink);background:var(--surface);border:1px solid var(--accent-line);border-radius:5px;padding:3px 4px;outline:none}.mvol .mv-edit::-webkit-inner-spin-button,.mvol .mv-edit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mvol .mv-edit{-moz-appearance:textfield}.mmeter{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.mmeter .mm-cap{font:600 10px/1 var(--mono);letter-spacing:.08em;color:var(--ink-ghost)}.mmeter .mm-bar{width:70px;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}.mmeter .mm-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--ok),#e8a14a 80%,var(--hot));transition:width .05s linear}.mmeter .mm-val{min-width:62px;text-align:right;font:600 10.5px/1 var(--mono);color:var(--ink-mid);white-space:nowrap}.mmeter.clip{border-color:var(--hot)}.mmeter.clip .mm-val{color:var(--hot)}.top-r{gap:8px}.top-r,.zoomctl{display:flex;align-items:center}.zoomctl{margin-left:auto;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.zoomctl .zbtn{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--ink-mid);cursor:pointer;font-size:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoomctl .zbtn:hover{background:var(--surface-2);color:var(--ink)}.zoomctl .zval{min-width:46px;text-align:center;font:600 11px/1 var(--mono);color:var(--ink-mid);cursor:pointer}.zoomctl .zval:hover{color:var(--ink)}.rail{grid-area:left;border-right:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 0}.rail .ri{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:var(--ink-faint);border:1px solid transparent;cursor:pointer;position:relative}.rail .ri .ic{font-size:17px}.rail .ri .rl{font:600 8px/1 var(--mono);letter-spacing:.02em;margin-top:3px;white-space:nowrap}.rail .ri.on{background:var(--accent-soft);border-color:var(--accent-line)}.rail .ri.on,.rail .ri:hover{color:var(--ink)}.rail .ri .badge{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--ok)}.rail .sep{width:30px;height:1px;background:var(--line);margin:5px 0}.daw-center{grid-area:center;min-width:0;background:var(--bg);overflow:auto;display:flex;flex-direction:column}.ruler{display:flex;height:30px;align-items:stretch;border-bottom:1px solid var(--line);flex:0 0 auto;width:calc(var(--zoom,1) * 100%);min-width:100%;top:0;z-index:3}.ruler,.ruler .ruler-spacer{background:var(--bg-2);position:sticky}.ruler .ruler-spacer{width:172px;flex:0 0 172px;border-right:1px solid var(--line);left:0;z-index:4}.ruler .ruler-marks{flex:1;min-width:0;display:flex;align-items:center}.ruler .ruler-marks span{flex:1;font:600 10px/1 var(--mono);color:var(--ink-ghost)}.tlane{display:flex;flex:0 0 162px;height:162px;border-bottom:1px solid var(--line-soft);width:calc(var(--zoom,1) * 100%);min-width:100%}.tlane.sel{background:rgba(110,132,236,.05)}.tlane.sel .thead{border-left:2px solid var(--accent-bright)}.thead{width:172px;flex:0 0 auto;padding:10px 13px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;background:var(--bg-2);position:sticky;left:0;z-index:2;overflow:hidden}.thead .tn{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600}.thead .tn .sw{width:11px;height:11px;border-radius:3px;flex:0 0 auto;margin-top:3px}.thead .tn-label{flex:1;min-width:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.thead .tn-edit{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--accent-line);border-radius:5px;padding:3px 6px;outline:none}.thead .tn-edit:focus{border-color:var(--accent-bright)}.thead .lufs-badge{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font:600 9.5px/1 var(--mono);padding:3px 6px;border-radius:5px;border:1px solid var(--line);background:var(--surface);color:var(--ink-faint);white-space:nowrap}.thead .lufs-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.thead .lufs-badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.thead .lufs-badge.quiet{color:var(--ink-mid)}.thead .lufs-badge.loud{color:#e8a14a;border-color:color-mix(in srgb,#e8a14a 45%,var(--line))}.thead .lufs-badge.clip{color:var(--hot);border-color:var(--hot);background:rgba(224,98,61,.1)}.thead .ctrls{display:flex;gap:5px}.thead .mini{width:22px;height:20px;border-radius:5px;display:grid;place-items:center;font:700 10px/1 var(--mono);border:1px solid var(--line);color:var(--ink-faint);background:var(--surface);cursor:pointer;transition:.12s}.thead .mini:hover{color:var(--ink)}.thead .mini.s-on{background:rgba(87,201,138,.18);border-color:var(--ok);color:var(--ok)}.thead .mini.m-on{background:rgba(224,98,61,.18);border-color:var(--hot);color:var(--hot)}.thead .mini.trim-btn{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-bright);font-size:11px;position:relative}.thead .mini.trim-btn:hover{filter:brightness(1.15)}.thead .mini.trim-btn.on{background:rgba(87,201,138,.18);border-color:var(--ok);color:var(--ok)}.thead .mini.trim-btn.off{background:var(--surface);border-color:var(--line);color:var(--ink-faint)}.thead .mini.trim-btn.off:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1.5px;background:var(--ink-faint);transform:rotate(-20deg);border-radius:1px}.thead .ttype{width:100%;height:22px;flex:0 0 auto;border-radius:5px;font:700 10px/1 var(--mono);letter-spacing:.04em;border:1px solid var(--line);color:var(--ink-faint);background:var(--surface);cursor:pointer;outline:none;padding:0 4px;transition:.12s}.thead .ttype:hover{color:var(--ink)}.thead .ttype.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-bright)}.thead .gain{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;flex:0 0 auto;min-width:0;overflow:hidden}.thead .gv{font:600 11px/1 var(--mono);color:var(--ink-mid);min-width:30px;text-align:right;flex:0 0 auto}.gain-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:4px;border-radius:3px;background:var(--surface-2);cursor:pointer;outline:none}.gain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--ink-mid);box-shadow:0 1px 3px rgba(0,0,0,.5);cursor:pointer;-webkit-transition:.12s;transition:.12s}.gain-slider::-webkit-slider-thumb:hover{background:var(--accent-bright)}.gain-slider::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--ink-mid);box-shadow:0 1px 3px rgba(0,0,0,.5);cursor:pointer}.gain-slider:focus-visible{box-shadow:0 0 0 2px var(--accent-line)}.thead .gain{gap:6px}.pan-knob{display:flex;align-items:center;gap:4px;flex:0 0 auto;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.pan-knob .pk-dial{position:relative;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}.pan-knob .pk-dial.center{border-color:var(--line)}.pan-knob .pk-ind{position:absolute;left:50%;top:12%;width:2px;height:38%;border-radius:1px;background:var(--accent-bright);transform-origin:50% 100%}.pan-knob .pk-dial.center .pk-ind{background:var(--ink-faint)}.pan-knob .pk-val{font:600 9.5px/1 var(--mono);color:var(--ink-faint);min-width:20px;text-align:left}.clip{flex:1;padding:0;min-width:0}.tlane .wave{height:100%}.track-body{position:absolute;top:13px;bottom:13px;left:0}.trim-dim{background:rgba(8,10,16,.62);pointer-events:none}.trim-dim,.trim-handle{position:absolute;top:0;bottom:0}.trim-handle{width:10px;transform:translateX(-50%);cursor:ew-resize;z-index:4}.trim-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:var(--accent-bright);opacity:.8}.trim-handle:hover:after{width:3px;opacity:1}.daw-right{grid-area:right;position:relative;border-left:1px solid var(--line);min-width:0;min-height:0;overflow:hidden}.chat-reopen{position:absolute;right:0;top:70px;z-index:36;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-right:none;border-radius:10px 0 0 10px;background:var(--bg-2);color:var(--ink);font:600 12px/1 var(--mono);cursor:pointer;box-shadow:-6px 0 18px -10px rgba(0,0,0,.6);transition:.12s}.chat-reopen:hover{background:var(--surface-2);border-color:var(--accent-line);color:var(--accent-bright)}.chat-reopen .cr-label{font-weight:600}.rsplit{left:-3px;width:8px;z-index:35;cursor:col-resize;touch-action:none}.rsplit,.rsplit:after{position:absolute;top:0;bottom:0}.rsplit:after{content:"";left:3px;width:2px;background:transparent;transition:.12s}.rsplit:hover:after{background:var(--accent-bright)}.hsplit{top:-3px;height:8px;z-index:35;cursor:row-resize;touch-action:none}.hsplit,.hsplit:after{position:absolute;left:0;right:0}.hsplit:after{content:"";top:3px;height:2px;background:transparent;transition:.12s}.hsplit:hover:after{background:var(--accent-bright)}.daw-right .chat{background:var(--bg-2)}.exp-btn{width:28px;height:28px;border-radius:7px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-faint);font-size:14px;text-decoration:none;cursor:pointer;flex:0 0 auto}.exp-btn:hover{background:var(--surface-2);color:var(--ink);border-color:var(--accent-line)}.chat-wide .chat-body{padding:18px 17px;gap:18px}.chat-wide .msg{max-width:96%}.suggest{display:grid;gap:9px;margin-top:11px}.scard{border:1px solid var(--accent-line);border-radius:11px;background:linear-gradient(180deg,var(--accent-soft),transparent);padding:12px 13px}.scard .sc-h{display:flex;align-items:center;gap:8px;margin-bottom:7px}.scard .sc-ic{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:13px}.scard .sc-t{font-size:13px;font-weight:700}.scard .sc-tag{margin-left:auto;font:600 9.5px/1 var(--mono);color:var(--accent-bright)}.scard .sc-d{font-size:12.5px;line-height:1.55;color:var(--ink-mid)}.rack{grid-area:bottom;position:relative;border-top:1px solid var(--line);background:var(--bg-2);display:flex;align-items:stretch;gap:0;height:150px}.rack-unit{display:flex;flex-direction:column;gap:7px;padding:12px 15px;border-right:1px solid var(--line-soft);min-width:0}.rack-h{display:flex;align-items:center;gap:8px}.rack-h .rn{font-size:12px;font-weight:700}.rack-h .rt{margin-left:auto;font:600 9.5px/1 var(--mono);color:var(--ink-faint);padding:2px 6px;border:1px solid var(--line);border-radius:5px}.rack .knobs{display:grid;grid-template-columns:repeat(4,40px);gap:9px}.rack .knob{width:38px;height:38px}.rack .eqg{height:88px;width:230px}.rack-guide{flex:1;padding:12px 16px;justify-content:center}.knob-u,.rack-guide{display:flex;flex-direction:column;gap:6px}.knob-u{align-items:center}.knob-u .kl{font:600 9px/1 var(--mono);letter-spacing:.06em;color:var(--ink-ghost)}.knob-u .kv{font:600 10.5px/1 var(--mono);color:var(--ink)}.eqg{position:relative;border-radius:8px;background:linear-gradient(0deg,transparent 0 24%,hsla(0,0%,100%,.04) 24% 25%,transparent 25%),linear-gradient(0deg,transparent 0 49%,hsla(0,0%,100%,.05) 49% 50%,transparent 50%),linear-gradient(0deg,transparent 0 74%,hsla(0,0%,100%,.04) 74% 75%,transparent 75%),var(--bg);border:1px solid var(--line);overflow:hidden}.eqg svg{position:absolute;inset:0;width:100%;height:100%}.eqg .node{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--accent-bright);border:2px solid var(--bg);box-shadow:0 0 8px var(--accent-glow);transform:translate(-50%,-50%)}.eqg .node.amber{background:var(--drums);box-shadow:0 0 8px rgba(232,161,74,.6)}.eqg .node.green{background:var(--vocal);box-shadow:0 0 8px rgba(132,207,124,.6)}.eqg-live{background:var(--bg)}.eq-svg{display:block}.eq-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(8,10,16,.62);backdrop-filter:blur(3px);padding:24px}.eq-modal{width:min(940px,96vw);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-win);box-shadow:var(--sh-win);overflow:hidden}.eq-head{display:flex;align-items:center;gap:9px;padding:14px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg-2))}.eq-head .eq-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.eq-head .eq-sub{font-size:13px;color:var(--ink-mid)}.eq-head .eq-badge{font:600 10px/1 var(--mono);color:var(--ink-faint);padding:3px 7px;border:1px solid var(--line);border-radius:5px}.eq-head .eq-head-r{margin-left:auto;display:flex;align-items:center;gap:8px}.eq-graph-wrap{height:340px;margin:16px 18px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(0deg,transparent 0 49%,hsla(0,0%,100%,.06) 49% 50%,transparent 50%),var(--bg);overflow:hidden}.eq-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:0 18px 14px}.eq-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;transition:.12s;position:relative}.eq-cell:hover{background:var(--surface-2)}.eq-cell.sel{box-shadow:inset 0 0 0 1px currentColor}.eq-cell.off{opacity:.45}.eq-cell .eq-power{width:13px;height:13px;border-radius:50%;border:1px solid;cursor:pointer;flex:0 0 auto;padding:0}.eq-cell .eq-cell-no{font:700 13px/1 var(--mono)}.eq-cell .eq-cell-type{font:600 9px/1 var(--mono);letter-spacing:.06em;color:var(--ink-faint)}.eq-cell .eq-cell-freq{font:600 10px/1 var(--mono);color:var(--ink-mid)}.eq-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 18px 20px;align-items:start}.eq-ctl-group{display:flex;flex-direction:column;gap:10px}.eq-ctl-head{font:700 11px/1 var(--mono);letter-spacing:.08em}.eq-ctl{display:flex;align-items:center;gap:9px}.eq-ctl label{width:44px;font:600 10px/1 var(--mono);letter-spacing:.06em;color:var(--ink-faint)}.eq-ctl input[type=number]{width:90px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:600 13px/1 var(--mono)}.eq-ctl input[type=number]:disabled{opacity:.4}.eq-ctl input[type=range]{flex:1}.eq-ctl .eq-unit{font:600 11px/1 var(--mono);color:var(--ink-faint)}.eq-master{border-left:1px solid var(--line-soft);padding-left:18px}.eq-hint{font-size:11.5px;line-height:1.5;color:var(--ink-faint);margin-top:4px}.comp-modal{width:min(660px,96vw);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-win);box-shadow:var(--sh-win);overflow:hidden}.comp-body{display:flex;gap:22px;align-items:center;padding:20px 22px 6px}.comp-knobs{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px 10px}.gr-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px}.gr-cap{font:600 9px/1 var(--mono);letter-spacing:.08em;color:var(--ink-faint)}.gr-track{position:relative;width:18px;height:150px;border-radius:5px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.gr-fill{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,var(--hot),var(--warn));transition:height .05s linear}.gr-track .gr-tick{position:absolute;right:1px;transform:translateY(-50%);font:600 7px/1 var(--mono);color:var(--ink-ghost)}.gr-val{font:600 11px/1 var(--mono);color:var(--ink-mid)}.rack-h .rt.on{background:rgba(87,201,138,.16)}.dg-h{display:flex;align-items:center;gap:9px;margin-bottom:9px}.dg-step{font:700 10px/1 var(--mono);letter-spacing:.08em;padding:4px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent-bright)}.dg-title{font-size:14px;font-weight:700}.dg-body{font-size:12.5px;line-height:1.6;color:var(--ink-mid)}.dg-body b{color:var(--ink)}.create-canvas{flex:1 1 auto;min-height:640px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:46px 24px 56px;background:radial-gradient(900px 480px at 50% -6%,var(--accent-soft),transparent 60%),repeating-linear-gradient(0deg,transparent 0 47px,hsla(0,0%,100%,.018) 47px 48px),var(--bg)}.create-wrap{width:100%;max-width:600px}.create-hero{text-align:center;margin-bottom:26px}.create-hero .eyebrow{display:inline-block;margin-bottom:13px}.create-hero h1{font-size:30px;font-weight:700;letter-spacing:-.03em}.create-hero p{color:var(--ink-mid);font-size:14px;margin-top:9px}.step-block{display:flex;flex-direction:column;gap:11px;margin-bottom:22px}.step-block>.label{display:flex;align-items:center;gap:9px}.step-block .sidx{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-bright);font:700 11px/1 var(--mono)}.opt-note{font-size:11px;color:var(--ink-ghost);text-transform:none;letter-spacing:0;font-family:var(--font)}.match-panel{margin-top:4px}.match-head{display:flex;align-items:center;gap:8px;margin-bottom:11px}.match-head .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 8px var(--accent-glow)}.match-head .mt{font-size:13px;font-weight:600}.match-head .mc{margin-left:auto;font:600 11px/1 var(--mono);color:var(--ink-faint)}.chat-canvas{flex:1 1 auto;min-height:660px;padding:30px 28px 40px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(820px 440px at 30% -6%,var(--accent-soft),transparent 58%),var(--bg)}.exp-hero{width:100%;max-width:980px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.exp-hero .eyebrow{display:inline-block;margin-bottom:9px}.exp-hero h1{font-size:24px;font-weight:700;letter-spacing:-.03em}.exp-hero p{color:var(--ink-mid);font-size:13px;margin-top:7px}.chat-cols{width:100%;max-width:980px;display:grid;grid-template-columns:1fr 318px;gap:20px;align-items:start}.chat-frame{height:614px}.chat-frame .chat{border-radius:var(--r-lg);overflow:hidden;height:100%}.learn{position:sticky;top:34px}.learn-head{display:flex;align-items:center;gap:9px;margin-bottom:13px}.learn-head .lq{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:14px}.learn-head .lt{font-size:14px;font-weight:700}.learn-head .lb{margin-left:auto;font:600 10px/1 var(--mono);color:var(--accent-bright);padding:3px 7px;border:1px solid var(--accent-line);border-radius:6px}.learn-card{padding:16px}.learn-card h4{font-size:13.5px;font-weight:700;margin-bottom:8px}.learn-card p{font-size:12.5px;line-height:1.6;color:var(--ink-mid);margin-bottom:13px}.freq-band{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.freq-bar{height:30px;border-radius:7px;background:var(--bg);border:1px solid var(--line);position:relative;overflow:hidden}.freq-bar .hl{position:absolute;top:0;bottom:0;background:var(--accent-soft);border-left:1px solid var(--accent-line);border-right:1px solid var(--accent-line)}.freq-bar .hl:after{content:"250–400Hz";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:600 9.5px/1 var(--mono);color:var(--accent-bright);white-space:nowrap}.freq-scale{display:flex;justify-content:space-between;font:600 9px/1 var(--mono);color:var(--ink-ghost)}.learn-note{font-size:11.5px;color:var(--ink-faint);line-height:1.5;padding-top:12px;border-top:1px solid var(--line-soft)}.steps-canvas{flex:1 1 auto;min-height:660px;padding:34px 30px 46px;display:flex;justify-content:center;background:radial-gradient(900px 460px at 50% -8%,var(--accent-soft),transparent 60%),var(--bg)}.steps-wrap{width:100%;max-width:1040px}.steps-hero{margin-bottom:22px}.steps-hero .eyebrow{margin-bottom:11px;display:inline-block}.steps-hero h1{font-size:26px;font-weight:700;letter-spacing:-.03em}.steps-hero p{color:var(--ink-mid);font-size:14px;margin-top:8px;max-width:620px;line-height:1.55}.cur-row{display:grid;grid-template-columns:1fr 220px;gap:14px;margin-top:14px}.cur-box{padding:18px 20px;border:1px solid var(--accent-line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-soft),transparent)}.cur-box .ch-top{display:flex;align-items:center;gap:10px;margin-bottom:11px}.cur-box .ch-top .lbl{font:700 12px/1 var(--mono);letter-spacing:.04em;color:var(--accent-bright);white-space:nowrap}.cur-box .checks{display:flex;gap:22px;flex-wrap:wrap;margin-top:13px}.dial-box{padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.dial{position:relative;width:96px;height:96px}.dial svg{transform:rotate(-90deg)}.dial .dv{position:absolute;inset:0;display:grid;place-items:center;font:700 24px/1 var(--mono)}.guide-sec{margin-top:30px}.guide-sec .gh{display:flex;align-items:center;gap:10px;margin-bottom:14px}.guide-sec .gh .tag{font:700 11px/1 var(--mono);letter-spacing:.06em;padding:5px 10px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-mid);white-space:nowrap}.exp-canvas{flex:1 1 auto;min-height:640px;padding:44px 28px 52px;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(820px 440px at 50% -6%,var(--accent-soft),transparent 58%),var(--bg)}.exp-wrap{width:100%;max-width:540px}.export-hero{text-align:center;margin-bottom:22px}.export-hero .eyebrow{display:inline-block;margin-bottom:11px}.export-hero h1{font-size:27px;font-weight:700;letter-spacing:-.03em}.export-hero p{color:var(--ink-mid);font-size:13.5px;margin-top:8px}.master{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2);margin-bottom:20px}.master .mw{flex:1;height:42px;min-width:0}.master .mstat{display:flex;gap:16px;flex:0 0 auto}.master .mstat .st{display:flex;flex-direction:column;gap:4px}.master .mstat .sl{font:600 9px/1 var(--mono);letter-spacing:.08em;color:var(--ink-ghost)}.master .mstat .sv{font:600 13px/1 var(--mono);color:var(--ink)}.name-input{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.name-input:focus-within{border-color:var(--accent-line)}.name-input input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-size:13.5px}.name-input input::-moz-placeholder{color:var(--ink-ghost)}.name-input input::placeholder{color:var(--ink-ghost)}.name-input .sfx{color:var(--ink-faint);font:500 12px/1 var(--mono);flex:0 0 auto}.stem-names{list-style:none;display:flex;flex-direction:column;gap:6px}.stem-names li{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}.stem-names .sw{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.stem-names .nm{flex:1;min-width:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stem-names li:focus-within{border-color:var(--accent-line)}.stem-names .stem-name-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-size:13px;padding:2px 4px;border-radius:5px}.stem-names .stem-name-input:focus,.stem-names .stem-name-input:hover{background:var(--surface)}.stem-names .sfx{color:var(--ink-faint);font:500 12px/1 var(--mono);flex:0 0 auto}