:root{color-scheme:dark;--bg:#071018;--card:#101b28;--text:#f7fbff;--muted:#a8bac8;--accent:#56e0a5;--accent2:#7cc7ff;--line:rgba(255,255,255,.12);--bad:#ff7b7b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#16465a,transparent 36%),radial-gradient(circle at 90% 5%,#215b45,transparent 32%),linear-gradient(180deg,#071018,#0b111b);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}main{width:min(1100px,calc(100vw - 30px));margin:0 auto;padding:36px 0}.hero,.card,.result{border:1px solid var(--line);border-radius:30px;background:rgba(16,27,40,.82);box-shadow:0 30px 90px rgba(0,0,0,.35)}.hero{padding:34px}.eyebrow{margin:0 0 12px;color:var(--accent);font-weight:900;font-size:13px;letter-spacing:.13em;text-transform:uppercase}h1{font-size:clamp(46px,8vw,96px);line-height:.9;letter-spacing:-.06em;margin:0}.lede{color:var(--muted);font-size:20px;line-height:1.45;max-width:760px}.pill{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:800}.pill.ok{color:var(--accent)}.pill.err{color:var(--bad)}.card{margin-top:22px;padding:22px}form{display:grid;grid-template-columns:1fr 360px;gap:18px}.drop{min-height:380px;display:grid;place-items:center;text-align:center;border:2px dashed rgba(124,199,255,.45);border-radius:24px;background:rgba(124,199,255,.06);cursor:pointer;overflow:hidden;position:relative}.drop input{position:absolute;opacity:0}.drop-title{font-size:26px;font-weight:900}.drop-sub{color:var(--muted);margin-top:-120px;padding:0 20px}#preview{max-width:100%;max-height:420px;border-radius:18px}.controls{display:grid;gap:12px;align-content:start}button{border:0;border-radius:18px;padding:15px 18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;font-weight:950;font-size:15px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.gps,.status{color:var(--muted);line-height:1.4}textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);color:var(--text);padding:14px;font:inherit;resize:vertical;min-height:118px}.result{margin-top:22px;padding:22px}.result-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.result h2{margin:0;font-size:28px}#output{min-height:230px;font-size:19px;line-height:1.55;margin-top:14px}a{display:inline-block;margin-top:14px;color:var(--accent2);font-weight:800}@media(max-width:820px){form{display:block}.controls{margin-top:14px}.drop{min-height:300px}.drop-sub{margin-top:-80px}}