:root{--bg: #ffffff;--surface: #ffffff;--soft: #f8f9fd;--ink: #161b2b;--ink-2: #28344a;--sub: #5b6477;--line: #e4e7ef;--line-2: #dce1eb;--primary: #4f46e5;--primary-h: #4338ca;--primary-soft: #eef0ff;--primary-line: #cbd0ff;--primary-ink: #3730a3;--accent-2: #ff7a59;--ok: #047857;--warn: #92580e;--err: #b91c1c;--shadow: 0 6px 28px rgba(20, 32, 60, .045);--sub-2: #6b7588;--accent-text: #565fc4;--chip: #f3f5fa;--hover: #f3f4ff;--pressed: #e6e8ff;--track: #e9ebf5;--band: #eef0f8;--err-bg: #fef2f2;--err-line: #fecaca;--st-run: #5145cd;--st-run-bg: #eef0ff;--st-run-line: #d5d8ff;--st-up: #1d4ed8;--st-up-bg: #eff6ff;--st-up-line: #bfdbfe;--st-wait: #92580e;--st-wait-bg: #fffbeb;--st-wait-line: #fde68a;--st-ok: #047857;--st-ok-bg: #ecfdf5;--st-ok-line: #a7f3d0;--bench: #ffffff;--bench-2: #f6f7fb;--bench-3: #eef0f6;--bench-line: #e1e5ee;--bench-field: #dce1eb;--bench-border: #e4e7ef;--bench-ink: #161b2b;--bench-strong: #161b2b;--bench-sub: #4d566b;--bench-mute: #6b7588;--bench-hover: #eef0ff;--bench-accent: #4f46e5;--bench-accent-h: #4338ca;--bench-icon: #4f46e5;--bench-on-bg: #ffffff;--bench-on-ink: #3730a3;--bench-sel-bg: #eef0ff;--bench-sel-ink: #3730a3;--bench-drop: #fafaff;--bench-drop-line: #b9bff0;--bench-drop-hover: #f1f2ff;--bench-chip: #eef0ff;--bench-chip-ink: #4f46e5;--bench-link-btn: #4f46e5;--bench-link-btn-h: #4338ca;--bench-meter: #e9ebf5;--bench-err-bg: #fef2f2;--bench-err-line: #fecaca;--bench-err-ink: #b91c1c;--bench-ok: #047857;--bench-wave: #6366f1;--bench-wave-dim: #cdd1ef;--bench-shadow: 0 1px 2px rgba(20, 32, 60, .04), 0 16px 40px rgba(20, 32, 60, .07);--hero-tint: #eef0ff;--hero-fade: #0b1020;font-family:Be Vietnam Pro,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans,Apple SD Gothic Neo,Noto Sans CJK SC,Microsoft YaHei,Malgun Gothic,sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #0c1019;--surface: #141926;--soft: #181e2d;--ink: #eef1fa;--ink-2: #dde2ee;--sub: #a3acc0;--sub-2: #8790a6;--line: #252c3e;--line-2: #323a52;--primary: #5b54e8;--primary-h: #6d66f2;--primary-soft: #22264a;--primary-line: #3d4387;--primary-ink: #cbc8ff;--accent-text: #a5a8ff;--chip: #1b2133;--hover: #1f2540;--pressed: #2a2f5c;--track: #252b3d;--band: #10141f;--err: #ff8f8f;--err-bg: #2a1518;--err-line: #5c262c;--st-run: #b3b0ff;--st-run-bg: #22264a;--st-run-line: #3d4387;--st-up: #93c5fd;--st-up-bg: #13213b;--st-up-line: #1e3a66;--st-wait: #fcd34d;--st-wait-bg: #2a2210;--st-wait-line: #574515;--st-ok: #6ee7b7;--st-ok-bg: #0f2a20;--st-ok-line: #1d5640;--shadow: 0 6px 28px rgba(0, 0, 0, .28);--bench: #151a2a;--bench-2: #20273a;--bench-3: #2a3248;--bench-line: #394258;--bench-field: #3d465e;--bench-border: #2c3552;--bench-ink: #f8faff;--bench-strong: #ffffff;--bench-sub: #c4cce0;--bench-mute: #a8b1c8;--bench-hover: #323b54;--bench-accent: #7673f6;--bench-accent-h: #8b88ff;--bench-icon: #a5afff;--bench-on-bg: #e5e7ff;--bench-on-ink: #302d87;--bench-sel-bg: #e5e7ff;--bench-sel-ink: #302d87;--bench-drop: #20273b;--bench-drop-line: #747dba;--bench-drop-hover: #272f4a;--bench-chip: #353967;--bench-chip-ink: #d8dcff;--bench-link-btn: #4146a8;--bench-link-btn-h: #5359c7;--bench-meter: rgba(255, 255, 255, .1);--bench-err-bg: rgba(255, 120, 130, .1);--bench-err-line: rgba(255, 140, 150, .35);--bench-err-ink: #ffc2c6;--bench-ok: #8ee6c0;--bench-wave: #8b8dff;--bench-wave-dim: #3a4160;--bench-shadow: 0 18px 42px rgba(0, 0, 0, .35);--hero-tint: #141a33;color-scheme:dark}:root[data-theme=dark] .footer{background:#0a0d15;border-top:1px solid var(--line)}:root[data-theme=dark] .logo-icon{background:#34348a}:root[data-theme=dark] .logo-accent{color:#9798ff}:root[data-theme=dark] .seg button.on{color:var(--primary-ink)}:root[data-theme=dark] .workbench .seg button.on{color:var(--bench-on-ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}html,body,#root{margin:0}body{background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}main{background:linear-gradient(180deg,var(--hero-tint) 0,var(--bg) 620px) no-repeat}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #6366f1;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.022em}p{color:var(--sub)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--sub)}.small{font-size:13px}.grow{flex:1;min-width:0}.center{text-align:center}.row-between{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-width{width:min(1180px,calc(100% - 60px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:50;padding:12px 18px;background:var(--primary);color:#fff;font-weight:700;border-radius:8px}.skip-link:focus{top:12px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{height:68px;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:850;font-size:28px;letter-spacing:-.03em;white-space:nowrap}.logo-accent{color:#6366f1}.logo-icon{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:3px;background:#272765;box-shadow:inset 0 1px 2px #5a5b92}.logo-icon i{display:block;width:4px;background:#aaf;border-radius:8px}.logo-icon i:nth-child(1),.logo-icon i:nth-child(4){height:11px}.logo-icon i:nth-child(2){height:23px}.logo-icon i:nth-child(3){height:17px}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink-2);transition:background .15s,border-color .15s}.theme-toggle:hover{background:var(--hover);border-color:var(--primary-line)}.lang-switch{position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;min-height:42px;color:var(--ink-2)}.lang-switch>svg:first-of-type{position:absolute;left:11px;pointer-events:none}.lang-switch select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;font-size:13px;font-weight:700;padding:9px 30px 9px 33px;cursor:pointer;min-height:40px;max-width:150px}.lang-switch select option{color:var(--ink);background:var(--surface)}.lang-switch>svg:last-of-type{position:absolute;right:11px;pointer-events:none}.lang-code{display:none}.main-nav{display:flex;align-items:center;gap:4px;margin-right:auto;margin-left:28px}.nav-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:9px;border:0;background:transparent;font-size:14px;font-weight:650;color:var(--ink-2);transition:background .15s,color .15s}.nav-link:hover{background:var(--hover);color:var(--primary-ink)}.nav-link.active{color:var(--primary)}.nav-link.active:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.nav-tools{position:relative}.mega-menu{position:absolute;left:-12px;top:calc(100% + 10px);z-index:40;width:min(860px,calc(100vw - 48px));display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;padding:16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #14203c2e}.menu-group{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-group-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);padding:6px 10px 8px}.menu-tool{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:10px}.menu-tool:hover,.menu-tool.active{background:var(--hover)}.menu-tool strong{display:block;font-size:13.5px;color:var(--ink)}.menu-tool small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;color:var(--sub)}.menu-tool-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.account{position:relative}.signin-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:10px;border:0;background:var(--primary);color:#fff;font-size:13px;font-weight:750}.signin-btn:hover{background:var(--primary-h)}.avatar-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--primary-line);padding:0;overflow:hidden;background:var(--primary-soft);color:var(--primary);font-weight:800;display:grid;place-items:center}.avatar-btn img{width:100%;height:100%;object-fit:cover}.account-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:300px;display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #14203c2e}.account-title{font-size:16px}.account-desc,.account-note{margin:0;font-size:13px;color:var(--sub)}.account-note{font-size:11.5px}.gsi-slot{min-height:44px;display:flex;justify-content:center}.account-who{display:flex;flex-direction:column;min-width:0}.account-who small{color:var(--sub);overflow:hidden;text-overflow:ellipsis}.account-pop .btn{align-self:flex-start}.menu-btn{display:none;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink-2)}.mobile-menu{border-top:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 0 18px;max-height:calc(100vh - 68px);overflow-y:auto}.mobile-menu .page-width{display:flex;flex-direction:column;gap:6px}.mobile-home{display:flex;align-items:center;gap:10px;padding:12px 10px;font-weight:700;border-radius:10px}.mobile-home.active,.mobile-home:hover{background:var(--hover)}.site-header.over-hero{position:absolute;top:0;left:0;right:0;z-index:20;background:transparent;border-bottom-color:#ffffff1a;color:#fff}.site-header.over-hero .logo-word,.site-header.over-hero .nav-link{color:#fff}.site-header.over-hero .logo-accent{color:#a5b4fc}.site-header.over-hero .nav-link:hover{background:#ffffff1a;color:#fff}.site-header.over-hero .nav-link.active{color:#a5b4fc}.site-header.over-hero .theme-toggle,.site-header.over-hero .lang-switch,.site-header.over-hero .menu-btn,.site-header.over-hero .lang-switch select{border-color:#ffffff40;color:#fff}.site-header.over-hero .theme-toggle:hover{background:#ffffff1a}.site-header.over-hero.menu-open{background:var(--surface);color:var(--ink);border-bottom-color:var(--line)}.site-header.over-hero.menu-open .logo-word,.site-header.over-hero.menu-open .theme-toggle,.site-header.over-hero.menu-open .lang-switch,.site-header.over-hero.menu-open .lang-switch select,.site-header.over-hero.menu-open .menu-btn{color:var(--ink);border-color:var(--line)}@media (max-width: 760px){.main-nav{display:none}.menu-btn{display:grid}.header-actions{gap:6px;margin-left:auto}.lang-switch{padding:0 10px 0 31px}.lang-switch select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;opacity:0}.lang-code{display:block;font-size:12px;font-weight:800}.lang-switch>svg:last-of-type{display:none}.signin-btn span{display:none}.signin-btn{padding:0 12px}.theme-toggle,.menu-btn,.avatar-btn,.signin-btn{width:auto;min-width:40px;height:40px}}.tool-hero,.result-section{max-width:920px}.tool-hero{padding-top:40px;padding-bottom:24px;text-align:center}.tool-hero h1{font-size:clamp(28px,3.4vw,42px);line-height:1.12;font-weight:820;letter-spacing:-.022em;margin:0 0 10px}.tool-hero .hero-sub{margin:0 auto 24px;max-width:640px;font-size:15px;line-height:1.6}.tool-hero .workbench{text-align:left}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.115em;color:var(--accent-text);display:inline-block;margin-bottom:14px;text-transform:uppercase}.hero-sub{font-size:16px;line-height:1.74;max-width:505px;margin:0 0 20px;color:var(--sub)}.workbench{background:var(--bench);color:var(--bench-ink);border:1px solid var(--bench-border);border-radius:20px;padding:24px;box-shadow:var(--bench-shadow);min-width:0;position:relative;display:flex;flex-direction:column;gap:16px}.bench-slot{display:flex;flex-direction:column;gap:16px;min-width:0}.bench-slot:empty{display:none}.workbench-bottom{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--bench-mute)}.workbench-bottom svg{color:var(--bench-icon)}.bench-settings{display:flex;flex-direction:column;gap:14px}.bench-settings.after{flex-direction:row;order:2;gap:12px 16px}.settings-heading{display:flex;align-items:center;gap:8px}.settings-heading svg{color:var(--bench-icon)}.settings-heading strong{font-size:12px;font-weight:750}.setting-hint{margin-left:auto;font-size:10px;color:var(--bench-mute)}.workbench .slider-row>.btn:last-child{min-width:64px;justify-content:center}.options-flow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:13px 16px}.workbench .opt>label,.workbench .opt>span{font-size:10px;color:var(--bench-sub);font-weight:650;letter-spacing:.015em}.workbench .opt>label b{color:var(--bench-strong);font-size:12px}.workbench .opt>label .small{font-size:10px;color:var(--bench-mute)}.workbench .seg{background:var(--bench-2);border-color:var(--bench-line);border-radius:9px;padding:4px;gap:4px;min-height:41px}.workbench .seg button{color:var(--bench-sub);font-size:11px;font-weight:760;border-radius:6px;padding:7px 11px;min-height:33px;justify-content:center}.workbench .seg button small{font-size:9px}.workbench .seg button:hover{background:var(--bench-hover);color:var(--bench-strong)}.workbench .seg button.on{background:var(--bench-on-bg);color:var(--bench-on-ink);box-shadow:0 1px 3px #14203c24}.workbench .check{color:var(--bench-sub);font-size:11px;min-height:41px;padding:0}.workbench .check input,.workbench input[type=range]{accent-color:var(--bench-wave)}.workbench select,.workbench .num{background:var(--bench-2);border-color:var(--bench-field);color:var(--bench-ink);font-size:12px;min-height:41px}.workbench .slider-row{gap:8px}.workbench .icon{border-color:var(--bench-line);background:var(--bench-2);color:var(--bench-ink)}.workbench .icon:hover:not(:disabled){background:var(--bench-hover)}.workbench .btn{border-color:var(--bench-line);background:var(--bench-2);color:var(--bench-ink)}.workbench .btn:hover:not(:disabled){background:var(--bench-hover)}.workbench .btn.ghost{background:transparent}.workbench .btn.primary{background:var(--bench-accent);border-color:transparent;color:#fff;box-shadow:0 3px 14px #6366f130}.workbench .btn.primary:hover:not(:disabled){background:var(--bench-accent-h)}.workbench .error{background:var(--bench-err-bg);border-color:var(--bench-err-line);color:var(--bench-err-ink)}.workbench .muted{color:var(--bench-mute)}.workbench .progress{background:var(--bench-meter)}.workbench .progress-text{color:var(--bench-sub)}.picker{display:flex;flex-direction:column;gap:15px}.dropzone{border:1.5px dashed var(--bench-drop-line);border-radius:14px;background:var(--bench-drop);text-align:center;padding:33px 14px 25px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}.dropzone:hover,.dropzone.dragging{border-color:var(--bench-icon);background:var(--bench-drop-hover);box-shadow:inset 0 0 0 1px #6366f11f}.upload-icon{height:56px;width:56px;display:grid;place-items:center;background:var(--bench-chip);color:var(--bench-chip-ink);border-radius:13px;margin-bottom:14px;flex-shrink:0}.dropzone h2{font-size:18px;letter-spacing:-.018em;margin:0 0 4px;color:var(--bench-ink);font-weight:740}.dropzone p{font-size:12px;color:var(--bench-sub);margin:0 0 15px}.browse-button{background:var(--bench-accent);color:#fff;border-radius:9px;font-size:12px;font-weight:800;padding:11px 18px;display:inline-flex;gap:9px;align-items:center;min-height:44px;box-shadow:0 3px 14px #6366f130;transition:background .15s}.dropzone:hover .browse-button{background:var(--bench-accent-h)}.dropzone small{color:var(--bench-mute);font-size:10px;letter-spacing:.06em;font-weight:700;margin-top:16px;text-transform:uppercase;white-space:pre-wrap}.picker.compact .dropzone{min-height:0;padding:14px 16px;flex-direction:row;gap:14px;text-align:left;justify-content:flex-start}.picker.compact .upload-icon{width:42px;height:42px;margin:0}.picker.compact .dz-text{flex:1;min-width:0}.picker.compact h2{font-size:14px}.picker.compact p{margin:0;font-size:11px}.picker.compact .browse-button{min-height:38px;padding:8px 13px;font-size:11px}.link-entry label{font-size:11px;display:flex;align-items:center;gap:7px;font-weight:690;color:var(--bench-ink);margin-bottom:9px}.link-entry label svg{color:var(--bench-icon)}.link-control{display:flex;align-items:stretch;background:var(--bench-2);border:1px solid var(--bench-field);padding:4px 4px 4px 11px;border-radius:9px;gap:5px}.link-control:focus-within{border-color:var(--bench-icon)}.link-control input{background:transparent;flex:1;min-width:0;border:0;outline:none;color:var(--bench-strong);font-size:12px}.link-control input::placeholder{color:var(--bench-mute)}.link-control button{background:var(--bench-link-btn);color:#fff;border:0;display:flex;align-items:center;gap:7px;border-radius:7px;padding:0 12px;font-size:11px;font-weight:760;min-height:38px;white-space:nowrap}.link-control button:hover:not(:disabled){background:var(--bench-link-btn-h)}.link-control button:disabled{opacity:.5;cursor:not-allowed}.link-entry .error{margin-top:10px}.fetching{display:flex;align-items:center;gap:14px;background:var(--bench-2);border:1px solid var(--bench-line);border-radius:10px;padding:12px 14px}.fetching img{width:72px;height:48px;object-fit:cover;border-radius:8px}.fetching-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;color:var(--bench-sub)}.fetching-title{font-weight:650;color:var(--bench-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picked{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--bench-2);border:1px solid var(--bench-line);border-radius:12px;padding:12px 14px}.picked-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--bench-chip);color:var(--bench-chip-ink);border-radius:10px;flex-shrink:0}.picked .file-name{flex:1 1 140px;font-weight:700;color:var(--bench-strong)}.picked .small{color:var(--bench-mute)}.trust-icon{width:39px;height:39px;background:var(--chip);border-radius:11px;display:grid;place-items:center;color:var(--accent-text);flex-shrink:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:31px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:clamp(24px,2.4vw,32px);line-height:1.16;margin-bottom:9px;max-width:650px}.section-heading p{font-size:14px;max-width:570px;margin:0;color:var(--sub)}.result-section{padding-top:8px;padding-bottom:56px}.result-section:has(.results-slot:empty){display:none}.results-title{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}.results-slot{display:flex;flex-direction:column;gap:16px}.results-slot:empty{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;gap:12px;min-width:0}.card-head>svg{color:var(--accent-text);flex-shrink:0}.file-name{flex:1;font-weight:760;font-size:15px;letter-spacing:-.007em;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cards{display:flex;flex-direction:column;gap:16px}.cards-bar{display:flex;justify-content:flex-end}.card.controls{gap:18px}.meta{margin-top:-8px;font-size:12px}.state-badge{--status: var(--st-run);--status-bg: var(--st-run-bg);--status-border: var(--st-run-line);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:0 0 auto;background:var(--status-bg);border:1px solid var(--status-border);color:var(--status);font-weight:750;font-size:11px;line-height:1;border-radius:8px;padding:8px 11px;min-height:32px}.state-badge.uploading{--status: var(--st-up);--status-bg: var(--st-up-bg);--status-border: var(--st-up-line)}.state-badge.queued{--status: var(--st-wait);--status-bg: var(--st-wait-bg);--status-border: var(--st-wait-line)}.state-badge.done{--status: var(--st-ok);--status-bg: var(--st-ok-bg);--status-border: var(--st-ok-line)}.state-badge.failed{--status: var(--err);--status-bg: var(--err-bg);--status-border: var(--err-line)}.status-symbol{display:inline-grid;place-items:center;width:14px;height:14px;flex:0 0 14px;position:relative}.state-badge.running .status-symbol:before,.state-badge.uploading .status-symbol:before{content:"";height:12px;width:12px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .8s linear infinite;box-sizing:border-box}.state-badge.queued .status-symbol:before{content:"";border:1.8px solid currentColor;border-radius:50%;height:12px;width:12px;box-sizing:border-box}.state-badge.queued .status-symbol:after{content:"";position:absolute;left:6px;top:3px;width:3px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.state-badge.done .status-symbol:before{content:"";height:5px;width:10px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(-45deg);position:absolute;top:3px}.state-badge.failed .status-symbol:before{content:"!";font-size:10px;font-weight:800;width:13px;height:13px;border:1.7px solid currentColor;border-radius:50%;line-height:10px;text-align:center;box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}.error{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err);padding:12px 14px;border-radius:10px;font-size:14px}.error.small{padding:8px 12px;font-size:12px}.progress{height:6px;background:var(--track);border-radius:10px;overflow:hidden}.progress.slim{height:4px}.progress-bar{height:100%;border-radius:10px;transition:width .3s ease;background:linear-gradient(90deg,#6256da,#7c75f0);position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);animation:shimmer 1.9s ease-in-out infinite}.progress-bar.indeterminate{width:30%!important;animation:slide 1.4s ease-in-out infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes slide{0%{margin-left:0}50%{margin-left:70%}to{margin-left:0}}.progress-text{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--sub)}.progress-text .mono{color:var(--primary);font-weight:780}.progress-wrap{display:flex;flex-direction:column;gap:4px}.options{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:flex-end}.options.start{justify-content:flex-start}.opt{display:flex;flex-direction:column;gap:7px;min-width:0}.opt.wide{flex:1 1 100%}.opt.inline{flex-direction:row;align-items:center;gap:10px}.opt>label,.opt>span{font-size:12px;color:var(--sub);font-weight:600}.opt>label b{color:var(--ink);font-size:13px}.seg{display:inline-flex;flex-wrap:wrap;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px;max-width:100%}.seg button{background:transparent;border:0;border-radius:7px;padding:7px 13px;color:var(--sub);display:flex;flex-direction:column;align-items:center;line-height:1.2;font-weight:700;font-size:12px;transition:all .15s}.seg button small{font-size:10px;opacity:.75;font-weight:500;margin-top:2px}.seg button:hover{color:var(--ink);background:var(--surface)}.seg button.on{background:var(--surface);color:var(--primary-ink);box-shadow:0 1px 3px #14203c1f,inset 0 0 0 1px var(--primary-line)}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}input[type=range]{accent-color:var(--primary);height:28px;width:100%;cursor:pointer}.num,select{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);border-radius:9px;padding:8px 10px}.num{width:120px}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sub);cursor:pointer;padding:8px 0}.check input{accent-color:var(--primary);width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:9px;padding:9px 15px;font-weight:760;font-size:13px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;min-height:40px}.btn:hover:not(:disabled){border-color:var(--primary-line);background:var(--hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 6px 16px #4f46e529}.btn.primary:hover:not(:disabled){background:var(--primary-h)}.btn.ghost{background:transparent}.btn.small{padding:6px 11px;font-size:12px;min-height:34px}.icon{width:34px;height:34px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);display:grid;place-items:center;transition:all .15s;flex-shrink:0;color:var(--sub)}.icon:hover:not(:disabled){background:var(--hover);border-color:var(--primary-line)}.icon:disabled{opacity:.35;cursor:not-allowed}.icon.on{background:var(--primary);border-color:transparent;color:#fff}.icon.ghost{border-color:transparent;background:transparent}.icon.ghost:hover:not(:disabled){background:var(--hover)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions.wrap{justify-content:flex-start}.play,.circle-play{width:46px;height:46px;border-radius:50%;border:0;color:#fff;display:grid;place-items:center;flex-shrink:0;background:var(--primary);box-shadow:0 6px 14px #4f46e533;transition:background .15s,transform .1s}.play:hover:not(:disabled),.circle-play:hover:not(:disabled){background:var(--primary-h)}.play:disabled,.circle-play:disabled{opacity:.4;cursor:wait}.play.small,.circle-play.small{width:38px;height:38px}.time{font-size:14px;font-weight:650;color:var(--ink-2)}.mixer{display:flex;flex-direction:column;gap:8px}.mixer-playbar{display:flex;align-items:center;gap:15px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.song-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.song-meta strong{font-size:14px;color:var(--ink-2)}.song-meta>span{font-size:11px;color:var(--sub-2)}.song-meta.grow{flex:1;min-width:0}.song-meta .seek{width:100%;margin:6px 0 2px}.dot-separator{color:var(--line-2);margin:0 3px}.download-outline{background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2);padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:770;min-height:40px;transition:border-color .15s,background .15s}.download-outline:hover{border-color:var(--primary-line);background:var(--hover)}.track-list{display:flex;flex-direction:column}.mixer-track{display:grid;grid-template-columns:155px minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.mixer-track:last-child{border-bottom:0}.track-identity{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.track-dot{width:9px;height:9px;background:var(--stem);border-radius:4px;flex-shrink:0}.track-name{font-size:13px;font-weight:800;color:var(--ink-2)}.track-format{display:block;flex-basis:100%;margin-left:17px;color:var(--sub-2);font-size:10px;letter-spacing:.04em;font-weight:650}.waveform{min-height:52px;min-width:0;cursor:pointer;transition:opacity .15s}.mixer-track.muted .waveform{opacity:.25}.mixer-track.muted .track-name{text-decoration:line-through;opacity:.6}.track-note{font-size:12px;color:var(--sub);min-width:0}.track-controls{display:flex;align-items:center;gap:6px}.mini-btn{height:33px;min-width:33px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--sub);font-size:10px;font-weight:900;display:inline-grid;place-items:center;padding:0 6px;transition:background .15s,border-color .15s}.mini-btn:hover{background:var(--hover);border-color:var(--primary-line)}.mini-btn[aria-pressed=true]{background:var(--pressed);color:var(--accent-text);border-color:var(--primary-line)}.open-with-btn{color:var(--accent-text);background:var(--hover);border-color:var(--primary-line)}.open-with-btn.on{background:var(--pressed);border-color:var(--primary-line)}.mixer-track .stem-volume{width:83px;accent-color:var(--stem)}.openwith-menu{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:var(--hover);border:1px solid var(--line);border-radius:8px;padding:10px}.openwith-menu>span{font-size:10px;color:var(--sub);font-weight:800;margin-right:7px}.openwith-menu button{font-size:11px;font-weight:800;padding:7px 11px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--accent-text);min-height:35px}.openwith-menu button:hover{background:var(--pressed)}.cutter-wave{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:130px}.local-player{display:flex;align-items:center;gap:14px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.wave{min-height:64px;min-width:0}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:8px}.video-card{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.video-card video{width:100%;border-radius:8px;background:#000;max-height:280px}.video-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.video-head .track-name{flex:1}.keycard{display:flex;flex-direction:column;gap:16px}.keycard-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.kc-block{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.kc-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--sub-2);font-weight:750}.kc-value{font-size:40px;font-weight:820;letter-spacing:-.02em;line-height:1.1;margin-top:4px;color:var(--ink-2)}.kc-scale{font-size:18px;font-weight:650;color:var(--sub)}.keycard-foot{display:flex;flex-direction:column;gap:8px}.kc-conf{display:flex;align-items:center;gap:12px}.kc-conf .progress{flex:1;max-width:260px}.ana-player{display:flex;align-items:center;gap:12px}.chord-now{font-weight:820;font-size:22px;color:var(--primary);letter-spacing:-.01em}.ana-block{display:flex;flex-direction:column;gap:8px}.timeline{position:relative;height:34px;border-radius:9px;background:var(--chip);overflow:hidden;cursor:pointer}.timeline .section{position:absolute;top:0;bottom:0;display:grid;place-items:center;font-size:12px;font-weight:750;color:#fff;border-right:1px solid rgba(255,255,255,.5)}.timeline .section.chorus{box-shadow:inset 0 -3px #ffffffe6}.timeline .hot{position:absolute;top:0;bottom:0;border:2px solid var(--ink);border-radius:6px;pointer-events:none}.timeline .cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);pointer-events:none}.hot-dot{display:inline-block;width:10px;height:10px;border:2px solid var(--ink);border-radius:3px;vertical-align:middle;margin-right:4px}.chords{display:flex;flex-wrap:wrap;gap:4px}.chord{background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:6px 10px;font-weight:700;font-size:13px;min-width:44px;color:var(--ink-2)}.chord:hover{border-color:var(--primary-line)}.chord.on{background:var(--primary);border-color:transparent;color:#fff}.ana-actions{padding-top:10px;border-top:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:8px}.turns{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.turn{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;background:var(--soft)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.badge.running{background:var(--primary-soft);color:var(--primary-ink)}.join-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.join-list li{display:flex;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 10px 8px 14px}.join-list .idx{width:22px;color:var(--sub-2);font-weight:700}.join-list .file-name{font-size:13px;font-weight:650}.recorder{display:flex;flex-direction:column;gap:14px}.rec-row{display:flex;align-items:center;gap:18px}.rec-btn{width:56px;height:56px;border-radius:50%;border:0;color:#fff;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,var(--accent-2),#ff4d6d);box-shadow:0 6px 18px #ff7a594d;transition:transform .1s}.recorder.big .rec-btn{width:76px;height:76px}.rec-btn.live{animation:pulse 1.4s infinite}.rec-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes pulse{0%,to{box-shadow:0 0 #ff5d7380}50%{box-shadow:0 0 0 14px #ff5d7300}}.rec-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.rec-title{font-weight:700;display:flex;align-items:center;gap:8px}.live-dot{width:10px;height:10px;border-radius:50%;background:#ff5d73;box-shadow:0 0 10px #ff5d73;animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.meter{height:8px;border-radius:999px;background:var(--track);overflow:hidden}.meter-bar{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);transition:width .08s}.workbench .recorder{background:var(--bench-drop);border:1.5px dashed var(--bench-drop-line);border-radius:13px;padding:28px 22px}.workbench .meter{background:var(--bench-meter)}.workbench .rec-title{color:var(--bench-strong)}.steps{list-style:none;margin:0;padding:0;display:flex;gap:6px}.steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:9px;font-size:12px;font-weight:700;color:var(--bench-sub);background:var(--bench-2);border:1px solid var(--bench-line);text-align:center}.steps li.on{color:var(--bench-sel-ink);background:var(--bench-sel-bg);border-color:transparent}.steps li.done{color:var(--bench-ok);border-color:#6ee6b44d}.kar-lyrics{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.preset-groups{display:flex;flex-direction:column;gap:18px}.preset-group-title{display:flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);font-weight:850;margin-bottom:10px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.preset{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px 13px;display:flex;flex-direction:column;gap:3px;transition:all .15s}.preset:hover{border-color:var(--primary-line);box-shadow:0 6px 16px #2d33600f}.preset.on{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary)}.preset-name{font-weight:760;font-size:13px;color:var(--ink-2)}.preset-desc{font-size:11px;color:var(--sub);line-height:1.4}.params{padding-top:14px;border-top:1px solid var(--line)}.opt.param{flex:1 1 220px}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:6px;display:flex;flex-direction:column;min-width:180px;box-shadow:0 12px 30px #14203c1f}.menu button{background:transparent;border:0;text-align:left;padding:8px 10px;border-radius:7px;font-size:13px}.menu button:hover{background:var(--primary-soft)}.lyrics{display:flex;flex-direction:column;gap:10px}.lyrics-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lyrics-list{max-height:360px;overflow-y:auto;padding:8px 4px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth}.lyrics.compact .lyrics-list{max-height:220px}.line{display:flex;gap:12px;align-items:baseline;padding:6px 10px;border-radius:9px;font-size:17px;color:var(--sub-2);transition:background .2s,color .2s}.line.past{color:var(--sub-2)}.line.on{background:var(--primary-soft);color:var(--ink);font-weight:650;font-size:19px}.line-time{background:transparent;border:0;color:var(--sub-2);font-size:12px;min-width:40px;text-align:right}.line-time:hover{color:var(--primary)}.line-text{flex:1;outline:none;border-radius:6px;padding:0 4px}.line-text[contenteditable=true]:focus{background:var(--surface);box-shadow:inset 0 0 0 1px var(--primary-line)}.w{color:inherit;transition:color .12s}.w.sung{color:var(--accent-2)}.steps-section{padding:56px 0 60px;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px}.step-num{font-weight:750;font-size:24px;letter-spacing:-.033em;color:var(--accent-text)}.step-rule{display:block;width:36px;height:2px;background:var(--primary-line);border-radius:10px;margin:10px 0 14px}.step-card h3{font-size:18px;margin-bottom:6px}.step-card p{font-size:12px;max-width:290px;line-height:1.7;margin:0}.r1{width:140px;height:140px}.r2{width:185px;height:185px}.r3{width:240px;height:240px}.explore-section{padding:52px 0 60px}.home-hero{position:relative;overflow:hidden;color:#fff;text-align:center;min-height:min(780px,94vh);display:flex;align-items:center;padding:120px 0 96px;background:linear-gradient(180deg,rgba(7,9,22,.78) 0%,rgba(7,9,22,.55) 38%,rgba(7,9,22,.82) 82%,var(--hero-fade) 100%),radial-gradient(70% 60% at 50% 45%,rgba(79,70,229,.28),transparent 70%),url(/img/hero-mixer-1920.webp) center 40% / cover no-repeat,#0b1020}.home-hero-inner{position:relative;display:flex;flex-direction:column;align-items:center}.home-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c7d2fe;padding:7px 14px;border-radius:999px;background:#6366f12e;border:1px solid rgba(165,180,252,.35);margin-bottom:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-hero h1{font-size:clamp(40px,6.6vw,82px);line-height:1.04;font-weight:800;letter-spacing:-.032em;margin:0 0 22px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.35)}.home-sub{max-width:660px;font-size:18px;line-height:1.65;color:#d4d9ea;margin:0 0 34px}.home-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hero-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:12px;font-size:15px;font-weight:750;transition:background .15s,border-color .15s,transform .15s}.hero-btn.primary{background:#6366f1;color:#fff;box-shadow:0 12px 34px #6366f173}.hero-btn.primary:hover{background:#7577f5;transform:translateY(-1px)}.hero-btn.ghost{border:1px solid rgba(255,255,255,.32);background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-btn.ghost:hover{border-color:#ffffff8c;background:#ffffff24}.home-proof{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:30px 0 0;padding:0;font-size:13px;color:#d4d9ea}.home-proof li{display:inline-flex;align-items:center;gap:7px}.home-proof svg{color:#34d399}.home-head{margin-bottom:32px}.home-head.center{text-align:center}.home-head h2{font-size:clamp(26px,3.2vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.025em;margin:0 auto 10px;max-width:860px;text-wrap:balance}.home-head p{margin:0 auto;max-width:620px}.home-stats{padding:72px 0;background:var(--soft);border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px 20px;text-align:center;display:flex;flex-direction:column;gap:6px}.stat-card b{font-size:clamp(36px,4.4vw,56px);line-height:1;font-weight:800;letter-spacing:-.03em}.stat-card span{font-size:13px;color:var(--sub)}.stat-card.c0 b{color:#4f46e5}.stat-card.c1 b{color:#f97316}.stat-card.c2 b{color:#0891b2}.stat-card.c3 b{color:#db2777}:root[data-theme=dark] .stat-card.c0 b{color:#a5b4fc}:root[data-theme=dark] .stat-card.c2 b{color:#22d3ee}:root[data-theme=dark] .stat-card.c3 b{color:#f472b6}.home-show{padding:80px 0 24px}.show-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}.show-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--sub);font-size:14px;font-weight:700;transition:all .15s}.show-tabs button:hover{border-color:var(--primary-line);color:var(--primary-ink)}.show-tabs button.on{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 8px 22px #4f46e540}.show-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:36px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--primary-soft),var(--surface) 60%)}.show-text h3{font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.show-text p{margin:0 0 18px}.show-text ul{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:10px}.show-text li{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:600;color:var(--ink-2)}.show-text li svg{color:var(--ok);flex-shrink:0;margin-top:3px}.show-text .btn.primary{min-height:48px;padding:0 22px;font-size:14px}.show-shot{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 30px 70px #14203c2e}.shot-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--soft);border-bottom:1px solid var(--line)}.shot-bar i{width:10px;height:10px;border-radius:50%;background:#f87171}.shot-bar i:nth-child(2){background:#fbbf24}.shot-bar i:nth-child(3){background:#34d399}.shot-bar span{margin-left:10px;font-size:11px;color:var(--sub-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-shot img{display:block;width:100%;height:auto}.home-groups{padding:80px 0 24px;display:flex;flex-direction:column;gap:56px}.group-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.group-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--primary-soft);color:var(--primary);flex-shrink:0}.group-head h2{font-size:clamp(22px,2.4vw,30px);font-weight:780;letter-spacing:-.02em;margin:0 0 2px}.group-head p{margin:0;font-size:14px}.home-uses{padding:72px 0;margin-top:56px;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.marquee{display:flex;width:max-content;margin-top:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:10px;padding-right:10px;animation:marquee 42s linear infinite}.marquee.reverse .marquee-track{animation-direction:reverse;animation-duration:48s}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}.marquee{flex-wrap:wrap;width:auto;justify-content:center}.marquee-track[aria-hidden]{display:none}}.use-chip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:650;color:var(--ink-2);transition:border-color .15s,color .15s}.use-chip:hover{border-color:var(--primary-line);color:var(--primary-ink)}.use-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.marquee-track .use-chip:nth-child(3n+2) .use-dot{background:#f97316}.marquee-track .use-chip:nth-child(3n) .use-dot{background:#10b981}.home-cta{position:relative;color:#fff;padding:84px 0;overflow:hidden;background:linear-gradient(90deg,#070916eb,#1e1b4bd1),url(/img/hero-mixer-960.webp) center 70% / cover no-repeat,#0b1020}.home-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.home-cta h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-.025em;margin:0 0 8px;color:#fff}.home-cta p{margin:0;color:#d4d9ea;font-size:16px}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.tool-badge{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.tool-badge.hot{background:#fff1ec;color:#d9480f}.tool-badge.new{background:var(--st-ok-bg);color:var(--st-ok)}:root[data-theme=dark] .tool-badge.hot{background:#3a1d14;color:#ffa07f}.home-faq{padding-top:72px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:16px;padding:20px 20px 52px;background:var(--surface);min-height:200px;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-card:after{content:"";position:absolute;left:20px;bottom:26px;width:24px;height:2px;border-radius:2px;background:var(--primary);transition:width .2s}.tool-card:hover{transform:translateY(-2px);border-color:var(--primary-line);box-shadow:0 12px 28px #2d336014}.tool-card:hover:after{width:40px}.tool-card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--primary-soft);border:1px solid var(--primary-line);color:var(--primary);flex-shrink:0}.tool-card-body{min-width:0}.tool-card-body strong{font-size:16px;font-weight:700;display:block;margin-bottom:6px;letter-spacing:-.01em}.tool-card-body small{font-size:13px;line-height:1.55;color:var(--sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card .tool-arrow{position:absolute;right:20px;bottom:18px;color:var(--primary)}.tool-arrow{color:var(--sub-2);flex-shrink:0}.faq-section{padding-bottom:72px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;padding:21px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-weight:760;font-size:14px}.faq-item summary::-webkit-details-marker{display:none}.faq-arrow{border-radius:50%;background:var(--chip);width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-arrow{transform:rotate(180deg)}.faq-item p{padding-bottom:22px;margin:0;max-width:700px;line-height:1.8;font-size:13px}.footer{background:#141b2b;color:#eef0fa;padding:58px 0 24px}.footer .logo{color:#fff}.footer .logo-icon{background:#454399;box-shadow:none}.footer .logo-icon i{background:#c4c4ff}.footer .logo-accent{color:#9798ff}.footer-top{display:flex;justify-content:space-between;gap:45px;padding-bottom:65px}.footer-brand>p{font-size:12px;color:#afb8cc;margin-top:15px}.footer-links{display:flex;gap:92px}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links b{font-size:12px;letter-spacing:.07em;margin-bottom:8px}.footer-links a{font-size:12px;color:#afb8cc}.footer-links a:hover{color:#c4c4ff}.footer-bottom{border-top:1px solid #30394e;display:flex;justify-content:space-between;gap:20px;padding-top:19px;font-size:10px;color:#aab4c9}.footer-bottom span:last-child{display:flex;align-items:center;gap:6px;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}.footer-bottom svg{color:#9da1ff}.pitch-editor{display:flex;flex-direction:column;gap:16px}.pe-head{display:flex;align-items:center;gap:10px;color:var(--bench-sub);min-width:0}.pe-head .file-name{flex:1;color:var(--bench-ink);font-weight:700;font-size:13px}.piano-roll{width:100%;display:block;background:var(--soft);border:1px solid var(--line);border-radius:12px;cursor:pointer;touch-action:none}.midi-tip{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--bench-sub)}.midi-tip svg{flex-shrink:0}.midi-tip a{color:var(--bench-ink);text-decoration:underline;text-underline-offset:2px}.buffer-wave{width:100%;display:block;background:var(--bench-2);border-radius:12px;cursor:pointer;touch-action:none}.pe-wave-empty{height:84px;display:grid;place-items:center;background:var(--bench-2);border-radius:12px;color:var(--bench-sub);font-size:12px}.pe-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;background:var(--bench-2);border:1px solid var(--bench-line);border-radius:12px;padding:16px 18px 12px}.pe-row{display:flex;flex-direction:column;gap:8px;min-width:0}.pe-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bench-sub)}.pe-label b{font-size:20px;color:var(--bench-strong);letter-spacing:-.01em;text-transform:none;font-weight:750}.pe-label small{font-size:11px;color:var(--bench-mute);font-weight:600;letter-spacing:0}.pe-row input[type=range]{width:100%;margin:0}.pe-key{margin-left:8px;padding:2px 8px;border-radius:99px;background:var(--bench-line);color:var(--bench-ink);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:help}.pe-key em{font-style:normal;color:var(--primary)}.pe-key.busy{background:none;color:var(--bench-mute);font-weight:600;cursor:default}.pe-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px}.pe-slider .pe-scale{grid-column:2}.icon.pe-step{width:30px;height:30px;border-radius:50%;border-color:var(--bench-line);background:transparent;color:var(--bench-ink)}.icon.pe-step:hover:not(:disabled){background:var(--bench-line);border-color:var(--bench-line)}.pe-scale{display:grid;grid-template-columns:repeat(3,1fr);font-size:10px;color:var(--bench-mute)}.pe-scale span:nth-child(2){text-align:center}.pe-scale span:last-child{text-align:right}.pe-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pe-time{color:var(--bench-sub);min-width:84px}.pe-bar .grow{flex:1}@media (max-width: 1100px){.page-width{width:min(100% - 40px,1180px)}.workbench{padding:18px}.mixer-track{grid-template-columns:130px minmax(0,1fr) auto;gap:8px 12px}.mixer-track .stem-volume{width:65px}}@media (max-width: 800px){.workbench{max-width:720px;width:100%;margin-inline:auto}.desktop-only{display:none}.footer-links{gap:40px}.keycard-main{grid-template-columns:1fr}}@media (max-width: 600px){.page-width{width:calc(100% - 32px)}.header-inner{height:60px}.logo{font-size:22px;gap:9px}.logo-icon{height:34px;width:34px}.tool-hero{padding-top:22px;padding-bottom:18px}.tool-hero h1{font-size:26px}.tool-hero .hero-sub{font-size:13.5px;margin-bottom:16px}.hero-sub{font-size:14px;line-height:1.7}.workbench{padding:16px;border-radius:14px}.workbench .seg button{min-height:44px;padding-inline:10px}.setting-hint{display:none}.pe-controls{grid-template-columns:1fr;gap:16px;padding:14px}.icon.pe-step{width:38px;height:38px}.pe-bar .grow{display:none}.pe-bar .btn.primary{flex:1 0 100%;justify-content:center;min-height:46px}.dropzone{min-height:228px;padding:26px 12px}.dropzone h2{font-size:16px}.picker.compact .dropzone{flex-wrap:wrap}.picker.compact .browse-button{display:none}.link-control button{min-height:44px;padding:0 10px}.result-section{padding:4px 0 40px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.section-heading h2{font-size:24px}.section-heading p{font-size:13px}.card{padding:16px 14px}.mixer-playbar{padding:11px;gap:10px;flex-wrap:wrap}.song-meta{min-width:120px}.download-outline{padding:8px 10px;min-height:44px}.mixer-track{grid-template-columns:1fr auto;gap:8px;padding:13px 0}.track-identity{grid-column:1;grid-row:1}.track-controls{grid-column:2;grid-row:1}.waveform,.track-note{grid-column:1 / -1;grid-row:2}.waveform{min-height:42px}.track-format{display:none}.mixer-track .stem-volume{width:52px}.track-name{white-space:nowrap}.mini-btn{height:40px;min-width:36px}.openwith-menu>span{flex-basis:100%}.steps-section{padding:44px 0}.steps-grid{grid-template-columns:1fr;gap:12px}.step-card{min-height:0;padding:20px}.step-rule{margin:11px 0 14px}.explore-section{padding:40px 0 48px}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.home-hero{min-height:0;padding:112px 0 64px;background-image:linear-gradient(180deg,#070916cc,#07091699 40%,#070916e0),radial-gradient(70% 60% at 50% 45%,rgba(79,70,229,.28),transparent 70%),url(/img/hero-mixer-960.webp);background-position:center,center,62% center}.home-eyebrow{font-size:10.5px;letter-spacing:.1em}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:22px 12px}.home-stats,.home-uses{padding:48px 0}.home-show{padding:52px 0 8px}.show-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:0 16px 4px}.show-tabs button{flex-shrink:0}.show-panel{grid-template-columns:1fr;gap:24px;padding:20px;border-radius:18px}.show-shot{order:-1}.home-cta{padding:56px 0}.home-cta .hero-btn{width:100%;justify-content:center}.home-sub{font-size:15px;margin-bottom:26px}.home-ctas{flex-direction:column;align-self:stretch}.hero-btn{justify-content:center}.home-proof{font-size:12px;margin-top:22px}.home-groups{padding:52px 0 8px;gap:40px}.group-head{align-items:flex-start}.group-icon{width:42px;height:42px}.tool-card{min-height:0;padding:14px 14px 42px;gap:10px}.tool-card:after{left:14px;bottom:20px}.tool-card .tool-arrow{right:14px;bottom:13px}.tool-card-icon{width:42px;height:42px}.tool-card-body strong{font-size:14px}.tool-card-body small{font-size:12px;-webkit-line-clamp:3}.faq-section{padding-bottom:56px}.faq-item summary{font-size:13px}.footer{padding-top:48px}.footer-top{flex-direction:column;gap:27px;padding-bottom:40px}.footer-links{gap:55px}.footer-bottom{align-items:flex-start;flex-direction:column}.steps li span{display:none}.steps li.on span{display:inline}.num{width:100px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}