:root{color-scheme:light;--bg:#f7f6f4;--surface:#fff;--surface-2:#f1efeb;--border:#e2ddd5;--text:#1b1712;--text-muted:#645c52;--accent:#c2410c;--accent-hover:#a8360a;--accent-soft:#fdeee4;--accent-btn:#c2410c;--accent-btn-hover:#a8360a;--accent-2:#1d5fa8;--accent-2-soft:#e3eefa;--success:#15803d;--danger:#b91c1c;--syn-key:#9c5209;--syn-string:#12733a;--syn-number:#3450e6;--syn-boolean:#7c3aed;--syn-null:#5c6274;--syn-punct:#5c6274;--tint-converters:var(--accent);--tint-text-tools:#0a6055;--tint-encoders:#7c3aed;--tint-generators:var(--accent-2);--tint-compare:#be185d;--tint-sql-tools:#4d7c0f;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--shadow-lg:0 8px 24px -8px #1018282e, 0 2px 6px #10182814;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Space Grotesk", var(--font);--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--max-w:1120px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--grid-dot:#c2410c24}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0e1119;--surface:#151924;--surface-2:#1c2130;--border:#2b3244;--text:#eceef4;--text-muted:#9ea5b8;--accent:#ff9a52;--accent-hover:#ffb784;--accent-soft:#3a2414;--accent-btn:#c2410c;--accent-btn-hover:#a8360a;--accent-2:#6cc4ff;--accent-2-soft:#12304a;--tint-converters:var(--accent);--tint-text-tools:#2dd4bf;--tint-encoders:#b794f6;--tint-generators:var(--accent-2);--tint-compare:#f472b6;--tint-sql-tools:#a3e635;--success:#4ade80;--danger:#f87171;--syn-key:#f0a53d;--syn-string:#4ade80;--syn-number:#7c93ff;--syn-boolean:#c4a5ff;--syn-null:#9ba3b7;--syn-punct:#9ba3b7;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 28px -8px #0000008c, 0 2px 8px #00000059;--grid-dot:#ff9a521f}}:root[data-theme=dark]{color-scheme:dark;--bg:#0e1119;--surface:#151924;--surface-2:#1c2130;--border:#2b3244;--text:#eceef4;--text-muted:#9ea5b8;--accent:#ff9a52;--accent-hover:#ffb784;--accent-soft:#3a2414;--accent-btn:#c2410c;--accent-btn-hover:#a8360a;--accent-2:#6cc4ff;--accent-2-soft:#12304a;--tint-converters:var(--accent);--tint-text-tools:#2dd4bf;--tint-encoders:#b794f6;--tint-generators:var(--accent-2);--tint-compare:#f472b6;--tint-sql-tools:#a3e635;--success:#4ade80;--danger:#f87171;--syn-key:#f0a53d;--syn-string:#4ade80;--syn-number:#7c93ff;--syn-boolean:#c4a5ff;--syn-null:#9ba3b7;--syn-punct:#9ba3b7;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 28px -8px #0000008c, 0 2px 8px #00000059;--grid-dot:#ff9a521f}:root[data-palette=indigo]{--bg:#f5f5fb;--surface:#fff;--surface-2:#efeff9;--border:#dddcf0;--text:#15142b;--text-muted:#5a5878;--accent:#5b3fd6;--accent-hover:#4a2fc0;--accent-soft:#eeeafe;--accent-btn:#5b3fd6;--accent-btn-hover:#4a2fc0;--accent-2:#b4410e;--accent-2-soft:#fdebe1;--grid-dot:#5b3fd626}@media (prefers-color-scheme:dark){:root[data-palette=indigo]:not([data-theme=light]){--bg:#0c0b1a;--surface:#141327;--surface-2:#1b1a33;--border:#2c2a4d;--text:#ecebfa;--text-muted:#a3a1c4;--accent:#a996ff;--accent-hover:#c4b7ff;--accent-soft:#241c52;--accent-btn:#6446e6;--accent-btn-hover:#5236d1;--accent-2:#ffab70;--accent-2-soft:#3b2213;--grid-dot:#a996ff21}}:root[data-palette=indigo][data-theme=dark]{--bg:#0c0b1a;--surface:#141327;--surface-2:#1b1a33;--border:#2c2a4d;--text:#ecebfa;--text-muted:#a3a1c4;--accent:#a996ff;--accent-hover:#c4b7ff;--accent-soft:#241c52;--accent-btn:#6446e6;--accent-btn-hover:#5236d1;--accent-2:#ffab70;--accent-2-soft:#3b2213;--grid-dot:#a996ff21}:root[data-palette=mint]{--bg:#f6f7f6;--surface:#fff;--surface-2:#eef1ef;--border:#dce2de;--text:#141917;--text-muted:#56615b;--accent:#0b7a5a;--accent-hover:#086549;--accent-soft:#e2f5ee;--accent-btn:#0b7a5a;--accent-btn-hover:#086549;--accent-2:#b3304b;--accent-2-soft:#fbe6ea;--grid-dot:#0b7a5a26}@media (prefers-color-scheme:dark){:root[data-palette=mint]:not([data-theme=light]){--bg:#0f1211;--surface:#161a19;--surface-2:#1d2220;--border:#2c3330;--text:#e8ecea;--text-muted:#9aa6a0;--accent:#4fd8a8;--accent-hover:#7ce6c0;--accent-soft:#13352a;--accent-btn:#0e7f5e;--accent-btn-hover:#0b6a4e;--accent-2:#ff8fa3;--accent-2-soft:#3b1a21;--grid-dot:#4fd8a81f}}:root[data-palette=mint][data-theme=dark]{--bg:#0f1211;--surface:#161a19;--surface-2:#1d2220;--border:#2c3330;--text:#e8ecea;--text-muted:#9aa6a0;--accent:#4fd8a8;--accent-hover:#7ce6c0;--accent-soft:#13352a;--accent-btn:#0e7f5e;--accent-btn-hover:#0b6a4e;--accent-2:#ff8fa3;--accent-2-soft:#3b1a21;--grid-dot:#4fd8a81f}:root[data-palette=cobalt]{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef0f6;--border:#dee1eb;--text:#161a24;--text-muted:#5c6274;--accent:#3450e6;--accent-hover:#2740c9;--accent-soft:#e7ebfd;--accent-btn:#3450e6;--accent-btn-hover:#2740c9;--accent-2:#9c5209;--accent-2-soft:#fbeadb;--grid-dot:#3450e629}@media (prefers-color-scheme:dark){:root[data-palette=cobalt]:not([data-theme=light]){--bg:#0d1117;--surface:#151a22;--surface-2:#1c2230;--border:#2b3341;--text:#e9ecf4;--text-muted:#9ba3b7;--accent:#7c93ff;--accent-hover:#a3b4ff;--accent-soft:#1c2550;--accent-btn:#3f52d6;--accent-btn-hover:#2f3fb8;--accent-2:#f0a53d;--accent-2-soft:#3a2a12;--grid-dot:#7c93ff24}}:root[data-palette=cobalt][data-theme=dark]{--bg:#0d1117;--surface:#151a22;--surface-2:#1c2230;--border:#2b3341;--text:#e9ecf4;--text-muted:#9ba3b7;--accent:#7c93ff;--accent-hover:#a3b4ff;--accent-soft:#1c2550;--accent-btn:#3f52d6;--accent-btn-hover:#2f3fb8;--accent-2:#f0a53d;--accent-2-soft:#3a2a12;--grid-dot:#7c93ff24}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{max-width:100%;font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:16px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(1.85rem,3.7vw,2.75rem);font-weight:700}h2{margin-top:2.5rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700}h3{margin-top:1.75rem;font-size:1.15rem;font-weight:700}p{margin:0 0 1em}.eyebrow{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.45rem;margin:0 0 .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-2);border-radius:2px;flex:none;width:.5rem;height:.5rem}.bg-grid{position:relative}.bg-grid:before{content:"";background-image:radial-gradient(var(--grid-dot) 1.5px, transparent 1.5px);pointer-events:none;z-index:0;background-size:22px 22px;height:220px;position:absolute;inset:-1.5rem -1rem auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.bg-grid>*{z-index:1;position:relative}code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:4px;padding:.1em .35em;font-size:.9em}pre{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 0 1.25rem;padding:.9rem 1rem;font-size:.875rem;line-height:1.55;overflow-x:auto}pre code{font-size:inherit;background:0 0;border:0;padding:0}table{border-collapse:collapse;width:100%;margin:0 0 1.5rem;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem .75rem}th{background:var(--surface-2);font-weight:650}.table-wrap{overflow-x:auto}.container{max-width:var(--max-w);margin:0 auto;padding-inline:1rem}@media (width>=640px){.container{padding-inline:1.5rem}}.prose{max-width:76ch}.prose ul,.prose ol{margin:0 0 1.25rem;padding-left:1.4rem}.prose li{margin-bottom:.35rem}.muted{color:var(--text-muted)}.drop-hint{margin:.4rem 0 0;font-size:.8rem}.empty-cta{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:.4rem;padding:0 1rem 1.1rem;animation:.3s ease-out empty-cta-in;display:flex;position:absolute;inset:0}.code-wrap:has(>.gutter)>.empty-cta{left:3rem}.empty-cta-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.empty-cta .btn{pointer-events:auto;box-shadow:var(--shadow-lg);align-items:center;gap:.4rem;display:inline-flex}.empty-cta .btn:not(.btn-primary){background:var(--surface)}.empty-cta-hint{color:var(--text-muted);font-size:.78rem}@keyframes empty-cta-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.empty-cta{animation:none}}.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s, border-color .15s, color .15s, transform .18s var(--ease-spring);align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.925rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:active{transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn[aria-pressed=true]{background:var(--accent-btn);border-color:var(--accent-btn);color:#fff}.btn-primary{background:var(--accent-btn);border-color:var(--accent-btn);color:#fff;box-shadow:inset 0 1px #ffffff29}.btn-primary:hover{background:var(--accent-btn-hover);border-color:var(--accent-btn-hover);color:#fff}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.is-copied,.btn.is-copied,.btn-primary.is-copied{color:var(--success);border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface));justify-content:center}.copied-mark{font-weight:700}.settings-note{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .75rem;font-size:.82rem;display:flex}.settings-note:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.link-reset{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.link-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.link-reset{min-height:44px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool{padding:1rem}@media (width>=640px){.tool{padding:1.25rem 1.5rem}}.tool-toolbar{justify-content:flex-end;margin-bottom:.75rem;display:flex}@media (width>=1300px){.tool:not(.is-fullscreen):has(>.panes){--tool-w:max(100%, min(100vw - 15rem, 1400px));width:var(--tool-w);margin-inline:calc((100% - var(--tool-w)) / 2)}}@media (width>=1000px){.tool{position:relative}.tool:not(.is-fullscreen)>.tool-toolbar{margin:0;position:absolute;bottom:calc(100% + .6rem);right:0}}.tool.is-fullscreen{z-index:70;max-height:100vh;box-shadow:none;border-radius:0;margin:0;position:fixed;inset:0;overflow-y:auto}body.no-scroll{overflow:hidden}.tool.is-fullscreen{flex-direction:column;padding:1rem clamp(1rem,3vw,2.5rem);display:flex}@media (width>=761px){.tool.is-fullscreen>.panes{flex:1 0 auto;min-height:320px}.tool.is-fullscreen>.panes>.pane{flex-direction:column;display:flex}.tool.is-fullscreen>.panes>.pane>:not(.pane-head,.pane-actions,p,button,label,[hidden]){flex:1 1 0;min-height:160px;max-height:none}.tool.is-fullscreen>.panes>.pane>:not(.code-wrap):has(>textarea){flex-direction:column;display:flex}.tool.is-fullscreen>.panes>.pane>:not(.code-wrap):has(>textarea)>textarea{resize:none;flex:1}.tool.is-fullscreen .code-wrap{display:flex}.tool.is-fullscreen .code-wrap>textarea{flex:1}.tool.is-fullscreen>.panes>.pane>textarea{resize:none}.tool.is-fullscreen[data-tool$=diff-checker]>.panes{flex:none;min-height:0}.tool.is-fullscreen[data-tool$=diff-checker]>.panes>.pane>*{flex:none}.tool.is-fullscreen[data-tool$=diff-checker] .pane textarea{height:34vh}}.tool.is-fullscreen:not(:has(>.panes))>:not(.tool-toolbar,.tool-toast){width:100%;max-width:960px;margin-inline:auto}.tool.is-fullscreen:not(:has(>.panes))>.single:last-of-type:has(textarea[readonly]){flex-direction:column;flex:1 0 auto;display:flex}.tool.is-fullscreen:not(:has(>.panes))>.single:last-of-type:has(textarea[readonly])>textarea{resize:none;flex:1}.panes{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=760px){.panes{grid-template-columns:1fr}}.panes.is-resizable{grid-template-columns:1fr 7px 1fr}.resize-handle{cursor:col-resize;touch-action:none;background:0 0;border:0;align-self:stretch;padding:0;position:relative}.resize-handle:before{content:"";background:var(--border);width:1px;transition:background .12s,width .12s;position:absolute;top:.5rem;bottom:.5rem;left:50%;transform:translate(-50%)}.resize-handle:hover:before,.resize-handle:focus-visible:before,.resize-handle.is-dragging:before{background:var(--accent);width:2px}.resize-handle:focus-visible{outline:none}@media (width<=760px){.resize-handle{display:none}}.pane{min-width:0}.pane-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 .75rem;margin-bottom:.35rem;display:flex}.pane-head label{font-weight:650}.stat{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.pane textarea,.single textarea{resize:vertical;width:100%;min-height:200px;font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:.75rem;font-size:.9rem;line-height:1.5}.pane textarea:focus,.single textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;background:var(--surface)}.pane textarea[readonly],.single textarea[readonly]{background:var(--surface)}.pane textarea.no-wrap{white-space:pre;overflow-x:auto}.pane textarea.drag-over,.single textarea.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.code-wrap{position:relative}.code-wrap textarea{padding-left:3.4rem}.code-wrap:not(:has(>.gutter))>textarea{padding-left:.75rem}.gutter{text-align:right;width:3rem;font-family:var(--mono);color:var(--text-muted);user-select:none;pointer-events:none;background:var(--surface-2);border-right:1px solid var(--border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:.75rem .4rem .75rem 0;font-size:.9rem;line-height:1.5;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.gutter span{display:block}.gutter span.active{color:var(--text);font-weight:700}.gutter span.err{color:var(--danger);font-weight:700}.pane-actions{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.pane-head:has(.pane-tools){align-items:center}.options+.panes{margin-top:1.1rem}.pane-tools{align-items:center;gap:.6rem;margin-left:auto;display:inline-flex}.pane-paste{align-items:center;gap:.35rem;padding-block:.2rem;display:inline-flex}.diff-bar{margin-top:.85rem}.diff-bar .btn{align-items:center;gap:.4rem;display:inline-flex}@media (width<=760px){.swap-icon{transform:rotate(90deg)}}.hl-layer{pointer-events:none;font-family:var(--mono);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;scrollbar-gutter:stable;border:1px solid #0000;margin:0;padding:.75rem;font-size:.9rem;line-height:1.5;position:absolute;inset:0;overflow:hidden}.code-wrap .hl-layer{padding-left:3.4rem}.code-wrap:not(.has-hl)>.hl-layer{display:none}.hl-layer.no-wrap{white-space:pre;overflow-wrap:normal}.code-wrap.hl-input .hl-layer{background:var(--surface-2)}.code-wrap.hl-input:focus-within .hl-layer{background:var(--surface)}.code-wrap.has-hl>textarea{z-index:1;color:#0000;caret-color:var(--text);scrollbar-gutter:stable;background:0 0;position:relative}.code-wrap.has-hl>textarea::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}.code-wrap.has-hl>.gutter{z-index:2}.sy-key{color:var(--syn-key)}.sy-string{color:var(--syn-string)}.sy-number{color:var(--syn-number)}.sy-boolean{color:var(--syn-boolean)}.sy-null{color:var(--syn-null)}.sy-punct{color:var(--syn-punct)}.options{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.options fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;margin:0;padding:.6rem .85rem .85rem}.options legend{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 .3rem;font-size:.8rem;font-weight:700}.options .row{flex-wrap:wrap;gap:.6rem;display:flex}.options .field{color:var(--text-muted);flex-direction:column;flex:100px;gap:.2rem;min-width:0;font-size:.85rem;display:flex}.options .field input,.options .field select{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;padding:.4rem .5rem;font-size:.9rem}.options .field input{font-family:var(--mono)}.options .field input:focus-visible,.options .field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.options .checks input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.options .checks{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.options .checks label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.options .checks .indent{color:var(--text-muted);padding-left:1.4rem}.options .checks input{accent-color:var(--accent);width:1rem;height:1rem}.options .hint{min-height:1.2em;color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem}@media (pointer:coarse){.btn,.btn-sm,.chip,.theme-toggle{min-height:44px}.btn-sm{padding-block:.6rem}.options .checks label{min-height:44px}.options .checks input{width:1.25rem;height:1.25rem}.options .field input,.options .field select{min-height:44px}}.cc-row{text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;color:inherit;min-height:44px;transition:border-color .15s, transform .15s var(--ease-spring);flex-direction:column;gap:.25rem;padding:.55rem .75rem;display:flex}.cc-row:hover,.cc-row:focus-visible{border-color:var(--accent)}.cc-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cc-row:active{transform:scale(.98)}.cc-row .k,.ts-grid .item .k,.jwt-timing .item .k{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem}.cc-row .v{font-weight:600;font-family:var(--mono);word-break:break-all}.ts-grid .item,.jwt-timing .item{flex-direction:column;display:flex}.ts-grid .item .v,.jwt-timing .item .v{font-weight:600}.toggle-chip{cursor:pointer;user-select:none;font-family:var(--mono);border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.toggle-chip:hover{border-color:var(--accent)}.toggle-chip:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.toggle-chip input{accent-color:var(--accent);margin:0}.toggle-chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.toggle-chip{min-height:44px}}.chip{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--mono);transition:border-color .15s, color .15s, background .15s, transform .15s var(--ease-spring);border-radius:999px;padding:.3rem .7rem}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip:active{transform:scale(.94)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip[aria-pressed=true]{background:var(--accent-btn);border-color:var(--accent-btn);color:#fff}.tool-toast{left:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--text);color:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:60;animation:toast-in .22s var(--ease-spring);margin:0;padding:.6rem 1.05rem;font-size:.88rem;font-weight:600;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.status-banner{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);align-items:flex-start;gap:.6rem;margin-top:.75rem;padding:.7rem .9rem;font-size:.9rem;display:flex}.status-banner.is-error{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.status-banner.is-ok{border-color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}@media (width<=640px){main{padding-block:1.25rem 3.5rem}h2{margin-top:3rem}.options{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:0;margin-top:1.5rem;overflow:hidden}.options fieldset{background:0 0;border:0;border-radius:0;padding:.9rem 1rem}.options fieldset+fieldset{border-top:1px solid var(--border)}}.ds-row{grid-template-columns:3.2em minmax(0,1fr) 3.2em minmax(0,1fr);display:grid}.du-row{grid-template-columns:3.2em 3.2em 1.4em minmax(0,1fr);display:grid}.dn{color:var(--text-muted);text-align:right;user-select:none;padding-right:.6em;font-size:.82em;line-height:1.9}.dc{min-width:0;padding:0 .6rem}.ds-row .dn:nth-child(3){border-left:1px solid var(--border)}.c-del{background:color-mix(in srgb, var(--danger) 12%, transparent)}.c-ins{background:color-mix(in srgb, var(--success) 14%, transparent)}.c-empty{background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--border) 45%, transparent) 6px 7px)}.du-sign{color:var(--text-muted);user-select:none}.ds-fold{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--accent);background:var(--surface-2);border:0;border-block:1px dashed var(--border);padding:.3rem .75rem .3rem 3.8em;font-size:.82rem;display:block}.ds-fold:hover,.ds-fold:focus-visible{background:var(--accent-soft);outline:none}.is-current-change{box-shadow:inset 3px 0 0 var(--accent-2)}@media (hover:hover) and (pointer:fine){.btn[data-kbd-hint]:after{content:attr(data-kbd-hint);content:attr(data-kbd-hint) / "";opacity:.7;white-space:nowrap;border:1px solid;border-radius:4px;margin-left:.5em;padding:.05em .35em;font-size:.72em;font-weight:600}.btn.is-copied[data-kbd-hint]:after{content:none}}.site-header[data-astro-cid-nen7h5rs]{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:0}.inner[data-astro-cid-nen7h5rs]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:58px;display:flex}.brand[data-astro-cid-nen7h5rs]{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:inline-flex}.brand[data-astro-cid-nen7h5rs]:hover{color:var(--accent);text-decoration:none}.brand[data-astro-cid-nen7h5rs] svg[data-astro-cid-nen7h5rs]{transition:transform .4s var(--ease-spring)}.brand[data-astro-cid-nen7h5rs]:hover svg[data-astro-cid-nen7h5rs]{transform:rotate(30deg)}.brand[data-astro-cid-nen7h5rs]:active svg[data-astro-cid-nen7h5rs]{transform:rotate(30deg)scale(.9)}.nav-group[data-astro-cid-nen7h5rs]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}nav[data-astro-cid-nen7h5rs]>ul[data-astro-cid-nen7h5rs]{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}nav[data-astro-cid-nen7h5rs]>ul[data-astro-cid-nen7h5rs]>li[data-astro-cid-nen7h5rs]>a[data-astro-cid-nen7h5rs]{border-radius:var(--radius-sm);color:var(--text-muted);padding:.4rem .7rem;font-size:.925rem;font-weight:500;display:block}nav[data-astro-cid-nen7h5rs]>ul[data-astro-cid-nen7h5rs]>li[data-astro-cid-nen7h5rs]>a[data-astro-cid-nen7h5rs]:hover{background:var(--surface-2);color:var(--text);text-decoration:none}nav[data-astro-cid-nen7h5rs]>ul[data-astro-cid-nen7h5rs]>li[data-astro-cid-nen7h5rs]>a[data-astro-cid-nen7h5rs][aria-current=page]{background:var(--accent-soft);color:var(--accent)}.has-dropdown[data-astro-cid-nen7h5rs]{position:relative}.caret[data-astro-cid-nen7h5rs]{font-size:.7em}.dropdown[data-astro-cid-nen7h5rs]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:max-content;min-width:220px;max-width:calc(100vw - 2rem);box-shadow:var(--shadow);opacity:0;visibility:hidden;margin:0;padding:.4rem;list-style:none;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:100%;right:0;transform:translateY(-4px)}.has-dropdown[data-astro-cid-nen7h5rs]:hover .dropdown[data-astro-cid-nen7h5rs],.has-dropdown[data-astro-cid-nen7h5rs]:focus-within .dropdown[data-astro-cid-nen7h5rs]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{border-radius:var(--radius-sm);color:var(--text);padding:.5rem .6rem;font-size:.9rem;display:block}.dropdown[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{background:var(--surface-2);text-decoration:none}.dropdown[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page]{color:var(--accent);font-weight:600}.theme-toggle[data-astro-cid-nen7h5rs]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:2.1rem;height:2.1rem;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;margin-left:.25rem;padding:0;display:inline-flex}.theme-toggle[data-astro-cid-nen7h5rs]:hover{background:var(--surface-2);color:var(--text)}.theme-toggle[data-astro-cid-nen7h5rs]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle[data-astro-cid-nen7h5rs] .icon[data-astro-cid-nen7h5rs]{display:none}.header-search[data-astro-cid-nen7h5rs]{cursor:pointer;min-width:0;max-width:340px;font:inherit;text-align:left;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:160px;align-items:center;gap:.55rem;margin-inline:auto;padding:.42rem .6rem .42rem .75rem;font-size:.9rem;transition:border-color .15s,color .15s;display:none}.header-search[data-astro-cid-nen7h5rs]:hover{border-color:var(--accent);color:var(--text)}.header-search[data-astro-cid-nen7h5rs]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hs-text[data-astro-cid-nen7h5rs]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hs-kbd[data-astro-cid-nen7h5rs]{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:4px;padding:.1rem .4rem;font-size:.72rem}@media (width>=761px){.header-search[data-astro-cid-nen7h5rs]{display:inline-flex}}.palette-wrap[data-astro-cid-nen7h5rs],#palette-btn[data-astro-cid-nen7h5rs]{position:relative}.palette-dot[data-astro-cid-nen7h5rs]{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;bottom:5px;right:5px}.palette-menu[data-astro-cid-nen7h5rs]{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow-lg);gap:2px;padding:.35rem;display:grid;position:absolute;top:calc(100% + 6px);right:0}.palette-menu[data-astro-cid-nen7h5rs][hidden]{display:none}.palette-item[data-astro-cid-nen7h5rs]{text-align:left;width:100%;font:inherit;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:.5rem .6rem;display:flex}.palette-item[data-astro-cid-nen7h5rs]:hover,.palette-item[data-astro-cid-nen7h5rs]:focus-visible{background:var(--surface-2);outline:none}.palette-item[data-astro-cid-nen7h5rs]:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.sw[data-astro-cid-nen7h5rs]{flex:none;display:inline-flex}.sw[data-astro-cid-nen7h5rs] i[data-astro-cid-nen7h5rs]{border:2px solid var(--surface);border-radius:50%;width:18px;height:18px;display:block}.sw[data-astro-cid-nen7h5rs] i[data-astro-cid-nen7h5rs]+i[data-astro-cid-nen7h5rs]{margin-left:-7px}.pi-text[data-astro-cid-nen7h5rs]{flex:1;line-height:1.25;display:grid}.pi-name[data-astro-cid-nen7h5rs]{font-size:.9rem;font-weight:600}.pi-note[data-astro-cid-nen7h5rs]{color:var(--text-muted);font-size:.75rem}.pi-check[data-astro-cid-nen7h5rs]{color:var(--accent);visibility:hidden;font-weight:700}.palette-item[data-astro-cid-nen7h5rs][aria-checked=true] .pi-check[data-astro-cid-nen7h5rs]{visibility:visible}@media (pointer:coarse){.palette-item[data-astro-cid-nen7h5rs]{min-height:44px}}@media (width<=480px){.nav-home[data-astro-cid-nen7h5rs]{display:none}}@media (width<=500px){.nav-guides[data-astro-cid-nen7h5rs]{display:none}}.theme-toggle[data-astro-cid-nen7h5rs][data-mode=light] .icon-light[data-astro-cid-nen7h5rs],.theme-toggle[data-astro-cid-nen7h5rs][data-mode=dark] .icon-dark[data-astro-cid-nen7h5rs],.theme-toggle[data-astro-cid-nen7h5rs][data-mode=system] .icon-system[data-astro-cid-nen7h5rs]{display:block}@media (width<=640px){.inner[data-astro-cid-nen7h5rs]{padding-block:.5rem}}@media (pointer:coarse){nav[data-astro-cid-nen7h5rs]>ul[data-astro-cid-nen7h5rs]>li[data-astro-cid-nen7h5rs]>a[data-astro-cid-nen7h5rs],.dropdown[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{align-items:center;min-height:44px;display:flex}.theme-toggle[data-astro-cid-nen7h5rs]{width:44px;height:44px}}@media (width<=420px){.inner[data-astro-cid-nen7h5rs]{gap:.6rem}.brand[data-astro-cid-nen7h5rs]{gap:.4rem;font-size:1.02rem}.nav-group[data-astro-cid-nen7h5rs]{gap:.25rem}nav[data-astro-cid-nen7h5rs]>ul[data-astro-cid-nen7h5rs]>li[data-astro-cid-nen7h5rs]>a[data-astro-cid-nen7h5rs]{padding-inline:.5rem}}@media (width<=340px){.caret[data-astro-cid-nen7h5rs]{display:none}.brand[data-astro-cid-nen7h5rs]{font-size:.95rem}}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--border);background:var(--surface);margin-top:2rem;font-size:.925rem}.grid[data-astro-cid-jo6i4kqk]{grid-template-columns:minmax(200px,1.3fr) repeat(3,minmax(0,1fr));gap:2rem 2.5rem;padding-block:2.25rem 1rem;display:grid}.about[data-astro-cid-jo6i4kqk]{grid-row:span 2}.about[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{max-width:32ch}.brand-mark[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:700}.col-head[data-astro-cid-jo6i4kqk]{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700;display:block}.col-head[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:inherit}.col-head[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--accent);text-decoration:none}ul[data-astro-cid-jo6i4kqk]{margin:.6rem 0 0;padding:0;list-style:none}li[data-astro-cid-jo6i4kqk]{margin-bottom:.3rem}a[data-astro-cid-jo6i4kqk]{color:var(--text-muted)}a[data-astro-cid-jo6i4kqk]:hover{color:var(--accent)}.link-btn[data-astro-cid-jo6i4kqk]{font:inherit;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0}.link-btn[data-astro-cid-jo6i4kqk]:hover{color:var(--accent)}.copy[data-astro-cid-jo6i4kqk]{padding-block:1rem 1.5rem;font-size:.85rem}@media (width<=720px){.grid[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr 1fr;gap:1.25rem}.about[data-astro-cid-jo6i4kqk]{grid-area:auto/1/auto/-1}}.floating-tools[data-astro-cid-zfrxyf7v]{right:1.1rem;bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));z-index:60;transition:transform .25s var(--ease-spring), opacity .2s;flex-direction:column;align-items:flex-end;gap:.6rem;display:flex;position:fixed}.floating-tools[data-astro-cid-zfrxyf7v].is-tucked{opacity:0;pointer-events:none;transform:translate(calc(100% + 1.5rem))}.fab[data-astro-cid-zfrxyf7v]{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);height:3rem;color:var(--text);cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .18s var(--ease-spring), box-shadow .15s, background .15s, opacity .15s;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;display:inline-flex}.fab-top[data-astro-cid-zfrxyf7v],.fab-share[data-astro-cid-zfrxyf7v]{width:3rem;padding:0}.fab[data-astro-cid-zfrxyf7v]:hover{background:var(--surface)}.fab[data-astro-cid-zfrxyf7v]:active{transform:scale(.92)}.fab[data-astro-cid-zfrxyf7v]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fab[data-astro-cid-zfrxyf7v][aria-expanded=true]{background:var(--surface)}.fab-share-wrap[data-astro-cid-zfrxyf7v]{position:relative}.share-menu[data-astro-cid-zfrxyf7v]{z-index:61;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--border);border-radius:var(--radius);min-width:168px;box-shadow:var(--shadow-lg);animation:palette-in .16s var(--ease-spring);flex-direction:column;gap:.15rem;padding:.35rem;display:flex;position:absolute;bottom:0;right:calc(100% + .6rem)}.share-menu[data-astro-cid-zfrxyf7v] button[data-astro-cid-zfrxyf7v]{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding:.55rem .65rem;font-size:.88rem;transition:background .12s;display:flex}.share-menu[data-astro-cid-zfrxyf7v] button[data-astro-cid-zfrxyf7v]:hover,.share-menu[data-astro-cid-zfrxyf7v] button[data-astro-cid-zfrxyf7v]:focus-visible{background:var(--surface-2)}.share-menu[data-astro-cid-zfrxyf7v]{min-width:220px}.share-input-text[data-astro-cid-zfrxyf7v]{flex-direction:column;gap:.1rem;display:flex}.share-note[data-astro-cid-zfrxyf7v]{color:var(--text-muted);font-size:.74rem}.share-menu[data-astro-cid-zfrxyf7v] button[data-astro-cid-zfrxyf7v]:disabled{cursor:default;opacity:.6}.share-menu[data-astro-cid-zfrxyf7v] button[data-astro-cid-zfrxyf7v]:disabled:hover{background:0 0}@media (width<=640px){.share-menu[data-astro-cid-zfrxyf7v]{bottom:calc(100% + .6rem);right:0}}.fab-toast[data-astro-cid-zfrxyf7v]{z-index:62;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);white-space:nowrap;box-shadow:var(--shadow-lg);animation:palette-in .16s var(--ease-spring);margin:0;padding:.5rem .85rem;font-size:.85rem;position:absolute;bottom:calc(100% + .6rem);right:0}.fab-kbd[data-astro-cid-zfrxyf7v]{font-family:var(--mono);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem;font-size:.72rem}@media (width<=640px){.fab-kbd[data-astro-cid-zfrxyf7v]{display:none}.fab-search[data-astro-cid-zfrxyf7v]{width:3rem;padding:0}}@media (width>=761px){.fab-search[data-astro-cid-zfrxyf7v]{display:none}}.palette-backdrop[data-astro-cid-zfrxyf7v]{z-index:80;backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:flex-start;padding:12vh 1rem 1rem;display:flex;position:fixed;inset:0}.palette[data-astro-cid-zfrxyf7v]{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);width:100%;max-width:560px;max-height:70vh;box-shadow:var(--shadow-lg);animation:palette-in .22s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}@keyframes palette-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.palette-head[data-astro-cid-zfrxyf7v]{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.6rem;padding:.85rem 1rem;display:flex}#palette-input[data-astro-cid-zfrxyf7v]{font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.palette-esc[data-astro-cid-zfrxyf7v]{font-family:var(--mono);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-size:.72rem}#palette-results[data-astro-cid-zfrxyf7v]{margin:0;padding:.4rem;list-style:none;overflow-y:auto}#palette-results[data-astro-cid-zfrxyf7v] li{list-style:none}#palette-results[data-astro-cid-zfrxyf7v] li[role=option]{align-items:stretch;gap:.15rem;display:flex}#palette-results[data-astro-cid-zfrxyf7v] li a{border-radius:var(--radius-sm);min-width:0;color:var(--text);flex:1;padding:.55rem .7rem;display:block}#palette-results[data-astro-cid-zfrxyf7v] .r-star{border-radius:var(--radius-sm);width:2.1rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;font-size:1.05rem;line-height:1}#palette-results[data-astro-cid-zfrxyf7v] .r-star:hover{background:var(--surface-2);color:var(--accent)}#palette-results[data-astro-cid-zfrxyf7v] .r-star[aria-pressed=true]{color:var(--accent)}#palette-results[data-astro-cid-zfrxyf7v] li a:hover,#palette-results[data-astro-cid-zfrxyf7v] li[aria-selected=true] a{background:var(--surface-2);text-decoration:none}#palette-results[data-astro-cid-zfrxyf7v] .r-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:.4rem .7rem .25rem;font-size:.72rem;font-weight:650}#palette-results[data-astro-cid-zfrxyf7v] .r-name{font-weight:650}#palette-results[data-astro-cid-zfrxyf7v] .r-meta{color:var(--text-muted);margin-left:.4rem;font-size:.82rem}#palette-results[data-astro-cid-zfrxyf7v] .r-short{color:var(--text-muted);margin-top:.1rem;font-size:.85rem;display:block}.palette-empty[data-astro-cid-zfrxyf7v]{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.9rem}.shortcuts-dialog[data-astro-cid-zfrxyf7v]{max-height:none}.shortcuts-dialog[data-astro-cid-zfrxyf7v] .palette-head[data-astro-cid-zfrxyf7v]{justify-content:space-between}.shortcuts-list[data-astro-cid-zfrxyf7v]{margin:0;padding:.5rem 1rem .2rem}.shortcuts-list[data-astro-cid-zfrxyf7v]>div[data-astro-cid-zfrxyf7v]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.shortcuts-list[data-astro-cid-zfrxyf7v]>div[data-astro-cid-zfrxyf7v]:last-child{border-bottom:0}.shortcuts-list[data-astro-cid-zfrxyf7v] dt[data-astro-cid-zfrxyf7v]{flex:none;align-items:center;gap:.25rem;display:flex}.shortcuts-list[data-astro-cid-zfrxyf7v] dd[data-astro-cid-zfrxyf7v]{color:var(--text-muted);text-align:right;margin:0;font-size:.9rem}.shortcuts-list[data-astro-cid-zfrxyf7v] kbd[data-astro-cid-zfrxyf7v]{font-family:var(--mono);color:var(--text);border:1px solid var(--border);background:var(--surface-2);border-radius:4px;padding:.1rem .4rem;font-size:.78rem}.shortcuts-note[data-astro-cid-zfrxyf7v]{margin:0;padding:.7rem 1rem .9rem;font-size:.8rem}@media (pointer:coarse){.fab[data-astro-cid-zfrxyf7v]{min-height:44px}}.skip-link[data-astro-cid-hkbrpulz]{z-index:100;background:var(--accent-btn);color:#fff;border-radius:0 0 var(--radius-sm) 0;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link[data-astro-cid-hkbrpulz]:focus{left:0}main[data-astro-cid-hkbrpulz]{padding-block:1.5rem 3rem}