/* GeminiEraser 2026 premium design system — shared by video + image tools */
:root{
  --lux-bg:#07080c;--lux-surface:#0e1117;--lux-surface-2:#131720;--lux-text:#f6f7fb;--lux-muted:#9aa3b2;
  --lux-line:rgba(255,255,255,.10);--lux-line-strong:rgba(255,255,255,.18);--lux-gold:#d8b46a;--lux-gold-hi:#f4d998;
  --lux-shadow:0 30px 90px rgba(0,0,0,.34);--lux-radius:26px;
}
html{scroll-behavior:smooth;background:var(--lux-bg)}
body.premium-site{margin:0;min-height:100vh;background:
  radial-gradient(900px 480px at 50% -10%,rgba(216,180,106,.13),transparent 64%),
  radial-gradient(700px 500px at 0% 30%,rgba(85,98,140,.08),transparent 60%),var(--lux-bg)!important;
  color:var(--lux-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;overflow-x:hidden}
body.premium-site.theme-light{--lux-bg:#f6f6f4;--lux-surface:#fff;--lux-surface-2:#f8f8f6;--lux-text:#15161a;--lux-muted:#626875;--lux-line:rgba(21,22,26,.10);--lux-line-strong:rgba(21,22,26,.18);background:radial-gradient(900px 480px at 50% -10%,rgba(216,180,106,.18),transparent 64%),#f6f6f4!important;color:var(--lux-text)!important}
body.premium-site *{box-sizing:border-box}
body.premium-site a{color:inherit}
body.premium-site .site-header,body.premium-site .header{position:sticky;top:0;z-index:100;background:rgba(7,8,12,.78)!important;border-bottom:1px solid var(--lux-line)!important;backdrop-filter:blur(20px) saturate(150%)}
body.premium-site.theme-light .site-header,body.premium-site.theme-light .header{background:rgba(246,246,244,.82)!important}
body.premium-site .header-inner{min-height:78px}
body.premium-site .brand{display:flex;align-items:center;gap:12px;text-decoration:none}
body.premium-site .brand-mark{width:42px;height:42px;border-radius:14px;border:1px solid rgba(216,180,106,.5);background:linear-gradient(145deg,rgba(216,180,106,.20),rgba(255,255,255,.035));box-shadow:0 10px 35px rgba(216,180,106,.12);color:var(--lux-gold-hi)}
body.premium-site .brand-name{font-weight:850;letter-spacing:-.035em;color:var(--lux-text)}
body.premium-site .brand-sub{color:var(--lux-muted)}
body.premium-site .top-nav{gap:5px}
body.premium-site .top-nav>a,body.premium-site .mode-link{padding:9px 12px;border-radius:12px;color:var(--lux-muted);text-decoration:none}
body.premium-site .top-nav>a:hover,body.premium-site .mode-link:hover{color:var(--lux-text);background:rgba(255,255,255,.04)}
body.premium-site .mode-link.active{color:var(--lux-text);background:rgba(216,180,106,.10)!important;border:1px solid rgba(216,180,106,.22)!important}
body.premium-site .theme-control{display:flex;gap:2px;padding:3px;border:1px solid var(--lux-line);background:var(--lux-surface);border-radius:13px}
body.premium-site .theme-control button{color:var(--lux-muted);background:transparent;border:0;border-radius:9px;padding:7px 9px;font-size:.72rem}
body.premium-site .theme-control button.active{background:linear-gradient(145deg,rgba(216,180,106,.16),rgba(255,255,255,.04));color:var(--lux-text)}
body.premium-site main{padding:58px 0 90px}
body.premium-site .site-shell{width:min(1320px,calc(100% - 36px));margin:auto}
body.premium-site .hero{max-width:980px;margin:0 auto 38px;text-align:center}
body.premium-site .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lux-gold-hi);font-size:.70rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
body.premium-site .eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--lux-gold));}
body.premium-site h1{margin:13px auto 15px;font-size:clamp(2.5rem,6vw,5.4rem);line-height:.98;letter-spacing:-.065em;max-width:950px}
body.premium-site .hero h1 span{color:var(--lux-gold-hi)}
body.premium-site .hero-copy{max-width:780px;margin:auto;color:var(--lux-muted);font-size:clamp(1rem,1.6vw,1.15rem)}
body.premium-site .tool-switch{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;margin:28px auto 0!important;padding:5px;border:1px solid rgba(216,180,106,.28)!important;border-radius:17px!important;background:linear-gradient(145deg,var(--lux-surface),var(--lux-surface-2))!important;box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)!important}
body.premium-site .tool-switch a{padding:11px 19px!important;border-radius:12px!important;color:var(--lux-muted)!important;font-weight:800!important;font-size:.78rem!important;transition:.2s}
body.premium-site .tool-switch a:hover{color:var(--lux-text)!important}
body.premium-site .tool-switch a.active{background:linear-gradient(145deg,rgba(216,180,106,.22),rgba(216,180,106,.07))!important;color:var(--lux-text)!important;box-shadow:inset 0 0 0 1px rgba(216,180,106,.24),0 8px 22px rgba(0,0,0,.16)!important}
body.premium-site .trust-row,body.premium-site .trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0 0}
body.premium-site .trust-pill,body.premium-site .pill{padding:7px 11px!important;border:1px solid var(--lux-line)!important;border-radius:999px!important;color:var(--lux-muted)!important;background:rgba(255,255,255,.025)!important;font-size:.72rem!important}
body.premium-site .tool-grid{gap:22px}
body.premium-site .card,body.premium-site .upload-box,body.premium-site .singlePreview>div,body.premium-site .multiPreview>div{background:linear-gradient(145deg,var(--lux-surface),var(--lux-surface-2))!important;border:1px solid var(--lux-line)!important;border-radius:var(--lux-radius)!important;box-shadow:var(--lux-shadow)!important}
body.premium-site .card-head{border-bottom:1px solid var(--lux-line)!important}
body.premium-site .compare-wrap{background:#040509!important;padding:14px}
body.premium-site .compare-player{gap:3px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 25px 70px rgba(0,0,0,.35)}
body.premium-site .compare-pane{background:#050609}
body.premium-site .badge{background:rgba(7,8,12,.78);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 20px rgba(0,0,0,.25);backdrop-filter:blur(12px);color:#fff}
body.premium-site .dropzone,body.premium-site .upload-box{position:relative;min-height:270px!important;padding:34px 24px!important;border:1px dashed rgba(216,180,106,.42)!important;border-radius:22px!important;background:radial-gradient(420px 190px at 50% 0%,rgba(216,180,106,.12),transparent 72%),linear-gradient(145deg,var(--lux-surface),var(--lux-surface-2))!important;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
body.premium-site .dropzone:before,body.premium-site .upload-box:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.045);border-radius:17px;pointer-events:none}
body.premium-site .dropzone[data-dragging="true"],body.premium-site .upload-box.dragging{transform:translateY(-2px);border-color:var(--lux-gold)!important;box-shadow:0 18px 55px rgba(216,180,106,.13)!important}
body.premium-site .upload-icon{width:58px!important;height:58px!important;border-radius:18px!important;border:1px solid rgba(216,180,106,.30)!important;background:linear-gradient(145deg,rgba(216,180,106,.18),rgba(255,255,255,.035))!important;color:var(--lux-gold-hi)!important;box-shadow:0 12px 35px rgba(216,180,106,.10)}
body.premium-site .dropzone strong,body.premium-site .upload-title{color:var(--lux-text)!important;font-size:1rem;font-weight:800}
body.premium-site .dropzone span,body.premium-site .upload-note{color:var(--lux-muted)!important}
body.premium-site button,body.premium-site .download-link{min-height:46px;border-radius:13px;border:1px solid var(--lux-line);background:var(--lux-surface-2);color:var(--lux-text);font-weight:750;box-shadow:none}
body.premium-site button:hover,body.premium-site .download-link:hover{border-color:rgba(216,180,106,.36);transform:translateY(-1px)}
body.premium-site .primary{background:linear-gradient(135deg,#f5dca0,#c89e50)!important;color:#171208!important;border-color:transparent!important;box-shadow:0 14px 34px rgba(216,180,106,.18)!important}
body.premium-site .download-link{background:linear-gradient(145deg,#f5f5f4,#dddeda)!important;color:#111!important}
body.premium-site .info-card,body.premium-site .process-card{background:linear-gradient(145deg,var(--lux-surface),var(--lux-surface-2))!important;border:1px solid var(--lux-line)!important;border-radius:22px!important}
body.premium-site .info-row{max-width:900px;margin:14px auto 0;padding:12px 16px;border:1px solid var(--lux-line);border-radius:14px;color:var(--lux-muted);background:rgba(255,255,255,.025);font-size:.76rem}
body.premium-site .seo-section,body.premium-site .seo-content{max-width:1000px;margin:68px auto 0!important}
body.premium-site .seo-section h2,body.premium-site .seo-content h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.045em;color:var(--lux-text)}
body.premium-site .seo-section p,body.premium-site .seo-content p{color:var(--lux-muted);line-height:1.75}
body.premium-site details,body.premium-site .faq-grid details{background:linear-gradient(145deg,var(--lux-surface),var(--lux-surface-2))!important;border:1px solid var(--lux-line)!important;border-radius:17px!important;box-shadow:0 10px 30px rgba(0,0,0,.08)}
body.premium-site summary{color:var(--lux-text)}
body.premium-site footer,body.premium-site .footer{border-top:1px solid var(--lux-line)!important;color:var(--lux-muted)!important;background:transparent!important}
body.premium-site .singlePreview{margin-top:34px!important}
body.premium-site .singlePreview>div{overflow:hidden}
body.premium-site .singlePreview .bg-white,body.premium-site .multiPreview .bg-white{background:linear-gradient(145deg,var(--lux-surface),var(--lux-surface-2))!important}
body.premium-site .singlePreview .bg-gray-50,body.premium-site .singlePreview .bg-gray-50\/80{background:rgba(255,255,255,.025)!important;border-color:var(--lux-line)!important}
body.premium-site .singlePreview .text-gray-900,body.premium-site .singlePreview .text-gray-800,body.premium-site .singlePreview .text-gray-700{color:var(--lux-text)!important}
body.premium-site .singlePreview .text-gray-500,body.premium-site .singlePreview .text-gray-600{color:var(--lux-muted)!important}
body.premium-site .singlePreview .border-gray-100,body.premium-site .singlePreview .border-gray-200{border-color:var(--lux-line)!important}
body.premium-site .singlePreview #downloadBtn,body.premium-site .singlePreview #copyBtn{background:linear-gradient(135deg,#f5dca0,#c89e50)!important;color:#171208!important;border:0!important}
body.premium-site .singlePreview #resetBtn{background:var(--lux-surface-2)!important;color:var(--lux-text)!important}
body.premium-site .singlePreview img{border-radius:12px}
@media(max-width:1050px){body.premium-site .site-shell{width:min(100% - 28px,920px)}body.premium-site .tool-grid{grid-template-columns:1fr}body.premium-site .sidebar{position:static}}
@media(max-width:720px){body.premium-site main{padding:38px 0 64px}body.premium-site .site-shell{width:min(100% - 20px,700px)}body.premium-site .header-inner{min-height:68px}.brand-sub{display:none!important}.top-nav>a{display:none!important}.hero{margin-bottom:28px!important}body.premium-site h1{font-size:clamp(2.35rem,11vw,3.45rem)}body.premium-site .hero-copy{font-size:.94rem}body.premium-site .tool-switch{width:100%!important}.tool-switch a{flex:1;text-align:center;padding:11px 7px!important}.compare-player{grid-template-columns:1fr!important}.compare-pane{aspect-ratio:16/9}.dropzone,body.premium-site .upload-box{min-height:235px!important}.faq-grid{grid-template-columns:1fr!important}.singlePreview{padding-left:10px!important;padding-right:10px!important}.singlePreview .md\\:flex-row{flex-direction:column!important}.meta-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){body.premium-site .theme-control button{padding:6px 6px}.trust-pill,.pill{font-size:.67rem!important}.upload-title{font-size:.92rem!important}.upload-note{font-size:.72rem!important}}
@media(prefers-reduced-motion:reduce){body.premium-site *,body.premium-site *:before,body.premium-site *:after{scroll-behavior:auto!important;transition:none!important}}