:root{--bg:#04121f;--panel:#081b2c;--panel2:#0a2236;--line:#123f61;--text:#f5f7ff;--muted:#9eb4c9;--blue:#0798ff;--cyan:#00d8ff;--purple:#9a22ff;--green:#00d990;--orange:#ff7a00}
.faceing-shell{background:radial-gradient(circle at 50% 0%,#0b2a47 0,#061522 38%,#03101b 100%);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:0;margin:0;overflow:hidden}
.faceing-shell *{box-sizing:border-box}.faceing-shell a{text-decoration:none}.faceing-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:18px 5%;background:rgba(2,13,23,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(85,172,255,.12)}
.faceing-brand-wrap{display:flex;align-items:center;gap:10px;min-width:220px}.faceing-logo-mark{width:38px;height:44px;border-radius:12px 20px 12px 20px;background:linear-gradient(135deg,var(--cyan),var(--purple));display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 0 30px rgba(0,194,255,.28)}.faceing-brand strong{display:block;font-size:24px;letter-spacing:1px}.faceing-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.4px}
.faceing-nav{display:flex;gap:24px;margin:auto}.faceing-nav a{color:#d9e7f5;font-size:14px;padding:10px 3px;border-bottom:2px solid transparent}.faceing-nav a:hover,.faceing-nav a.active{color:#fff;border-color:var(--blue)}.faceing-auth{display:flex;gap:10px}.faceing-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;font-weight:700;border:1px solid #1e72a8;color:#fff;cursor:pointer}.faceing-btn.ghost{background:rgba(6,30,48,.65)}.faceing-btn.primary{border:0;background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 7px 24px rgba(56,73,255,.24)}.faceing-btn.large{padding:15px 28px;font-size:16px}
.faceing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding:72px 5% 48px;max-width:1500px;margin:auto}.faceing-kicker{display:inline-block;padding:7px 10px;border-radius:20px;background:#0c2d4a;color:#60c5ff;font-size:11px;font-weight:800;letter-spacing:.8px}.faceing-hero h1{font-size:clamp(46px,5.5vw,82px);line-height:.98;margin:16px 0 22px;letter-spacing:-2px}.faceing-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.faceing-hero p{max-width:650px;color:#c1d1df;font-size:18px;line-height:1.6}.faceing-checks{display:flex;flex-wrap:wrap;gap:14px 22px;margin:25px 0;color:#d8e7f3}.faceing-checks span::first-letter{color:var(--green)}
.faceing-hero-art{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.faceing-face-card{background:linear-gradient(180deg,#0b2941,#071827);border:1px solid #174d76;border-radius:26px;padding:12px;min-height:330px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35)}.faceing-face-card span{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:7px 16px;border-radius:30px;background:#03111c;border:1px solid #2981bc;font-weight:800;font-size:12px}.fake-face{height:300px;border-radius:20px;background:radial-gradient(circle at 50% 28%,#d5aa90 0 12%,#8b5d4d 13% 20%,#172d42 21% 50%,#081522 51%);filter:saturate(.8)}.fake-face.f2{background:radial-gradient(circle at 50% 28%,#e0b9a1 0 12%,#69483e 13% 20%,#293d72 21% 50%,#091627 51%)}.faceing-swap-arrow{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b2340;font-weight:900;font-size:22px;box-shadow:0 0 25px rgba(75,163,255,.4)}
.faceing-workbench,.faceing-results,.faceing-plans,.faceing-api{margin:18px 5% 28px;padding:25px;border:1px solid #1e5d8b;background:linear-gradient(180deg,rgba(7,33,53,.92),rgba(4,23,38,.95));border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.section-title h2{margin:0 0 4px;font-size:22px}.section-title p{margin:0;color:var(--muted)}.faceing-status{padding:7px 11px;border-radius:20px;background:#073226;color:#65f5c1;font-size:12px;border:1px solid #145b45}
.faceing-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.upload-card{padding:22px;text-align:center;border:1px solid #16476b;border-radius:16px;background:#092238;min-height:410px}.upload-icon{font-size:36px;color:#27a9ff}.upload-card h3{margin:10px 0 3px}.upload-card p,.upload-card small{color:var(--muted)}.upload-card small{display:block;margin:10px 0}.upload-button{margin-top:12px}.upload-button.purple{border-color:#743ed6}.image-preview{height:190px;margin-top:16px;border:1px dashed #2a5877;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7f9bb2;overflow:hidden;background:#06192a}.image-preview img{width:100%;height:100%;object-fit:contain}.result-preview{height:230px}.faceing-generate{display:block;width:min(760px,100%);margin:22px auto 0;border:0;border-radius:11px;padding:16px 24px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 10px 30px rgba(65,82,255,.28)}.faceing-generate:disabled{opacity:.55;cursor:not-allowed}.faceing-message{margin:14px auto 0;max-width:820px;text-align:center;color:#b9d7ec;min-height:24px}
.faceing-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 5%}.faceing-features article{display:flex;gap:12px;align-items:center;padding:18px;border-radius:14px;background:rgba(7,28,45,.72);border:1px solid rgba(47,111,158,.28)}.faceing-features b{font-size:25px}.faceing-features strong,.faceing-features span{display:block}.faceing-features span{color:var(--muted);font-size:12px;margin-top:3px}.empty-state{padding:55px;text-align:center;color:var(--muted);border:1px dashed #265675;border-radius:14px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-grid article{padding:26px;border-radius:16px;background:#081f33;border:1px solid #164a70}.plan-grid article.featured{border-color:#7d42ff;box-shadow:0 0 30px rgba(124,66,255,.14)}.plan-grid article>span{font-size:10px;padding:5px 8px;border-radius:20px;background:#5d2fc8}.plan-grid h3{font-size:22px}.plan-grid p{color:var(--muted)}.faceing-api code{display:block;padding:18px;border-radius:10px;background:#020b12;color:#6de5ff;border:1px solid #163950}.faceing-footer{display:flex;justify-content:space-between;padding:30px 5%;border-top:1px solid rgba(70,140,190,.16);color:var(--muted)}.faceing-footer strong{color:#fff}
@media(max-width:1050px){.faceing-nav{display:none}.faceing-topbar{justify-content:space-between}.faceing-hero{grid-template-columns:1fr}.faceing-hero-art{max-width:760px}.faceing-grid-3{grid-template-columns:1fr 1fr}.result-card{grid-column:1/-1}.faceing-features{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.faceing-topbar{padding:14px 4%}.faceing-brand-wrap{min-width:0}.faceing-brand small{display:none}.faceing-auth .ghost{display:none}.faceing-hero{padding:45px 5% 30px}.faceing-hero h1{font-size:44px}.faceing-hero-art{grid-template-columns:1fr}.faceing-swap-arrow{margin:auto;transform:rotate(90deg)}.faceing-grid-3{grid-template-columns:1fr}.result-card{grid-column:auto}.faceing-features,.plan-grid{grid-template-columns:1fr}.faceing-workbench,.faceing-results,.faceing-plans,.faceing-api{margin-left:3%;margin-right:3%;padding:18px}.faceing-footer{flex-direction:column;gap:8px}}