*{box-sizing:border-box}:root{--bg:#f6f8ff;--card:rgba(255,255,255,.84);--solid:#fff;--text:#0f172a;--muted:#64748b;--line:rgba(148,163,184,.32);--primary:#4f46e5;--dark:#111827;--green:#16a34a;--danger:#ef4444;--shadow:0 28px 90px rgba(15,23,42,.14);--radius:28px}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(79,70,229,.22),transparent 34%),radial-gradient(circle at top right,rgba(22,163,74,.12),transparent 30%),var(--bg);color:var(--text);min-height:100vh}.orb{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(90px);opacity:.23;pointer-events:none}.orb-one{background:#4f46e5;left:-90px;top:120px}.orb-two{background:#16a34a;right:-110px;bottom:80px}.app{width:min(1240px,calc(100% - 32px));margin:auto;padding:26px 0 38px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.brand{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#111827,#4f46e5);color:white;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 16px 35px rgba(79,70,229,.28)}.brand span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.brand strong{display:block;font-size:24px;letter-spacing:-.05em}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav a{color:var(--text);text-decoration:none;font-weight:800;font-size:14px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.nav .nav-cta{background:var(--dark);color:#fff;border-color:transparent}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-bottom:24px}.hero-text,.upload-card,.panel,.preview-panel,.redirect-card,.monetize-section{background:var(--card);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-text{padding:clamp(30px,5vw,58px)}.badge{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(79,70,229,.12);color:var(--primary);font-size:13px;font-weight:900;margin-bottom:18px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.92;margin:0;letter-spacing:-.075em}.hero p,.redirect-card p{color:var(--muted);font-size:17px;line-height:1.75;margin:22px 0 0;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:15px;padding:14px 18px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease;cursor:pointer;font-size:15px}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02)}.primary{background:linear-gradient(135deg,#111827,#4f46e5);color:#fff}.outline,.soft{background:var(--solid);color:var(--text);border:1px solid var(--line)}.danger{background:rgba(239,68,68,.12);color:var(--danger)}.download{background:var(--green);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.upload-card{padding:18px}.dropzone{height:100%;min-height:430px;border:2px dashed rgba(79,70,229,.38);border-radius:24px;display:grid;place-items:center;align-content:center;text-align:center;padding:32px 24px;transition:.2s ease}.dropzone.dragging{background:rgba(79,70,229,.09);border-color:var(--primary);transform:scale(.99)}.upload-icon{width:76px;height:76px;border-radius:26px;background:rgba(79,70,229,.12);color:var(--primary);display:grid;place-items:center;font-size:38px;font-weight:900;margin-bottom:20px}.dropzone h2{font-size:30px;letter-spacing:-.05em;margin:0}.dropzone p{color:var(--muted);margin:10px 0 18px}.dropzone small{color:var(--muted);margin-top:14px}.studio{display:grid;grid-template-columns:360px 1fr;gap:24px;margin-bottom:24px}.hidden{display:none!important}.panel{padding:22px;position:sticky;top:16px}.panel-head{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.panel h2,.preview-head h2,.redirect-card h2{margin:0 0 6px;font-size:24px;letter-spacing:-.05em}.panel p,.preview-head p,.hint{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.group{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:10px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-two label{font-size:13px;color:var(--muted);font-weight:800}input,select{width:100%;border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:13px;padding:13px;margin-top:7px;font-size:15px}input[type=range]{padding:0;accent-color:var(--primary)}.check{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-weight:800}.check input{width:auto;margin:0}.presets{display:grid;gap:9px}.presets button{border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:14px;padding:12px;text-align:left;font-weight:900}.presets span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.scale-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scale{border:1px solid var(--line);background:var(--solid);color:var(--text);border-radius:13px;padding:12px;font-weight:900}.scale.active{background:var(--primary);color:#fff;border-color:transparent}.quality-row{display:flex;justify-content:space-between;align-items:center}.actions-stack{display:grid;gap:10px}.mini-ad{margin-top:18px;background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(22,163,74,.08));border:1px solid var(--line);border-radius:18px;padding:16px}.mini-ad strong{display:block;margin-bottom:5px}.mini-ad p{margin-bottom:8px}.mini-ad a{color:var(--primary);font-weight:900;text-decoration:none}.preview-panel{padding:22px}.preview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.canvas-area{background:linear-gradient(45deg,rgba(148,163,184,.14) 25%,transparent 25%),linear-gradient(-45deg,rgba(148,163,184,.14) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(148,163,184,.14) 75%),linear-gradient(-45deg,transparent 75%,rgba(148,163,184,.14) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:22px;min-height:520px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.compare-wrap{position:relative;width:100%;height:520px;display:grid;place-items:center;overflow:hidden}.compare-wrap img,.compare-wrap canvas{max-width:100%;max-height:100%;object-fit:contain;display:block}.after-layer{position:absolute;inset:0;display:grid;place-items:center;clip-path:inset(0 0 0 0)}#compareSlider{position:absolute;inset:auto 5% 18px 5%;width:90%;z-index:4;opacity:.88}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.2);z-index:3;display:none}.compare-mode .after-layer{clip-path:inset(0 50% 0 0)}.compare-mode .compare-line{display:block}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.info-cards div{background:var(--solid);border:1px solid var(--line);border-radius:18px;padding:15px}.info-cards span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.info-cards strong{display:block;margin-top:6px;font-size:14px}.monetize-section{padding:34px;margin:24px 0}.section-head{max-width:820px;margin-bottom:24px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.06em;margin:0}.section-head p{color:var(--muted);font-size:17px;line-height:1.7;margin:16px 0 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--solid);border:1px solid var(--line);border-radius:22px;padding:22px}.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:rgba(79,70,229,.12);font-size:24px;margin-bottom:16px}.service-card h3{margin:0 0 10px;font-size:22px;letter-spacing:-.04em}.service-card p{color:var(--muted);line-height:1.65;margin:0 0 16px}.service-card a{color:var(--primary);font-weight:900;text-decoration:none}.premium-banner{background:linear-gradient(135deg,#111827,#312e81,#4f46e5);color:white;border-radius:var(--radius);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:22px;margin:24px 0;box-shadow:var(--shadow)}.premium-banner h2{font-size:clamp(30px,4vw,46px);margin:0 0 8px;letter-spacing:-.06em}.premium-banner p{color:rgba(255,255,255,.78);line-height:1.7;max-width:760px;margin:0}.dark-badge{background:rgba(255,255,255,.14);color:white}.light-btn{background:white;color:#111827;white-space:nowrap}.redirect-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px;margin:24px 0}.redirect-card h2{font-size:34px}.lead-modal{position:fixed;inset:0;z-index:999;background:rgba(15,23,42,.55);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.lead-box{width:min(520px,100%);background:var(--solid);color:var(--text);border:1px solid var(--line);border-radius:28px;box-shadow:0 35px 120px rgba(0,0,0,.35);padding:30px;position:relative}.lead-box h2{font-size:34px;line-height:1;letter-spacing:-.06em;margin:0 0 12px}.lead-box p{color:var(--muted);line-height:1.7;margin:0 0 20px}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:999px;background:rgba(148,163,184,.18);color:var(--text);font-size:24px;padding:0}.lead-actions{display:flex;gap:10px;flex-wrap:wrap}footer{text-align:center;color:var(--muted);padding:18px}footer a{color:var(--primary);font-weight:900}@media(max-width:980px){.hero,.studio{grid-template-columns:1fr}.panel{position:static}.topbar,.preview-head,.redirect-card,.premium-banner{flex-direction:column;align-items:flex-start}.canvas-area,.compare-wrap{min-height:380px;height:380px}.info-cards{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.light-btn{width:100%}}@media(max-width:560px){.app{width:min(100% - 20px,1240px)}.hero-text,.panel,.preview-panel,.redirect-card,.monetize-section,.premium-banner{padding:18px}.hero h1{font-size:40px}.nav{width:100%}.nav a{flex:1;text-align:center}.grid-two{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{width:100%}}