:root{--bg:#0a2a37;--card:#10384c;--text:#e6f3f8;--muted:#b8dce8;--accent:#4fc3f7}*{box-sizing:border-box}body,html{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}.wrap{max-width:860px;margin:0 auto;padding:24px}.card{background:var(--card);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:20px}h1{margin:0 0 4px;font-size:28px}p{color:var(--muted);margin:0 0 16px}label{display:block;margin:14px 0 6px;font-weight:600}input,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #24314a;background:#0e1626;color:var(--text);outline:none}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.btn,button{cursor:pointer;border:none;background:var(--accent);color:#021523;padding:12px 14px;border-radius:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn.secondary{background:#24314a;color:#e6ecf5}.result{margin-top:16px;padding:12px;border:1px dashed #2b3a5c;border-radius:12px;word-break:break-all;background:#0e1626}.small{font-size:12px;color:#a8b3c7}.mono{font-family:ui-monospace,Menlo,Consolas,SF Mono,monospace;word-break:break-all}.footer{margin-top:24px;text-align:center;color:#7f8ca4;font-size:12px}