:root{color:#171717;background:#f5f5f3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171717;--muted: #666862;--paper: #f5f5f3;--card: #fff;--line: #dcded9;--blue: #2859db}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #93b4ff;outline-offset:2px}svg{width:1.1em;height:1.1em;stroke-width:2}.app-shell{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:auto;padding-bottom:28px}.topbar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:17px;font-weight:750;letter-spacing:-.035em}.model-status,.privacy-chip{font-size:11px;font-weight:600;color:var(--muted)}.model-status{display:flex;gap:7px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:#b98719}.model-status.ready .status-dot{background:#248447}.model-status.error .status-dot{background:#c6453d}.privacy-chip{justify-self:end;display:inline-flex;align-items:center;gap:6px}.hero{max-width:720px;margin:88px auto 38px;text-align:center}.hero h1{margin:0;font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.055em;font-weight:680}.hero p{max-width:540px;margin:20px auto 0;color:var(--muted);font-size:16px;line-height:1.6}.upload-panel{max-width:760px;margin:0 auto}.drop-zone{min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed #aeb0aa;border-radius:10px;background:var(--card);cursor:pointer;transition:border-color .15s,background .15s}.drop-zone:hover{border-color:var(--ink);background:#fafafa}.drop-zone input,.replace-file input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:18px;border:1px solid var(--line);border-radius:8px;background:#f5f5f3}.upload-icon svg{width:20px;height:20px}.drop-zone strong{font-size:18px;letter-spacing:-.025em}.drop-zone>span:not(.upload-icon){margin-top:5px;color:var(--muted);font-size:13px}.drop-zone small{margin-top:24px;color:#858781;font-size:11px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;color:var(--muted);font-size:11px}.trust-row span{display:flex;align-items:center;justify-content:center;gap:6px}.trust-row span+span{border-left:1px solid var(--line)}.upload-disclosure{max-width:610px;margin:17px auto 0;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}.workspace{margin:32px auto 52px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:20px}.preview-column,.control-panel{align-self:start;border:1px solid var(--line);border-radius:10px;background:var(--card)}.preview-column{padding:10px}.video-stage{aspect-ratio:16/9;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:6px;background:#151515}.video-stage video{display:none}.video-stage canvas{display:block;width:100%;height:100%;object-fit:contain}.face-counter{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:6px;background:#111d;color:#fff;font-size:10px;font-weight:650}.face-counter span{width:6px;height:6px;border-radius:50%;background:#54d27d}.player-controls{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:11px;padding:12px 4px 7px}.round-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:6px;background:var(--ink);color:#fff;cursor:pointer}.round-button svg{width:14px;height:14px;fill:currentColor}.timecode,.file-card span{color:var(--muted);font:500 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.timeline,.slider-control input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:#d8dad5;outline:none}.timeline::-webkit-slider-thumb,.slider-control input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--blue);cursor:pointer}.file-card{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;margin-top:7px;padding:13px 5px 4px;border-top:1px solid var(--line)}.file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;background:#eeeeeb;font:650 9px/1 ui-monospace,monospace}.file-card div:nth-child(2){min-width:0;display:grid;gap:3px}.file-card strong{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.replace-file{position:relative;color:var(--blue);cursor:pointer;font-size:11px;font-weight:650}.control-panel{padding:22px}.control-heading{padding-bottom:17px;border-bottom:1px solid var(--line)}.control-heading h2{margin:0;font-size:18px;letter-spacing:-.025em}.control-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.effect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 24px}.effect-button{min-height:62px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}.effect-button.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f5f8ff}.effect-button b{font-size:12px}.effect-button span{color:var(--muted);font-size:9px}.effect-button.active span{color:#3155a4}.slider-control{display:grid;gap:10px;margin:20px 0}.slider-control>span{display:flex;justify-content:space-between;align-items:center}.slider-control b,.toggle-row b{font-size:12px}.slider-control output{color:var(--muted);font:600 10px/1 ui-monospace,monospace}.slider-control small,.toggle-row small{color:var(--muted);font-size:10px;line-height:1.4}.toggle-row{display:grid;grid-template-columns:1fr auto;position:relative;align-items:center;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.toggle-row>span{display:grid;gap:3px}.toggle-row input{position:absolute;opacity:0}.toggle-row i{width:38px;height:22px;position:relative;display:block;border-radius:99px;background:#cccec9;transition:.15s}.toggle-row i:after{content:"";width:16px;height:16px;position:absolute;top:3px;left:3px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 3px #0002}.toggle-row input:checked+i{background:var(--blue)}.toggle-row input:checked+i:after{transform:translate(16px)}.safety-note{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:16px 0;padding:12px;border-radius:7px;background:#f5f3ed;color:#5f605a}.safety-note svg{width:16px;height:16px;color:#856a18}.safety-note p{margin:0;font-size:10px;line-height:1.5}.safety-note strong{color:var(--ink)}.primary-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:var(--blue);color:#fff;cursor:pointer;font-size:12px;font-weight:700;text-decoration:none}.primary-button:hover:not(:disabled){background:#2049ba}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button svg{width:15px}.export-caption{margin:9px 10px 0;color:var(--muted);font-size:9px;line-height:1.45;text-align:center}.progress-block{margin:0 0 15px}.progress-block>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px}.progress-track{height:5px;overflow:hidden;border-radius:5px;background:#dfe1dc}.progress-track i{display:block;height:100%;background:var(--blue);transition:width .15s linear}.error-banner{max-width:min(90vw,620px);position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%);padding:12px 16px;border-radius:7px;background:#3a1d18;color:#fff;box-shadow:0 12px 40px #0003;font-size:12px}.seo-content{max-width:960px;margin:86px auto 72px;color:var(--ink)}.seo-intro{max-width:720px}.seo-content h2{margin:0 0 12px;font-size:clamp(22px,3vw,34px);line-height:1.14;letter-spacing:-.035em}.seo-content p,.seo-content li{color:var(--muted);font-size:13px;line-height:1.7}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:54px}.guide-links h2{grid-column:1/-1}.guide-links a{padding:13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:12px;font-weight:650;text-decoration:none}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:46px;padding-top:32px;border-top:1px solid var(--line)}.seo-grid h2,.faq h2{font-size:17px}.seo-grid ol{margin:0;padding-left:18px}.faq{margin-top:52px}.faq details{padding:15px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-size:13px;font-weight:700}.faq details p{margin:10px 0 0}footer{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.model-status{display:none}.workspace{grid-template-columns:1fr;margin-top:20px}.seo-grid,.guide-links{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{width:min(100% - 24px,1180px)}.hero{margin:58px auto 30px}.hero h1{font-size:40px}.hero p{font-size:14px}.drop-zone{min-height:240px}.trust-row{grid-template-columns:1fr;gap:9px}.trust-row span+span{border:0}.control-panel{padding:18px}.player-controls{grid-template-columns:auto 1fr auto}.player-controls .timecode:first-of-type{display:none}.file-card{grid-template-columns:auto minmax(0,1fr)}.replace-file{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}