*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f6f6f7;background:#07070a;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.nav{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 24px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg,#7c3aed,#22d3ee);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 35px #7c3aed55}.nav-pill{color:#a1a1aa;border:1px solid #27272a;border-radius:999px;padding:7px 11px;font-size:12px}.hero{text-align:center;max-width:980px;margin:0 auto;padding:82px 24px 50px}.eyebrow{letter-spacing:.18em;color:#a78bfa;margin-bottom:18px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;max-width:850px;margin:0 auto 22px;font-size:clamp(44px,7vw,76px);line-height:.98}.hero h1 span{background:linear-gradient(90deg,#a78bfa,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy{color:#a1a1aa;max-width:650px;margin:0 auto 42px;font-size:18px;line-height:1.6}.features{grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:10px auto 80px;padding:0 24px;display:grid}.features>div{background:#0d0d11;border:1px solid #1f1f24;border-radius:18px;padding:22px}.features b{font-size:15px}.features p{color:#8d8d96;margin-bottom:0;font-size:13px;line-height:1.55}footer{text-align:center;color:#55555e;border-top:1px solid #18181c;padding:28px;font-size:12px}.dropzone{background:radial-gradient(circle at 50% 0,#7c3aed12,#0000 45%),#0c0c10;border:1px dashed #3f3f46;border-radius:24px;place-items:center;min-height:300px;padding:30px;transition:all .2s;display:grid}.dropzone.drag{background-color:#111019;border-color:#a78bfa}.upload-inner{flex-direction:column;align-items:center;gap:14px;display:flex}.upload-icon{color:#c4b5fd;background:#17131f;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.upload-inner h2{margin:0;font-size:20px}.muted{color:#777780;font-size:13px}.upload-btn,.primary,.secondary{cursor:pointer;border:0;border-radius:12px;padding:11px 17px;font-weight:750}.upload-btn,.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 8px 30px #7c3aed2c}.secondary{color:#ddd;background:#18181d;border:1px solid #2a2a30}.hidden{display:none}.preview{text-align:left;grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{background:#0d0d11;border:1px solid #24242a;border-radius:18px;min-height:420px;overflow:hidden}.panel-head{color:#aaa;border-bottom:1px solid #24242a;justify-content:space-between;align-items:center;padding:13px 15px;font-size:12px;display:flex}.preview-image{object-fit:contain;background:#08080a;width:100%;height:420px}.result{color:#ddd;resize:vertical;background:#08080a;border:0;outline:0;width:100%;min-height:420px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65}.actions{align-items:center;gap:8px;display:flex}.status{color:#888;margin-top:14px;font-size:12px}.error{color:#fb7185}@media (max-width:720px){.nav-pill{display:none}.hero{padding-top:55px}.preview,.features{grid-template-columns:1fr}.panel,.preview-image,.result{min-height:300px}.preview-image{height:300px}}.privacy{color:#7dd3a5;align-items:center;gap:6px;font-size:12px;display:flex}.admin-page{background:radial-gradient(circle at 50% 0,#7c3aed15,#0000 45%),#07070a;place-items:center;min-height:100vh;padding:30px;display:grid}.admin-card{background:#0d0d11;border:1px solid #24242a;border-radius:24px;width:min(440px,100%);padding:30px;box-shadow:0 30px 100px #0008}.admin-card.wide{width:min(780px,100%)}.admin-icon{color:#c4b5fd;background:#17131f;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.admin-card h1{margin:14px 0 8px}.admin-input{color:#fff;background:#09090b;border:1px solid #303038;border-radius:12px;outline:none;width:100%;margin:8px 0 10px;padding:13px}.admin-input:focus{border-color:#8b5cf6}.admin-button{justify-content:center;width:100%}.admin-top{justify-content:space-between;align-items:center;display:flex}.admin-top>svg{color:#a78bfa}.large{margin:10px 0 26px;font-size:14px;line-height:1.7}.provider-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.provider-card{text-align:left;color:#fff;cursor:pointer;background:#101014;border:1px solid #292930;border-radius:18px;padding:22px}.provider-card:hover{border-color:#52525b}.provider-card.selected{background:#171222;border-color:#8b5cf6;box-shadow:0 0 30px #7c3aed1c}.provider-card h2{margin:14px 0 5px;font-size:18px}.provider-card p{color:#85858e;font-size:13px}.provider-card strong{color:#a78bfa;font-size:11px}.provider-icon{color:#c4b5fd;background:#19191f;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.admin-back{color:#a1a1aa;margin-top:24px;font-size:13px;display:inline-block}@media (max-width:600px){.provider-grid{grid-template-columns:1fr}}.panel-controls{align-items:center;gap:8px;display:flex}.mode-label{color:#888;align-items:center;gap:7px;font-size:11px;display:flex}.mode-label select{color:#ddd;background:#111116;border:1px solid #2a2a30;border-radius:8px;outline:none;padding:6px 8px}.copy-button{transition:transform .16s,background .16s,border-color .16s,color .16s}.copy-button.copied{color:#7ee2a4;background:#12321f;border-color:#28683e;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}.result{tab-size:2}@media (max-width:720px){.panel-controls{max-width:55%}.mode-label{flex-direction:column;align-items:flex-end;gap:3px}}