:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101114;--paper:#191b20;--ink:#f3f4f6;--muted:#a4a8b1;--line:#2a2d35;--blue:#98b6ff;--button:#3464db;--soft:#202c49;--green:#8ce0b3}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{outline-offset:4px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}code{font-size:.88em}pre{color:#e5edff;background:#0c0e12;border-radius:9px;padding:20px;font-size:13px;line-height:1.8;overflow:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:auto;padding:22px 32px;display:flex}.brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.brand-mark{background:var(--ink);color:var(--bg);border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.shell{grid-template-columns:240px minmax(0,1fr);max-width:1200px;min-height:calc(100vh - 76px);margin:0 auto;display:grid}aside{border-right:1px solid var(--line);padding:38px 28px 24px 32px}.eyebrow{letter-spacing:1.6px;color:var(--muted);margin:0 0 18px;font-size:11px;font-weight:700}nav{gap:8px;display:grid}nav a{color:#c4c8d1;align-items:center;gap:12px;padding:9px 0;font-size:14px;display:flex}.nav-number{color:#747b89;font-family:monospace;font-size:11px}main{width:100%;max-width:900px;padding:44px 48px 60px}h1{letter-spacing:-1.5px;margin:0 0 32px;font-size:38px;line-height:1.15}h2{letter-spacing:-.4px;margin:0 0 10px;font-size:19px}p{margin:0 0 18px}.lead{color:var(--muted);max-width:650px;margin-bottom:30px;font-size:17px}.badge{background:var(--soft);color:var(--blue);letter-spacing:.7px;text-transform:uppercase;border-radius:5px;margin-bottom:17px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.green{color:var(--green);background:#173329}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feature{color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:11px;padding:22px;display:block}.feature:hover{background:#20242d;border-color:#657cae;text-decoration:none}.feature h2{justify-content:space-between;align-items:center;gap:16px;margin:0;font-size:17px;display:flex}.feature h2 span{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue)}.meta{grid-template-columns:145px minmax(0,1fr);gap:10px 20px;font-size:14px;display:grid}.meta dt{color:var(--muted)}.meta dd{overflow-wrap:anywhere;margin:0}.value{letter-spacing:-.5px;color:var(--blue);overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:21px}.hint{color:var(--muted);margin:14px 0 0;font-size:13px}.field{gap:8px;max-width:400px;margin-bottom:17px;display:grid}.field label{font-size:14px;font-weight:700}.field input{background:var(--paper);width:100%;color:var(--ink);border:1px solid #454b59;border-radius:7px;padding:10px 12px}button,.button{background:var(--button);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:11px 17px;font-size:14px;font-weight:600;display:inline-block}button:hover{background:#4273ed}button:disabled{cursor:wait;opacity:.65}.result{color:var(--green);background:#173329;border-radius:7px;margin-top:18px;padding:13px 16px}.error{color:#ff9f9f;margin-top:16px}.subnav{gap:20px;margin:18px 0 25px;display:flex}.image-frame{border:1px solid var(--line);border-radius:9px;overflow:hidden}.image-frame img{width:100%;height:auto;display:block}.steps{padding-left:20px}.steps li{padding-bottom:10px}.loading{color:var(--muted)}@media (max-width:800px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:20px 24px}nav{flex-wrap:wrap;gap:4px 18px;display:flex}nav a{padding:4px 0;font-size:12px}.nav-number{display:none}main{padding:30px 24px 45px}.header-inner{padding:18px 24px}h1{font-size:31px}.grid{grid-template-columns:1fr}.meta{grid-template-columns:1fr;gap:3px}.meta dd{margin-bottom:12px}}