:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f6f6f8)var(--lightningcss-dark,#111115);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a20);--border:var(--lightningcss-light,#dcdce2)var(--lightningcss-dark,#2f2f38);--text:var(--lightningcss-light,#1b1b21)var(--lightningcss-dark,#e8e8ec);--muted:var(--lightningcss-light,#61616b)var(--lightningcss-dark,#9b9ba6);--accent:var(--lightningcss-light,#2f5bea)var(--lightningcss-dark,#6d8dff);--accent-text:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0c0c10);--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--c-email:37 99 235;--c-secret:220 38 38;--c-token:217 119 6;--c-id:124 58 237;--c-privateKey:219 39 119;--c-ip:13 148 136;--c-card:22 163 74;--c-custom:100 116 139;--c-word:101 163 13}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cat-email{--c:var(--c-email)}.cat-secret{--c:var(--c-secret)}.cat-token{--c:var(--c-token)}.cat-id{--c:var(--c-id)}.cat-privateKey{--c:var(--c-privateKey)}.cat-ip{--c:var(--c-ip)}.cat-card{--c:var(--c-card)}.cat-custom{--c:var(--c-custom)}.cat-word{--c:var(--c-word)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);margin:0}.app{flex-direction:column;gap:16px;max-width:1440px;height:100dvh;margin:0 auto;padding:20px 24px 24px;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:24px}.tagline{color:var(--muted);margin:2px 0 0}.header-side{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.theme-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px;font-size:13px;display:inline-flex}.theme-switch label{color:var(--muted);cursor:pointer;border-radius:999px;padding:3px 12px;position:relative}.theme-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.theme-switch label:has(input:checked){background:color-mix(in srgb, var(--accent) 18%, var(--surface));color:var(--text);font-weight:600}.theme-switch label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.badge{border:1px solid rgb(var(--c-card) / .35);background:rgb(var(--c-card) / .1);border-radius:999px;margin:0;padding:4px 12px;font-size:13px}.options{flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:13px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.chip input{accent-color:rgb(var(--c));margin:0}.chip:has(input:not(:checked)){color:var(--muted)}.dot{background:rgb(var(--c));border-radius:50%;width:8px;height:8px}.toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.toggle input{accent-color:var(--accent);margin:0}.list-field{align-items:center;gap:8px;display:inline-flex}input[type=text]{border:1px solid var(--border);background:var(--surface);width:220px;color:inherit;font:inherit;border-radius:7px;padding:5px 10px}.panes{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.pane{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.pane:focus-within{border-color:var(--accent)}.pane-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 14px;font-size:13px;font-weight:600;display:flex}.actions{gap:6px;display:flex}textarea,pre{min-height:0;color:inherit;font:13px/1.6 var(--mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;resize:none;background:0 0;border:0;outline:none;flex:1;margin:0;padding:14px;overflow:auto}pre:empty:before{content:"Sanitized output appears here.";color:var(--muted)}mark{background:var(--lightningcss-light,rgb(var(--c) / .16))var(--lightningcss-dark,rgb(var(--c) / .28));box-shadow:inset 0 -2px 0 rgb(var(--c) / .75);color:inherit;border-radius:3px}.pane-foot{border-top:1px solid var(--border);color:var(--muted);margin:0;padding:8px 14px;font-size:13px}button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:7px;padding:5px 12px;font-weight:500}button:hover{background:color-mix(in srgb, var(--text) 6%, var(--surface))}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}button.primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--text))}button:focus-visible,input:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:2px}pre:focus-visible{outline-offset:-2px}.toast{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;border-radius:8px;padding:8px 14px;font-size:13px;transition:opacity .18s,transform .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast{transition:none}}@media (width<=900px){.app{height:auto;padding:16px}.panes{grid-template-columns:1fr}.pane{height:60vh}}