:root{--bg: #f7f8fb;--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: #151a2a;--bench-2: #20273a;--bench-3: #2a3248;--bench-line: #394258;--bench-ink: #f8faff;--bench-sub: #c4cce0;--bench-mute: #a8b1c8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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);color-scheme:dark}:root[data-theme=dark] .workbench{border-color:#2c3552;box-shadow:0 18px 42px #00000059}: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] .tool-tab.active,:root[data-theme=dark] .seg button.on{color:var(--primary-ink)}:root[data-theme=dark] .workbench .seg button.on,:root[data-theme=dark] .steps li.on{color:#302d87}*{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}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:-.045em}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:79px;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:-.06em;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:33px}.header-actions>a{font-weight:700;color:var(--sub);font-size:13px;transition:color .15s}.header-actions>a:hover{color:var(--primary-h)}.theme-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:9px;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:9px;min-height:44px;color:var(--ink-2)}.lang-switch select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;font-size:12px;font-weight:800;padding:10px 30px 10px 14px;cursor:pointer;min-height:42px}.lang-switch svg{position:absolute;right:11px;pointer-events:none}.nav-area{background:var(--surface);border-bottom:1px solid var(--line)}.cat-nav{display:flex;align-items:stretch;gap:35px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}.cat-nav::-webkit-scrollbar,.tools-nav::-webkit-scrollbar{display:none}.cat-tab{font-size:13px;color:var(--sub);position:relative;padding:14px 3px;font-weight:650;white-space:nowrap;min-height:48px}.cat-tab:hover{color:var(--ink)}.cat-tab.active{color:var(--ink-2)}.cat-tab.active:after{content:"";height:2px;background:var(--primary);border-radius:9px 9px 0 0;position:absolute;left:0;right:0;bottom:-1px}.tools-nav{display:flex;gap:8px;padding:14px 0 16px;overflow-x:auto;scrollbar-width:none}.tool-tab{white-space:nowrap;font-size:12px;padding:9px 15px;min-height:42px;display:inline-flex;align-items:center;gap:9px;border-radius:9px;background:var(--surface);border:1px solid var(--line);color:var(--sub);font-weight:700;transition:all .16s}.tool-tab:hover{background:var(--hover);border-color:var(--primary-line);color:var(--accent-text)}.tool-tab.active{background:var(--primary-soft);border-color:var(--primary-line);color:var(--primary-ink)}.hero-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:53px;padding-top:70px;padding-bottom:56px;align-items:center}.hero-copy{min-width:0}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.115em;color:var(--accent-text);display:inline-block;margin-bottom:14px;text-transform:uppercase}.highlight-eyebrow{display:flex;align-items:center;gap:7px;color:var(--accent-text);margin-bottom:24px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--sub);margin-bottom:16px}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs span:last-child{color:var(--ink-2);font-weight:700}.hero-copy h1{font-size:clamp(37px,4.05vw,56px);line-height:1.084;font-weight:820;margin:0 0 20px;max-width:560px;letter-spacing:-.054em}.hero-accent{display:block;color:var(--accent-text);font-weight:720;font-size:.77em;letter-spacing:-.04em;padding-top:11px}.hero-sub{font-size:16px;line-height:1.74;max-width:505px;margin:0 0 20px;color:var(--sub)}.hero-tags{display:flex;flex-wrap:wrap;gap:11px 20px;margin:20px 0 26px}.hero-tags>span{display:flex;gap:6px;align-items:center;color:var(--sub);font-size:12px;font-weight:660}.hero-tags svg{color:var(--accent-text);stroke-width:2.4}.hero-cta{display:inline-flex;align-items:center;gap:26px;background:var(--primary);color:#fff;border:0;font-size:13px;font-weight:800;min-height:53px;padding:0 18px 0 23px;border-radius:11px;box-shadow:0 8px 20px #4f46e526;transition:transform .15s,background .15s}.hero-cta:hover{background:var(--primary-h);transform:translateY(-2px);box-shadow:0 12px 24px #4f46e536}.hero-decor{display:flex;align-items:center;gap:12px;margin-top:50px;color:var(--sub-2);letter-spacing:.11em;font-size:9px;font-weight:800}.deco-wave{display:flex;align-items:center;gap:3px;height:30px;max-width:220px;overflow:hidden}.deco-wave span{display:block;width:3px;background:var(--primary-line);height:var(--h);border-radius:8px}.workbench{background:var(--bench);color:var(--bench-ink);border:1px solid #303750;border-radius:18px;padding:22px;box-shadow:0 18px 42px #151a322b;min-width:0;position:relative;display:flex;flex-direction:column;gap:16px}.workbench-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.workbench-kicker{font-size:10px;letter-spacing:.08em;font-weight:850;color:#d5dbef;display:flex;align-items:center;gap:9px;text-transform:uppercase}.bench-dot{height:7px;width:7px;border-radius:50%;background:#8790ff;box-shadow:0 0 0 3px #7881ff21}.bench-dot.off{background:#ff8a8a;box-shadow:0 0 0 3px #ff787826}.workbench-tag{font-size:9px;letter-spacing:.06em;color:#cad1e7;background:#242a40;border:1px solid #3b435c;border-radius:50px;padding:7px 11px;font-weight:800}.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:10px;color:#b6bfd4}.workbench-bottom svg{color:#a5afff}.bench-settings{display:flex;flex-direction:column;gap:14px}.settings-heading{display:flex;align-items:center;gap:8px}.settings-heading svg{color:#a5a9ff}.settings-heading strong{font-size:12px;font-weight:750}.setting-hint{color:var(--bench-mute);font-size:10px;margin-left:auto}.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:#fff;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:#323b54;color:#fff}.workbench .seg button.on{background:#e5e7ff;color:#302d87;box-shadow:0 1px 3px #0000001f}.workbench .check{color:#d2d7e6;font-size:11px;min-height:41px;padding:0}.workbench .check input,.workbench input[type=range]{accent-color:#8b8dff}.workbench select,.workbench .num{background:var(--bench-2);border-color:#3d465e;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:#323b54}.workbench .btn{border-color:var(--bench-line);background:var(--bench-2);color:var(--bench-ink)}.workbench .btn:hover:not(:disabled){background:#323b54}.workbench .btn.ghost{background:transparent}.workbench .btn.primary{background:#7673f6;border-color:transparent;color:#fff;box-shadow:0 3px 14px #6366f130}.workbench .btn.primary:hover:not(:disabled){background:#8b88ff}.workbench .error{background:#ff78821a;border-color:#ff8c9659;color:#ffc2c6}.workbench .muted{color:var(--bench-mute)}.workbench .progress{background:#ffffff14}.workbench .progress-text{color:var(--bench-sub)}.picker{display:flex;flex-direction:column;gap:15px}.dropzone{border:1.5px dashed #747dba;border-radius:13px;background:#20273b;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:#a5a9ff;background:#272f4a;box-shadow:inset 0 0 0 1px #a0a4ff26}.upload-icon{height:56px;width:56px;display:grid;place-items:center;background:#353967;color:#d8dcff;border-radius:13px;margin-bottom:14px;flex-shrink:0}.dropzone h2{font-size:18px;letter-spacing:-.035em;margin:0 0 4px;color:var(--bench-ink);font-weight:740}.dropzone p{font-size:12px;color:#c1c8db;margin:0 0 15px}.browse-button{background:#7673f6;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:#8b88ff}.dropzone small{color:#b2bbd0;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:#e0e3f0;margin-bottom:9px}.link-entry label svg{color:#a2aaff}.link-control{display:flex;align-items:stretch;background:var(--bench-2);border:1px solid #3d465e;padding:4px 4px 4px 11px;border-radius:9px;gap:5px}.link-control:focus-within{border-color:#8b8dff}.link-control input{background:transparent;flex:1;min-width:0;border:0;outline:none;color:#fff;font-size:12px}.link-control input::placeholder{color:#a4aec7}.link-control button{background:#4146a8;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:#5359c7}.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:#fff;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:#353967;color:#d8dcff;border-radius:10px;flex-shrink:0}.picked .file-name{flex:1 1 140px;font-weight:700;color:#fff}.picked .small{color:var(--bench-mute)}.below-hero{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.trust-item{display:flex;align-items:center;gap:13px}.trust-icon{width:39px;height:39px;background:var(--chip);border-radius:11px;display:grid;place-items:center;color:var(--accent-text);flex-shrink:0}.trust-item strong{font-size:12px;display:block;letter-spacing:-.01em;color:var(--ink-2)}.trust-item p{margin:2px 0 0;font-size:11px;line-height:1.5;color:var(--sub)}.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(28px,3vw,40px);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:84px;padding-bottom:100px}.results-slot{display:flex;flex-direction:column;gap:16px}.results-slot:empty{display:none}.results-empty{display:flex;align-items:center;gap:14px;border:1.5px dashed var(--line-2);border-radius:16px;padding:26px 24px;background:var(--surface)}.results-empty strong{font-size:14px;color:var(--ink-2)}.results-empty p{margin:2px 0 0;font-size:13px}.results-slot:not(:empty)+.results-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:-.015em;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)}.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:-.04em;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:-.02em}.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:#20273b;border:1.5px dashed #747dba;border-radius:13px;padding:28px 22px}.workbench .meter{background:#ffffff1a}.workbench .rec-title{color:#fff}.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:#302d87;background:#e5e7ff;border-color:transparent}.steps li.done{color:#8ee6c0;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:84px 0 95px;background:var(--band);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:14px;padding:25px 26px 29px;min-height:230px}.step-num{font-weight:750;font-size:33px;letter-spacing:-.065em;color:var(--accent-text)}.step-rule{display:block;width:45px;height:2px;background:var(--primary-line);border-radius:10px;margin:17px 0 24px}.step-card h3{font-size:18px;margin-bottom:6px}.step-card p{font-size:12px;max-width:290px;line-height:1.7;margin:0}.benefits-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:110px;padding-bottom:110px}.benefit-visual{min-height:350px;border-radius:18px;background:#1b2440;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.benefit-visual:before{content:"";width:550px;height:550px;border:1px solid rgba(195,203,255,.06);border-radius:50%;position:absolute}.record-art{height:280px;width:280px;background:conic-gradient(from 30deg,#303c66,#151b32,#2d365b,#171c34,#323e68,#303c66);border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 20px 40px #00000040;transform:rotate(-17deg)}.record-art:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:2px solid rgba(217,225,255,.12)}.record-center{position:absolute;z-index:2;width:89px;height:89px;border-radius:50%;background:#7776eb;border:5px solid #1b2440}.record-center:after{content:"";position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#1f2447}.record-ring{position:absolute;border:1px solid rgba(208,214,255,.09);border-radius:50%}.r1{width:140px;height:140px}.r2{width:185px;height:185px}.r3{width:240px;height:240px}.record-sticker{position:absolute;z-index:3;font-size:9px;color:#fff;letter-spacing:.1em;font-weight:900;transform:translateY(-20px)}.art-caption{position:absolute;bottom:22px;left:27px;color:#aab4d4;font-size:10px;letter-spacing:.11em;font-weight:750;text-transform:uppercase}.benefit-content h2{font-size:clamp(30px,3.3vw,44px);line-height:1.14;max-width:430px;margin-bottom:16px}.benefit-content>p{font-size:14px;line-height:1.8;max-width:450px}.benefit-list{list-style:none;padding:0;display:grid;gap:16px;margin:24px 0 28px}.benefit-list li{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--ink-2);font-weight:710}.benefit-list svg{color:var(--accent-text);stroke-width:2.5}.text-arrow{display:inline-flex;gap:13px;align-items:center;font-size:13px;color:var(--accent-text);font-weight:850;border-bottom:1px solid var(--primary-line);padding-bottom:5px}.explore-section{padding:30px 0 115px}.index-count{font-size:12px;color:var(--sub);font-weight:850;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface);min-height:104px;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-card:hover{transform:translateY(-2px);border-color:var(--primary-line);box-shadow:0 10px 24px #2d336012}.tool-card-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:var(--chip);color:var(--accent-text);flex-shrink:0}.tool-card-body{min-width:0;flex:1}.tool-card-body strong{font-size:13px;display:block;margin-bottom:4px}.tool-card-body small{font-size:11px;line-height:1.5;color:var(--sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-arrow{color:var(--sub-2);flex-shrink:0}.faq-section{padding-bottom:120px}.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}@media (max-width: 1100px){.page-width{width:min(100% - 40px,1180px)}.hero-section{gap:26px}.hero-copy h1{font-size:clamp(35px,4.6vw,48px)}.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){.hero-section{grid-template-columns:1fr;padding-top:44px;gap:40px}.hero-copy h1{max-width:710px;font-size:clamp(36px,6.1vw,58px)}.hero-decor{margin-top:30px}.workbench{max-width:720px;width:100%;margin-inline:auto}.result-section{padding-top:65px}.benefits-section{gap:5%}.benefit-visual{min-height:310px}.record-art{width:230px;height:230px}.record-center{width:80px;height:80px}.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:68px}.logo{font-size:22px;gap:9px}.logo-icon{height:34px;width:34px}.header-actions{gap:10px}.header-actions>a{font-size:11px}.cat-nav{gap:23px}.cat-tab{font-size:12px}.tools-nav{padding:12px 0}.tool-tab{min-height:44px;font-size:11px;padding:8px 11px}.hero-section{padding-top:34px;gap:25px;padding-bottom:30px}.hero-copy h1{font-size:clamp(34px,9vw,46px);line-height:1.1;margin-bottom:18px;letter-spacing:-.045em}.hero-accent{font-size:.82em}.highlight-eyebrow{margin-bottom:19px;font-size:10px}.hero-sub{font-size:14px;line-height:1.7}.hero-tags{margin:18px 0 22px;gap:7px 14px}.hero-tags>span{font-size:11px}.hero-cta{min-height:48px;font-size:12px}.hero-decor{display:none}.workbench{padding:16px;border-radius:14px}.setting-hint{display:none}.workbench .seg button{min-height:44px;padding-inline:10px}.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}.below-hero{grid-template-columns:1fr;gap:18px;padding:23px 5px}.result-section{padding:60px 0 76px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.section-heading h2{font-size:31px}.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:68px 0}.steps-grid{grid-template-columns:1fr;gap:12px}.step-card{min-height:0;padding:20px}.step-rule{margin:11px 0 14px}.benefits-section{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:45px}.benefit-visual{min-height:285px}.benefit-content h2{font-size:33px}.explore-section{padding:20px 0 75px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:94px;padding:14px}.faq-section{padding-bottom:75px}.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}}