.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(247,245,240,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-row{justify-content:space-between;height:58px}.header-row,.logo{display:flex;align-items:center}.logo{gap:9px;font-weight:700;letter-spacing:-.01em;font-size:15px;white-space:nowrap}.logo-mark{width:24px}.header-nav,.logo-mark{display:flex;align-items:center}.header-nav{gap:16px}.nav-link{color:var(--muted);font-size:14px;transition:color .12s}.nav-link:hover{color:var(--ink)}.langswitch{position:relative}.langswitch-btn{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;padding:6px 10px;border-radius:8px;transition:color .12s}.langswitch-btn:hover{color:var(--ink)}.langswitch-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);min-width:130px;padding:4px;list-style:none;box-shadow:var(--shadow-pop)}.langswitch-menu button{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:7px;color:var(--muted);font-size:14px}.langswitch-menu button:hover{background:var(--surface-2);color:var(--ink)}.langswitch-menu button.sel{color:var(--ink);font-weight:600}.site-footer{border-top:1px solid var(--border);margin-top:112px;padding:30px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-tagline{color:var(--faint);font-size:13.5px}.footer-nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13.5px}.footer-nav a:hover{color:var(--ink)}.footer-copyright{color:var(--faint)}.hero{padding:48px 0 36px;max-width:780px;margin-inline:auto;text-align:center}.hero-h1{font-size:clamp(29px,5.2vw,50px);line-height:1.24;letter-spacing:-.02em;font-weight:700}.hero-line{display:block}.hero-sub{color:var(--muted);margin:14px auto 0;font-size:16px;line-height:1.75;max-width:520px}.home,.home>.container{position:relative}.home>.container{z-index:1}.hero-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hb-wash{position:absolute;will-change:transform}.hb-wash-a{width:62vw;height:62vw;left:-16vw;top:-24vw;background:radial-gradient(circle,rgba(192,127,36,.17),transparent 66%);animation:hb-wash-a 24s ease-in-out infinite alternate}.hb-wash-b{width:66vw;height:66vw;right:-20vw;top:-8vw;background:radial-gradient(circle,rgba(47,133,119,.15),transparent 66%);animation:hb-wash-b 30s ease-in-out infinite alternate}.hb-wash-c{width:70vw;height:70vw;left:22vw;bottom:-34vw;background:radial-gradient(circle,rgba(192,127,36,.11),transparent 68%);animation:hb-wash-c 36s ease-in-out infinite alternate}@keyframes hb-wash-a{to{transform:translate(9vw,7vw) scale(1.12)}}@keyframes hb-wash-b{to{transform:translate(-8vw,9vw) scale(1.08)}}@keyframes hb-wash-c{to{transform:translate(-7vw,-6vw) scale(1.1)}}.hb-waves{position:absolute;inset:0;width:100%;height:100%}.hb-stroke-amber{stroke:var(--vocal);fill:none}.hb-stroke-teal{stroke:var(--bgm);fill:none}.hb-stroke-ink{stroke:var(--ink);fill:none}.hb-drift{animation:hb-drift var(--drift-dur,50s) linear infinite}.hb-drift-rev{animation-direction:reverse}@keyframes hb-drift{to{transform:translateX(-1600px)}}@media (prefers-reduced-motion:reduce){.hb-drift,.hb-wash-a,.hb-wash-b,.hb-wash-c{animation:none}}.tool-trust{display:flex;justify-content:center;gap:8px 24px;flex-wrap:wrap;margin-top:18px;color:var(--faint);font-size:12.5px}.dropzone{max-width:760px;margin-inline:auto;border:1.5px dashed var(--border-strong);border-radius:16px;background:var(--surface);padding:58px 28px 52px;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;outline:none}.dropzone:focus-visible,.dropzone:hover{border-color:var(--vocal-soft)}.dropzone.on{border-color:var(--vocal-soft);background:#fdfbf6;animation:dropzone-breathe 2s ease-in-out infinite}.dropzone.disabled{opacity:.5;cursor:not-allowed}@keyframes dropzone-breathe{50%{border-color:var(--border-strong)}}.dropzone-icon{display:flex;justify-content:center;margin-bottom:20px}.dropzone-title{font-size:17.5px;font-weight:600}.dropzone-hint{color:var(--muted);font-size:13px;margin-top:8px}.dropzone-privacy{display:inline-flex;align-items:center;margin-top:12px;padding:4px 12px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);font-size:12.5px;font-weight:600}.dropzone-paste{color:var(--faint);font-size:12px;margin-top:12px}.tool-filecard{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);box-shadow:var(--shadow-card);padding:14px 18px}.tool-filename{font-weight:600;word-break:break-all}.tool-filemeta{color:var(--muted);font-size:13px}.tool-error,.tool-ready,.tool-running{max-width:860px;margin-inline:auto}.tool-willuse{color:var(--muted);font-size:14px;margin:14px 2px}.tool-remaining{color:var(--vocal)}.tool-ready-actions{display:flex;gap:12px;margin-top:6px}.tool-error-actions{display:flex;gap:12px;margin-top:14px}.tool-error p{color:var(--danger)}.tool-busy{display:flex;align-items:center;gap:18px}.tool-busy .tool-filecard{flex:1 1}.spinner{width:22px;height:22px;border:2.5px solid var(--border-strong);border-top-color:var(--vocal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:16px}.pipeline-seg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);padding:14px 16px;transition:border-color .2s}.pipeline-seg.active{border-color:var(--vocal-soft)}.pipeline-head{display:flex;align-items:center;gap:8px}.pipeline-step{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border-strong);color:var(--muted);font-size:11px;font-weight:600}.pipeline-seg.done .pipeline-step{border-color:var(--bgm);color:var(--bgm)}.pipeline-seg.active .pipeline-step{border-color:var(--vocal);color:var(--vocal)}.pipeline-label{font-weight:600;font-size:14px}.pipeline-loc{margin-left:auto;font-size:10.5px;padding:2px 8px;border-radius:99px;border:1px solid var(--border);color:var(--faint)}.pipeline-loc.server{color:var(--bgm);border-color:rgba(47,133,119,.35)}.pipeline-check{margin-left:4px}.pipeline-bar{height:4px;background:var(--surface-2);border-radius:2px;margin-top:12px;overflow:hidden}.pipeline-bar-fill{height:100%;background:var(--vocal-soft);border-radius:2px;transition:width .6s ease}.pipeline-stage{color:var(--muted);font-size:12.5px;margin-top:8px}.pipeline-queue{display:block;color:var(--faint);font-size:12px;margin-top:4px}.result-tabs{display:flex;gap:8px;margin:26px 0 12px}.result-tab{flex:1 1;padding:12px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);color:var(--muted);font-weight:600;transition:border-color .12s,color .12s}.result-tab:hover{color:var(--ink)}.result-tab.sel.original{color:var(--ink);border-color:var(--ink)}.result-tab.sel.speech{color:var(--vocal);border-color:var(--vocal-soft)}.result-tab.sel.music{color:var(--bgm);border-color:var(--bgm-soft)}.result-video{width:100%;max-height:56vh;border-radius:var(--radius-card);border:1px solid var(--border);background:#000}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:10px;gap:10px;margin-top:16px}.result-card{position:relative;text-align:left;background:var(--surface);border-radius:12px;padding:16px 18px;transition:border-color .12s,transform .12s;border:1px solid var(--border);border-left:3px solid var(--vocal-soft)}.result-card.b{border-left-color:var(--bgm-soft)}.result-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.result-card-label{display:block;font-weight:600;font-size:14.5px}.result-card-meta{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}.result-card-state{position:absolute;top:12px;right:14px;color:var(--bgm);font-size:12px;opacity:0;transition:opacity .2s}.result-card-state.show{opacity:1}.result-safari{color:var(--faint);font-size:12.5px;margin-top:10px}.result-actions{margin-top:22px;display:flex;gap:12px}.waveform{position:relative;margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);overflow:hidden;cursor:pointer}.waveform canvas{width:100%;height:100%;display:block}.waveform-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);opacity:.55;pointer-events:none}.modal-backdrop{position:fixed;inset:0;background:rgba(43,36,24,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{position:relative;width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:30px 28px;box-shadow:var(--shadow-pop)}.modal-track{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.modal-track-v{height:5px;width:56px;background:var(--vocal-soft);border-radius:3px}.modal-track-b{height:5px;width:38px;background:var(--bgm-soft);border-radius:3px}.modal-title{font-size:20px;letter-spacing:-.01em}.modal-body{color:var(--muted);font-size:14.5px;margin-top:10px}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.modal-soon{color:var(--faint);font-size:12.5px;margin-top:16px}.modal-close{position:absolute;top:12px;right:14px;color:var(--faint);font-size:22px;line-height:1}.modal-close:hover{color:var(--ink)}.history{margin:36px auto 0;max-width:760px}.history-head{display:flex;align-items:baseline;gap:12px}.history-title{font-weight:600;font-size:13.5px}.history-note{color:var(--faint);font-size:12px;flex:1 1}.history-clear{color:var(--faint);font-size:12.5px;text-decoration:underline;text-underline-offset:3px}.history-clear:hover{color:var(--muted)}.history-list{list-style:none;margin-top:8px}.history-item{display:flex;align-items:center;gap:14px;padding:9px 2px;border-bottom:1px solid var(--border);font-size:13.5px}.history-name{flex:1 1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--muted)}.history-status{color:var(--faint);font-size:12.5px}.history-status.done{color:var(--bgm)}.feedback-fab{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--muted);display:flex;align-items:center;justify-content:center;z-index:90;transition:color .12s,border-color .12s}.feedback-fab:hover{color:var(--ink);border-color:var(--faint)}.feedback-panel{position:fixed;right:20px;bottom:72px;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px;z-index:90;box-shadow:var(--shadow-pop)}.feedback-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;margin-bottom:12px}.feedback-close{color:var(--faint);font-size:20px}.feedback-close:hover{color:var(--ink)}.feedback-moods{display:flex;gap:8px}.feedback-mood{flex:1 1;padding:9px;border-radius:var(--radius-ctl);border:1px solid var(--border);color:var(--muted);font-size:13.5px;background:var(--surface);transition:all .12s}.feedback-mood.sel.good{border-color:var(--bgm-soft);color:var(--bgm);background:rgba(47,133,119,.07)}.feedback-mood.sel.bad{border-color:var(--danger);color:var(--danger);background:rgba(214,69,69,.06)}.feedback-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.feedback-tag{padding:5px 11px;border-radius:99px;border:1px solid var(--border);color:var(--muted);font-size:12.5px}.feedback-tag.sel{border-color:var(--ink);color:var(--ink)}.feedback-input{width:100%;margin-top:10px;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-ctl);padding:10px 12px;color:var(--ink);resize:vertical;outline:none}.feedback-input:focus{border-color:var(--faint)}.feedback-send{margin-top:10px;width:100%}.feedback-thanks{color:var(--bgm);padding:12px 0;text-align:center}.home-section{margin-top:96px}.home-h2{font-size:19px;font-weight:700;letter-spacing:-.01em;text-align:center;margin-bottom:28px}.how-strip{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;max-width:880px;margin-inline:auto;border-top:1px solid var(--border);padding-top:26px}.how-step{padding:0 32px}.how-step+.how-step{border-left:1px solid var(--border)}.how-step-num{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--faint)}.how-step h3{font-size:15px;font-weight:600;margin:10px 0 6px}.how-step p{color:var(--muted);font-size:13.5px;line-height:1.75}.usecase-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:48px;column-gap:48px;grid-row-gap:14px;row-gap:14px;max-width:720px;margin-inline:auto}.usecase-item{display:flex;align-items:baseline;gap:11px;color:var(--muted);font-size:14px;line-height:1.7}.usecase-dot{width:6px;height:6px;border-radius:50%;background:var(--vocal-soft);flex:none;transform:translateY(-2px)}.usecase-item:nth-child(2n) .usecase-dot{background:var(--bgm-soft)}.faq-list{max-width:680px;margin-inline:auto;border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border);padding:0 4px}.faq-item summary{cursor:pointer;font-weight:600;font-size:14.5px;padding:16px 0;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:2px;color:var(--faint);font-weight:400}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--muted);font-size:14px;line-height:1.75;padding:0 24px 18px 0}.header-auth{display:flex;align-items:center;gap:10px}.header-user{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted)}.header-auth-skeleton{display:inline-block;width:52px;height:14px;border-radius:7px;background:var(--surface-2)}.auth-page{display:flex;justify-content:center;padding:64px 0 96px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:34px 30px 30px}.auth-emoji{text-align:center;font-size:30px;margin-bottom:6px}.auth-title{text-align:center;font-size:20px;font-weight:700;letter-spacing:-.01em}.auth-sub{text-align:center;color:var(--muted);font-size:13px;line-height:1.7;margin-top:8px;margin-bottom:18px}.auth-ok{background:rgba(47,133,119,.08);color:var(--bgm);border-radius:8px;padding:8px 12px;font-size:12.5px;margin-bottom:14px;text-align:center}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid var(--border-strong);background:#fff;border-radius:var(--radius-ctl);padding:9px 0;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s ease}.auth-google:hover{border-color:var(--faint)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:11px;margin:16px 0 14px;text-transform:uppercase;letter-spacing:.04em}.auth-divider-line{flex:1 1;height:1px;background:var(--border)}.auth-tabs{display:flex;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2);padding:3px;margin-bottom:16px}.auth-tab{flex:1 1;border-radius:999px;padding:6px 0;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}.auth-tab.on{background:var(--ink);color:#fff}.auth-form{display:grid;grid-gap:10px;gap:10px}.auth-input{height:42px;width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-ctl);background:var(--surface);padding:0 12px;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s ease}.auth-input:focus{border-color:var(--vocal-soft)}.auth-input::placeholder{color:var(--faint)}.auth-forgot{text-align:right;font-size:12.5px}.auth-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--vocal)}.auth-err{background:#fdecec;color:#b3261e;border-radius:8px;padding:8px 12px;font-size:12.5px;line-height:1.6}.auth-submit{width:100%;margin-top:4px}.auth-alt{text-align:center;margin-top:16px;font-size:12.5px}.landing-story{max-width:680px;margin-inline:auto;display:grid;grid-gap:28px;gap:28px}.landing-story-item h3{font-size:16px;font-weight:600;margin-bottom:8px}.landing-story-item p{color:var(--muted);font-size:14.5px;line-height:1.85}.landing-table-wrap{max-width:720px;margin-inline:auto;overflow-x:auto}.landing-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);font-size:13.5px}.landing-table td,.landing-table th{text-align:left;padding:13px 16px;border-top:1px solid var(--border);vertical-align:top;line-height:1.6}.landing-table thead th{border-top:0;font-size:13px}.landing-table tbody th{font-weight:600;color:var(--ink);white-space:nowrap}.landing-table td{color:var(--muted)}.landing-table .landing-table-us{color:var(--ink);font-weight:500}.landing-other{text-align:center;margin:40px 0 0;font-size:14px}.landing-other a{color:var(--vocal)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:8px}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:26px 24px;display:flex;flex-direction:column}.pricing-card.pack{border-top:3px solid var(--vocal-soft)}.pricing-card.free{border-top:3px solid var(--bgm-soft)}.pricing-name{color:var(--muted);font-size:14px}.pricing-price{font-size:34px;font-weight:700;margin:10px 0 4px;letter-spacing:-.02em}.pricing-per{font-size:12.5px;color:var(--faint);font-weight:400;margin-left:8px;letter-spacing:0}.pricing-features{list-style:none;margin:14px 0 20px;flex:1 1}.pricing-features li{color:var(--muted);font-size:13.5px;padding:5px 0 5px 22px;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--bgm)}.pricing-note{color:var(--faint);font-size:13px;margin-top:18px}.legal-lead{color:var(--muted);max-width:680px;margin-top:-8px}.landing-head{padding-top:56px}.result-upgrade{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px 18px;border:1px dashed var(--border-strong);border-radius:var(--radius-card);color:var(--muted);font-size:14px}.result-audio-head{margin-top:26px}.result-audio-name{font-weight:600;word-break:break-all}.result-audio-tracks{margin-top:12px;display:flex;flex-direction:column;gap:10px}.result-audio-track{display:flex;align-items:stretch;gap:12px}.result-audio-label{flex:none;width:88px;display:flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--muted)}.result-audio-label.v{color:var(--vocal)}.result-audio-label.b{color:var(--bgm)}.result-audio-track .waveform{flex:1 1;margin-top:0}@media (max-width:800px){.how-strip,.pipeline{grid-template-columns:1fr}.how-strip{gap:22px;padding-top:22px}.how-step{padding:0}.how-step+.how-step{border-left:0;padding-top:22px;border-top:1px solid var(--border)}.pricing-grid,.usecase-list{grid-template-columns:1fr}.result-tabs{flex-direction:column}.hero{padding-top:48px}.home-section{margin-top:72px}}.tool-preview{width:100%;max-height:46vh;border-radius:var(--radius-card);border:1px solid var(--border);background:#000;margin-bottom:12px}.mix-board{margin-top:14px;display:flex;flex-direction:column;gap:8px}.mix-track{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);padding:10px 14px}.mix-track-info{flex:none;width:108px;display:flex;flex-direction:column;gap:2px}.mix-track-name{font-weight:600;font-size:13.5px}.mix-track-meta{color:var(--faint);font-size:11.5px}.mix-track-wave{flex:1 1;min-width:0}.mix-track-ctrl{flex:none;display:flex;align-items:center;gap:8px;width:148px}.mix-track-ctrl input[type=range]{flex:1 1;min-width:0;height:4px;cursor:pointer;accent-color:var(--ink)}.mix-track-pct{flex:none;font-size:12px;font-weight:600;min-width:42px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mix-transport{margin-top:20px;gap:14px}.mix-play,.mix-transport{display:flex;align-items:center}.mix-play{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;justify-content:center;box-shadow:var(--shadow-card);transition:transform .1s}.mix-play:active{transform:scale(.95)}.mix-time{color:var(--muted);font-size:14px}.mix-presets{display:flex;gap:8px;margin-top:14px}.mix-preset{flex:1 1;padding:10px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-ctl);color:var(--muted);font-weight:600;font-size:13.5px;transition:border-color .12s,color .12s}.mix-preset:hover{color:var(--ink)}.mix-preset.sel.original{color:var(--ink);border-color:var(--ink)}.mix-preset.sel.speech{color:var(--vocal);border-color:var(--vocal-soft);background:rgba(224,162,74,.07)}.mix-preset.sel.music{color:var(--bgm);border-color:var(--bgm-soft);background:rgba(47,133,119,.07)}.stem-section{margin-top:4px}.stem-format{display:flex;align-items:center;gap:6px;margin:14px 0 10px}.stem-format-label{color:var(--faint);font-size:12.5px;margin-right:4px}.stem-format-opt{padding:4px 14px;border-radius:99px;border:1px solid var(--border);color:var(--muted);font-size:12.5px;font-family:inherit}.stem-format-opt.sel{border-color:var(--ink);color:var(--ink);font-weight:600}@media (max-width:800px){.mix-track{flex-wrap:wrap}.mix-track-info{width:100%;flex-direction:row;align-items:baseline;gap:10px}.mix-track-wave{flex-basis:100%}.mix-track-ctrl{width:100%}.mix-presets{flex-direction:column}}.mock-badge{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 20px;padding:4px 12px;border-radius:99px;background:rgba(214,69,69,.08);border:1px solid rgba(214,69,69,.4);color:var(--danger);font-size:11.5px;font-weight:600;letter-spacing:.04em}.demo{margin-bottom:44px}.demo-head{text-align:center;margin-bottom:20px}.demo-title{font-size:19px;font-weight:700;letter-spacing:-.01em}.demo-sub{color:var(--faint);font-size:13px;margin-top:6px}.demo-case+.demo-case{margin-top:28px}.demo-source-col{flex:none;width:264px}.demo-case-label{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px}.demo-case-label:before{content:"";width:18px;height:1.5px;background:var(--border-strong);border-radius:1px}.demo-flow{display:flex;align-items:center;justify-content:center}.demo-source{width:100%}.demo-source-frame{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#101114}.demo-source-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.demo-source-frame-audio{background:var(--surface-2);aspect-ratio:16/9}.demo-badge{position:absolute;right:8px;bottom:8px;background:rgba(38,39,43,.78);color:#fff;font-size:10.5px;padding:2px 7px;border-radius:5px}.demo-source-label{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-size:12px;color:var(--ink);font-weight:600}.demo-dot{width:7px;height:7px;border-radius:50%;flex:none}.demo-split{flex:none;display:flex;align-items:center;margin:0 4px}.demo-grid{flex:1 1;min-width:0;max-width:540px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.demo-card{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:border-color .15s,box-shadow .15s;text-align:left}.demo-card:hover{border-color:var(--border-strong)}.demo-card.playing.v{border-color:var(--vocal-soft);box-shadow:0 0 0 3px rgba(224,162,74,.14)}.demo-card.playing.b{border-color:var(--bgm-soft);box-shadow:0 0 0 3px rgba(90,168,149,.14)}.demo-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#101114}.demo-thumb video{width:100%;height:100%;object-fit:cover;display:block}.demo-thumb-audio{background:var(--surface-2);display:flex;align-items:center;justify-content:center}.demo-wave{position:absolute;inset:9% 4.5%;width:91%;height:82%}.demo-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(38,39,43,.78);color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .15s,transform .15s;pointer-events:none}.demo-card:hover .demo-play{background:rgba(38,39,43,.92);transform:translate(-50%,-50%) scale(1.06)}.demo-card.playing .demo-play{background:#fff;color:var(--ink)}.demo-card.v.playing .demo-play{color:var(--vocal)}.demo-card.b.playing .demo-play{color:var(--bgm)}.demo-label{display:flex;align-items:center;gap:7px;padding:9px 13px 10px;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-card.v .demo-dot{background:var(--vocal)}.demo-card.b .demo-dot{background:var(--bgm)}.demo-source-label .demo-dot{background:var(--ink)}.demo-hint{color:var(--faint);font-size:12px;margin-top:16px;text-align:center}@media (max-width:800px){.demo-flow{flex-direction:column;gap:14px}.demo-case+.demo-case{margin-top:40px}.demo-source-col{width:min(320px,82%)}.demo-split{transform:rotate(90deg);margin:2px 0}.demo-grid{width:100%;max-width:480px}}.mix-seek{flex:1 1;min-width:0;height:4px;cursor:pointer;accent-color:var(--ink)}.result-video.bare{pointer-events:none}:root{--canvas:#f6f4ef;--surface:#ffffff;--surface-2:#efede6;--border:#e6e2d9;--border-strong:#d3cdc0;--ink:#26272b;--muted:#6e6d6a;--faint:#a8a49b;--vocal:#c07f24;--vocal-soft:#e0a24a;--bgm:#2f8577;--bgm-soft:#5aa895;--danger:#d64545;--shadow-card:0 1px 2px rgba(46,38,24,0.03);--shadow-pop:0 4px 12px rgba(46,38,24,0.06),0 16px 44px rgba(46,38,24,0.12);--radius-card:14px;--radius-ctl:10px;--font-ui:var(--font-inter),var(--font-notojp),"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}body,html{background:var(--canvas)}body{color:var(--ink);font:15px/1.65 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}::selection{background:rgba(245,166,35,.3)}a{color:inherit;text-decoration:none}button{background:none;border:0;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.container{width:min(1080px,calc(100% - 40px));margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 26px;font-weight:600;font-size:15px;transition:background-color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff;box-shadow:var(--shadow-card)}.btn-primary:hover{background:#000}.btn-ghost{border:1px solid var(--border-strong);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--faint)}.btn-sm{padding:7px 16px;font-size:13.5px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.page-head{padding:72px 0 40px;max-width:720px}.page-head h1{font-size:clamp(28px,4.5vw,38px);line-height:1.18;letter-spacing:-.02em;font-weight:700;color:var(--ink)}.page-head p{color:var(--muted);margin-top:14px;font-size:16.5px}.prose{color:var(--muted);max-width:680px}.prose h2{color:var(--ink);font-size:19px;margin:36px 0 10px;letter-spacing:-.01em}.prose li,.prose p{font-size:15px;line-height:1.75}.prose ul{padding-left:20px;margin:8px 0}.prose strong{color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}