:root{color-scheme:dark;--bg:#020617;--card:#0f172a;--line:#263449;--text:#e2e8f0;--muted:#94a3b8;--cyan:#22d3ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{max-width:1120px;margin:auto;padding:42px 20px}header,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-size:38px;margin:12px 0 6px}h2{font-size:15px;margin:0 0 16px}header p,.small,small{color:var(--muted)}.badge{color:#67e8f9;background:#083344;border:1px solid #155e75;border-radius:999px;padding:6px 11px;font-size:12px}.stats{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:28px 0 20px}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.usage p{font-size:14px}.usage p b,.big b{font-size:30px}.usage p strong{float:right;color:#67e8f9}.bar{height:12px;background:#1e293b;border-radius:99px;overflow:hidden;margin:12px 0}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#06b6d4,#3b82f6);transition:.4s}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.mode,.sub{background:#020617;color:var(--text);border:1px solid #334155;border-radius:10px;padding:11px;cursor:pointer}.mode.active{border-color:var(--cyan);background:#083344;color:#a5f3fc}textarea{width:100%;min-height:250px;margin-top:8px;padding:16px;border:1px solid #334155;border-radius:14px;background:#020617;color:var(--text);font:inherit;line-height:1.7;resize:vertical}#convert{width:100%;margin-top:14px;padding:14px;border:0;border-radius:11px;background:var(--cyan);color:#082f49;font-weight:800;cursor:pointer}#convert:disabled{opacity:.45}.result-card{display:flex;flex-direction:column}pre{flex:1;min-height:330px;white-space:pre-wrap;word-break:break-word;background:#020617;border:1px solid #334155;border-radius:14px;padding:16px;font:14px/1.8 system-ui;color:#cbd5e1}.error{color:#fecdd3;background:#4c0519;border:1px solid #9f1239;padding:10px;border-radius:9px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.stats,.main-grid{grid-template-columns:1fr}.modes{grid-template-columns:repeat(2,1fr)}h1{font-size:32px}}