:root{--ink-900:#12202b;--ink-700:#24384a;--ink-500:#4c6478;--ink-300:#93a6b5;--paper-0:#f2f5f2;--paper-50:#e9eee7;--line:#c7d1cd;--signal-400:#ffcb2e;--signal-600:#e0a900;--ok-500:#2f8f6b;--err-500:#c04a3d;--font-display:"Space Grotesk", "Archivo", system-ui;--font-body:"Inter";--font-mono:"IBM Plex Mono", "JetBrains Mono", ui-monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-2xl:2.5rem;--radius-sm:4px;--radius-md:8px;--grid-cell:28px;--shadow-card:0 1px 0 var(--line), 0 2px 6px #12202b0f}.section-title{align-items:center;gap:10px;margin:40px 0 16px;display:flex}.section-title h2{font-size:var(--fs-lg)}.section-title:after{content:"";background:var(--line);flex:1;height:1px}.tool-panel{border:1px solid var(--ink-300);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;margin-bottom:64px;padding:24px}.tool-panel article:not(:last-child){margin-bottom:16px}.tool-panel article label{font-size:var(--fs-sm);color:var(--ink-700);margin-bottom:6px;font-weight:600;display:block}.tool-panel article input:not([type=checkbox]):not([type=range]),.tool-panel article textarea,.tool-panel article select{width:100%;font-family:var(--font-mono), monospace;font-size:var(--fs-sm);color:var(--ink-900);background:var(--paper-0);border:1px solid var(--ink-300);border-radius:var(--radius-sm);padding:10px 12px}.tool-panel article input:focus,.tool-panel article textarea:focus,.tool-panel article select:focus{border-color:var(--ink-700)}.tool-panel article .group-check,.tool-panel article .input-check{display:flex}.tool-panel article .group-check{flex-wrap:wrap;gap:14px}.tool-panel article .input-check{font-size:var(--fs-sm);color:var(--ink-700);align-items:center;gap:6px}.tool-panel article .range-row{align-items:center;gap:12px;display:flex}.tool-panel article .range-row input[type=range]{flex:1}.tool-panel article .range-row .range-value{font-family:var(--font-mono), monospace;font-size:var(--fs-sm);text-align:right;min-width:28px;margin-bottom:0}.output{font-family:var(--font-mono), monospace;font-size:var(--fs-sm);background:var(--ink-900);color:var(--paper-0);border-radius:var(--radius-sm);white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;overflow-x:auto}.btn{font-family:var(--font-body), system-ui;font-size:var(--fs-sm);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:9px 16px;font-weight:600;transition:background-color .12s,transform 50ms}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--signal-400);color:var(--ink-900);border-color:var(--ink-900)}.btn-primary:hover{background:var(--signal-600)}.btn-secondary{color:var(--ink-700);border-color:var(--ink-300);background:0 0}.btn-secondary:hover{border-color:var(--ink-700)}.btn-group{gap:10px;display:flex}*,:before,:after{box-sizing:border-box}html,body,div#app{height:100vh}body{background-color:var(--paper-0);background-image:linear-gradient(var(--paper-50) 1px, transparent 1px), linear-gradient(90deg, var(--paper-50) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);color:var(--ink-900);font-family:var(--font-body), system-ui;font-size:var(--fs-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}div#app{flex-direction:column;padding:0 24px;display:flex}h1,h2,h3{font-family:var(--font-display), sans-serif;color:var(--ink-900);margin:0}a{-webkit-text-decoration:unset;text-decoration:unset;color:var(--ink-900)}.mono{font-family:var(--font-mono), monospace}header[data-v-983eb941]{border-bottom:2px solid var(--ink-900);justify-content:space-between;align-items:center;gap:16px;padding:28px 0 20px;display:flex}header>article[data-v-983eb941]{align-items:baseline;gap:10px;display:flex}.version[data-v-983eb941]{font-size:var(--fs-xs);color:var(--ink-500);border:1px solid var(--ink-300);border-radius:var(--radius-sm);padding:2px 6px}.tool-grid[data-v-15a6db97]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tool-card[data-v-15a6db97]{border:1px solid var(--ink-300);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;background:#fff;padding:18px 16px 16px;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative}.tool-card[data-v-15a6db97]:hover{border-color:var(--ink-700);transform:translateY(-2px);box-shadow:0 6px 14px #12202b1f}.tool-card>span[data-v-15a6db97]{background:var(--signal-400);color:var(--ink-900);font-family:var(--font-mono), monospace;font-size:var(--fs-xs);border-radius:var(--radius-sm);border:1px solid var(--ink-900);padding:2px 8px;font-weight:600;position:absolute;top:-10px;left:14px}.tool-card>div[data-v-15a6db97]{width:32px;height:32px;color:var(--ink-700);justify-content:center;align-items:center;margin-bottom:10px;display:flex}.tool-card>h3[data-v-15a6db97]{font-size:var(--fs-md);margin-bottom:4px}.tool-card>p[data-v-15a6db97]{font-size:var(--fs-sm);color:var(--ink-500);margin:0}footer[data-v-59b59029]{border-top:2px solid var(--ink-900);font-size:var(--fs-xs);color:var(--ink-500);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}footer>article:nth-child(3) a[data-v-59b59029]{align-items:center;display:flex}footer>article:nth-child(3) p[data-v-59b59029]{margin:0}@media (width<=610px){footer[data-v-59b59029]{flex-direction:column}}main[data-v-8080c6e4]{flex:1}.hero[data-v-5acf4422]{border-bottom:2px solid var(--ink-900);grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;margin-bottom:44px;padding:20px 0 44px;display:grid}@media (width<=820px){.hero[data-v-5acf4422]{grid-template-columns:1fr}}.hero-eyebrow[data-v-5acf4422]{font-family:var(--font-mono), monospace;font-size:var(--fs-xs);color:var(--ink-700);background:var(--signal-400);border:1px solid var(--ink-900);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:16px;padding:3px 8px;display:inline-flex}.hero p[data-v-5acf4422]{font-size:var(--fs-md);color:var(--ink-700);max-width:46ch;margin-bottom:24px}.hero-diagram[data-v-5acf4422]{border:1px solid var(--ink-300);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-family:var(--font-mono), monospace;font-size:var(--fs-xs);background:#fff;padding:20px}.hero-diagram-row[data-v-5acf4422]{border-bottom:1px dashed var(--line);color:var(--ink-700);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.hero-diagram-row[data-v-5acf4422]:last-child{border-bottom:none}.hero-diagram-row .tag-mini[data-v-5acf4422]{background:var(--paper-50);border:1px solid var(--ink-300);color:var(--ink-500);border-radius:999px;padding:1px 8px;font-size:.68rem}.promise-bar[data-v-5acf4422]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=640px){.promise-bar[data-v-5acf4422]{grid-template-columns:1fr}}.promise[data-v-5acf4422]{border:1px solid var(--ink-300);border-radius:var(--radius-md);background:#fff;align-items:flex-start;gap:12px;padding:16px;display:flex}.promise-icon[data-v-5acf4422]{border-radius:var(--radius-sm);background:var(--paper-50);width:30px;height:30px;color:var(--ink-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.promise h4[data-v-5acf4422]{font-family:var(--font-body), system-ui;font-size:var(--fs-sm);margin:0 0 3px;font-weight:600}.promise p[data-v-5acf4422]{font-size:var(--fs-xs);color:var(--ink-500);margin:0}canvas[data-v-6eb74bff]{border:1px solid var(--ink-300);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.jwt-grid[data-v-20001d8f]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.json-output[data-v-20001d8f]{background:var(--ink-900);color:var(--paper-0);border-radius:var(--radius-sm);font-family:var(--font-mono), monospace;font-size:var(--fs-xs);white-space:pre-wrap;word-break:break-all;min-height:120px;padding:14px;overflow-x:auto}.jwt-grid h3[data-v-20001d8f]{font-size:var(--fs-sm);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.dot[data-v-20001d8f]:before{content:"";background-color:var(--dot-color,currentColor);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dot-red[data-v-20001d8f]:before{--dot-color:#c04a3d}.dot-purple[data-v-20001d8f]:before{--dot-color:#2563eb}@media (width<=720px){.jwt-grid[data-v-20001d8f]{grid-template-columns:1fr}}.text-success[data-v-20001d8f]{color:var(--ok-500);font-weight:600}.text-error[data-v-20001d8f]{color:var(--err-500);font-weight:600}.text-success[data-v-20001d8f]:before{content:"✔";margin-right:6px}.text-error[data-v-20001d8f]:before{content:"✘";margin-right:6px}.jwt-message p[data-v-20001d8f]{margin:0}