:root{--bg:#12151d;--surface:#1a1f2b;--surface-2:#212736;--line:#2c3444;--ink:#e9e7df;--muted:#8a91a3;--amber:#e8a33d;--mint:#6dd3a5;--coral:#e8636b;--sky:#7aa2d6;--violet:#c792ea;--editor-bg:#151a24;--selection:#7aa2d638;--active-line:#ffffff08;--syntax-key:var(--sky);--syntax-string:var(--mint);--syntax-number:var(--amber);--syntax-keyword:var(--coral);--syntax-tag:var(--sky);--syntax-attr:var(--amber);--syntax-decl:var(--violet);--sans:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--display:"Space Grotesk", var(--sans);--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius:12px;--radius-sm:8px;--shadow:0 8px 30px #00000040;--maxw:1240px}[data-theme=light]{--bg:#f6f7f9;--surface:#fff;--surface-2:#eef1f5;--line:#dce1e8;--ink:#1d2430;--muted:#667085;--amber:#b9761b;--mint:#1f9d63;--coral:#d23b48;--sky:#2f6bb8;--violet:#8a4fd0;--editor-bg:#fff;--selection:#2f6bb829;--active-line:#00000008}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 12% 8%, #e8a33d0d, transparent 40%), radial-gradient(circle at 88% 92%, #7aa2d60f, transparent 45%), var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--sky);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.container-narrow{max-width:820px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--display);line-height:1.2}h1{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.4rem)}h2{margin:2em 0 .6em;font-size:clamp(1.3rem,2.2vw,1.7rem)}h3{margin:1.6em 0 .4em;font-size:1.12rem}.site-header{z-index:40;backdrop-filter:blur(10px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .bar{align-items:center;gap:18px;height:62px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand-mark{font-family:var(--mono);color:var(--amber);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);letter-spacing:-1px;padding:5px 9px;font-size:18px;font-weight:600}.brand-mark span{color:var(--sky)}.brand-name{font-family:var(--display);font-size:17px}.nav{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--muted);border-radius:var(--radius-sm);padding:7px 11px;font-size:14px;font-weight:500}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--surface-2);text-decoration:none}.theme-toggle{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.theme-toggle:hover{border-color:var(--amber)}button,select,.filebtn{font-family:var(--sans);background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;padding:8px 13px;font-size:13px;font-weight:500;line-height:1.2;transition:all .15s}button:hover,.filebtn:hover{border-color:var(--amber);color:var(--amber)}button:focus-visible,select:focus-visible,.filebtn:focus-within,a:focus-visible{outline:2px solid var(--amber);outline-offset:1px}button.primary{background:var(--amber);color:#1a1200;border-color:var(--amber);font-weight:600}button.primary:hover{color:#1a1200;background:#f2b552}button.is-active{border-color:var(--amber);color:var(--amber)}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%238a91a3'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:26px}a.btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 20px;font-size:14px;font-weight:600;display:inline-block}a.btn:hover{border-color:var(--amber);color:var(--amber);text-decoration:none}a.btn-primary{background:var(--amber);color:#1a1200;border-color:var(--amber)}a.btn-primary:hover{color:#1a1200;background:#f2b552}.mv-tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.mv-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.mv-toggle-group{border:1px solid var(--line);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.mv-toggle-group button{background:var(--surface);text-align:center;border:0;border-radius:0;min-width:82px;padding:8px 28px;font-weight:600}.mv-toggle-group button+button{border-left:1px solid var(--line)}.mv-toggle-group button.is-active{background:var(--surface-2);color:var(--amber)}.mv-divider{background:var(--line);width:1px;height:22px;margin:0 3px}.spacer{flex:auto}.filebtn{align-items:center;display:inline-flex}.mv-statusbar{border-bottom:1px solid var(--line);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;display:flex}.mv-status{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.mv-status-dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.mv-status[data-state=ok]{color:var(--mint)}.mv-status[data-state=ok] .mv-status-dot{background:var(--mint);box-shadow:0 0 8px #6dd3a599}.mv-status[data-state=bad]{color:var(--coral)}.mv-status[data-state=bad] .mv-status-dot{background:var(--coral);box-shadow:0 0 8px #e8636b99}.mv-note{font-family:var(--sans);border:1px solid var(--line);border-radius:20px;margin-left:auto;padding:3px 10px;font-size:12px;transition:opacity .3s}.mv-note[data-tone=ok]{color:var(--mint);border-color:#6dd3a559}.mv-note[data-tone=warn]{color:var(--amber);border-color:#e8a33d66}.mv-note.is-hidden{opacity:0}.mv-error-panel{border-bottom:1px solid var(--line);border-left:3px solid var(--coral);background:#e8636b12;padding:12px 16px}.mv-error-panel[hidden]{display:none}.mv-error-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mv-error-badge{color:var(--coral);font-weight:700;font-family:var(--mono);font-size:12px}.mv-error-loc{color:var(--ink);font-family:var(--mono);font-size:12.5px}.mv-error-jump,.mv-error-fix{padding:5px 12px;font-size:12px}.mv-error-jump{color:var(--coral);border-color:#e8636b66}.mv-error-jump:hover{border-color:var(--coral);color:var(--coral)}.mv-error-msg{color:var(--ink);margin:9px 0 0;font-size:13.5px;font-weight:600}.mv-error-hint{color:var(--muted);margin:3px 0 0;font-size:12.5px}.mv-error-hint[hidden]{display:none}.mv-error-excerpt{background:var(--editor-bg);border:1px solid var(--line);font-family:var(--mono);color:var(--ink);white-space:pre;border-radius:6px;margin:11px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.5;overflow-x:auto}.mv-editor-mount{min-height:460px;max-height:68vh}.cm-editor{height:100%}.cm-editor.cm-focused{outline:none}.mv-convert-dir{font-family:var(--mono);color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.mv-convert-dir b{color:var(--ink)}.mv-convert-panes{grid-template-columns:1fr 1fr;display:grid}.mv-convert-pane{flex-direction:column;min-width:0;display:flex}.mv-convert-pane+.mv-convert-pane{border-left:1px solid var(--line)}.mv-pane-head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:8px 14px;font-size:11.5px}.mv-convert-pane .mv-editor-mount{min-height:420px;max-height:62vh}@media (width<=820px){.mv-convert-panes{grid-template-columns:1fr}.mv-convert-pane+.mv-convert-pane{border-left:none;border-top:1px solid var(--line)}}.mv-tree-panel{border-top:1px solid var(--line);background:var(--editor-bg);max-height:45vh;overflow:auto}.mv-tree{font-family:var(--mono);padding:14px 16px;font-size:13px}.mv-tree ul{border-left:1px dashed var(--line);margin:0;padding-left:18px;list-style:none}.mv-tree .mv-tree-root{border-left:none;padding-left:0}.mv-tree-node{margin:2px 0}.mv-tree-row{border-radius:5px;align-items:baseline;gap:6px;padding:1px 4px;display:flex}.mv-tree-row:hover{background:var(--surface-2)}.mv-tree-toggle{width:12px;color:var(--muted);text-align:center;flex:none;font-size:10px}.is-collapsed>ul{display:none}.is-collapsed>.mv-tree-row .mv-tree-toggle{transform:rotate(-90deg)}.mv-tree-element,.mv-tree-object,.mv-tree-array{color:var(--sky)}.mv-tree-attribute{color:var(--amber)}.mv-tree-value{color:var(--mint)}.mv-tree-text{color:var(--ink)}.mv-tree-comment{color:var(--muted);font-style:italic}.mv-tree-empty{color:var(--muted);font-family:var(--sans);padding:16px}.ad-slot{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-size:12px;font-family:var(--mono);justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-slot[data-size=leaderboard]{min-height:90px}.ad-slot[data-size=rectangle]{min-height:250px}.ad-slot[data-size=mobile]{min-height:100px}.ad-label{letter-spacing:.08em;text-transform:uppercase;opacity:.7}.tool-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.tool-aside{flex-direction:column;gap:18px;display:flex;position:sticky;top:82px}@media (width<=1040px){.tool-layout{grid-template-columns:1fr}.tool-aside{flex-flow:wrap;position:static}}.hero{padding:34px 0 18px}.hero p.lead{color:var(--muted);max-width:60ch;margin:0;font-size:1.08rem}.eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin:0 0 10px;font-size:12px}.section{padding:12px 0 8px}.prose{max-width:72ch}.prose p,.prose li{color:color-mix(in srgb, var(--ink) 88%, var(--muted))}.prose code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.9em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.card h3{margin-top:0}.card .icon{font-size:22px}.faq details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin:10px 0;padding:4px 16px}.faq summary{cursor:pointer;font-weight:600;font-family:var(--display);padding:12px 0}.faq details[open] summary{color:var(--amber)}.faq p{color:var(--muted);margin:0 0 14px}.tool-links{flex-wrap:wrap;gap:8px;display:flex}.tool-links a{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:20px;padding:7px 12px;font-size:13px}.tool-links a:hover{border-color:var(--amber);text-decoration:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:56px;padding:34px 0;font-size:13.5px}.footer-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:28px;display:grid}.footer-grid h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:0 0 10px;font-size:13px}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin:6px 0}.footer-grid a{color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:26px;padding-top:18px;display:flex}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}}.cookie-banner{z-index:60;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);width:min(760px,100% - 28px);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 18px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.cookie-banner[hidden]{display:none}.cookie-text{color:var(--muted);flex:320px;margin:0;font-size:13px;line-height:1.55}.cookie-text a{color:var(--sky)}.cookie-actions{gap:8px;margin-left:auto;display:flex}@media (width<=540px){.cookie-banner{border-radius:var(--radius) var(--radius) 0 0;width:100%;bottom:0}.cookie-actions{width:100%}.cookie-actions button{flex:1}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}