:root{color-scheme:dark;--bg:#071012;--panel:#102022;--ink:#eef7f2;--muted:#9bb1aa;--line:#254144;--brand:#64f4c4;--accent:#ffd166;--bad:#ff8a8a}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at top left,#17362f,#071012 38%),var(--bg);color:var(--ink)}a{color:inherit}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 5vw;background:rgba(7,16,18,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:900;color:var(--brand);text-decoration:none;letter-spacing:.02em}nav{display:flex;gap:14px;color:var(--muted);font-size:14px}main{width:min(1120px,92vw);margin:0 auto}.hero{padding:58px 0 30px}.eyebrow{color:var(--brand);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(34px,6vw,68px);line-height:1.02;margin:12px 0 18px;letter-spacing:0}.lead{max-width:760px;color:#c8d8d3;font-size:18px;line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chips span,.related a{border:1px solid var(--line);background:rgba(16,32,34,.72);border-radius:999px;padding:8px 12px;color:#cde9df;text-decoration:none}.tool-panel,.content-grid article,.faq,.related{background:rgba(16,32,34,.86);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.panel-head h2{margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;background:var(--brand);color:#06201a;padding:10px 14px;border-radius:6px;font-weight:800;cursor:pointer}button:nth-child(3),button:nth-child(4){background:#21383a;color:var(--ink);border:1px solid var(--line)}label{display:block;margin:16px 0 8px;color:#d8ede6;font-weight:700}textarea{width:100%;min-height:190px;resize:vertical;background:#061012;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:14px;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}#outputText{min-height:210px}.status{color:var(--brand);min-height:24px}.status.bad{color:var(--bad)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.content-grid h2,.faq h2,.related h2{margin-top:0}.content-grid p,.content-grid li,.faq p{color:#c8d8d3;line-height:1.75}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:800}.examples{margin:22px 0;background:rgba(16,32,34,.86);border:1px solid var(--line);border-radius:8px;padding:22px}.examples h2{margin-top:0}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.example-grid{grid-template-columns:1fr}}.example-pre{background:#061012;border:1px solid var(--line);border-radius:6px;padding:12px;font:13px/1.5 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;color:#cde9df;max-height:220px;overflow:auto}.examples h3{font-size:14px;color:var(--brand);margin:0 0 8px}.related{margin:22px 0 48px}.related div{display:flex;gap:10px;flex-wrap:wrap}.disclaimer{margin:0 0 18px;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:rgba(255,209,102,.08);color:#e8dcc0;font-size:14px;line-height:1.6}footer{padding:34px 5vw;color:var(--muted);text-align:center;border-top:1px solid var(--line)}footer a{color:var(--brand)}@media(max-width:760px){.content-grid{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.hero{padding-top:34px}.actions{width:100%}button{flex:1 1 130px}}