.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url{color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#f7f8fa;--surface:#fff;--border:#eaecf0;--border-hover:#d0d5dd;--text:#101828;--muted:#667085;--hint:#98a2b3;--accent:#4f7ef8;--accent-light:#eff4ff;--accent-border:#c7d7fd;--success:#027a48;--success-bg:#ecfdf3;--success-border:#abefc6;--error:#c01048;--error-bg:#fff1f3;--error-border:#fecdd6;--mono:"Space Mono", monospace;--sans:"Plus Jakarta Sans", sans-serif;--radius:12px;--radius-sm:8px;--radius-pill:100px;--shadow:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-hover:0 4px 8px #10182814, 0 2px 4px #1018280a}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;font-size:15px;line-height:1.6}body{padding-bottom:8rem}@media (width<=768px){body{padding-bottom:10rem}}.btn{font-family:var(--sans);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.btn:hover{background:var(--bg2);color:var(--text);border-color:var(--border-hover)}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{opacity:.9}.btn.success{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.btn-tiny{font-family:var(--sans);border:1px solid var(--border);height:22px;color:var(--hint);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;transition:all .12s;display:inline-flex}.btn-tiny:hover{background:var(--bg2);color:var(--text);border-color:var(--border-hover)}.btn-tiny.copied{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.btn-tiny:disabled{opacity:.35;cursor:default;pointer-events:none}.chip{font-family:var(--mono);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;padding:0 12px;font-size:12px;transition:all .12s}.chip:hover{border-color:var(--border-hover);color:var(--text)}.chip.active{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent)}.chip.copied{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.status-pill{font-family:var(--mono);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.valid{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-pill.invalid{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.status-pill.empty{background:var(--bg2);color:var(--hint);border:1px solid var(--border)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.spacer{flex:1}.panels-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panels-header{background:var(--surface);border-bottom:.5px solid var(--border);height:36px;min-height:36px;max-height:36px;display:flex}.panel-label-cell{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.panel-label-cell:not(:last-child){border-right:.5px solid var(--border)}.panel-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hint);white-space:nowrap;font-size:9px;font-weight:700}.panel-badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 8px;font-size:9px;font-weight:700}.panels-card textarea,.panels-card .output-box{box-shadow:none;border:none;border-radius:0}.panels-card textarea:focus{box-shadow:inset 0 0 0 2px var(--accent-border);outline:none}.panels-card textarea.error{background:var(--error-bg);box-shadow:inset 0 0 0 2px var(--error-border)}.panels-card .output-box.has-error{color:var(--error);background:var(--error-bg)}.panel-input,.panel-input textarea{background:var(--surface)}.editor-wrap{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panels-card .editor-wrap{gap:0}.panels-card .editor-panel:not(:last-child){border-right:.5px solid var(--border)}@media (width<=640px){.editor-wrap{grid-template-columns:1fr}.panels-card .editor-panel:not(:last-child){border-right:none;border-bottom:.5px solid var(--border)}}textarea{width:100%;font-family:var(--mono);background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;outline:none;padding:14px;font-size:12px;line-height:1.7;transition:border-color .15s,box-shadow .15s}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--surface)}select{font-family:var(--sans);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%2398a2b3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding-right:24px;font-size:13px}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input[type=text],input[type=number],input[type=datetime-local]{font-family:var(--mono);background:var(--surface);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=number]:focus,input[type=datetime-local]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.output-box{width:100%;font-family:var(--mono);background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);white-space:pre;cursor:default;padding:14px;font-size:12px;line-height:1.7;overflow:auto}.accent{color:var(--accent)}.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}.jwt-header{color:var(--accent)}.jwt-payload{color:#1a7f37}.jwt-signature{color:#8250df}.jwt-dot{color:var(--muted)}.topbar.svelte-1f9lgh2{justify-content:space-between;align-items:center;width:100%;padding:1.5rem 1.25rem 2.5rem;display:flex}.badge.svelte-1f9lgh2{font-family:var(--mono);color:var(--hint);font-size:11px;text-decoration:none;transition:color .12s}.badge.svelte-1f9lgh2:hover{color:var(--accent)}.logo.svelte-1f9lgh2{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .12s}.logo.svelte-1f9lgh2:hover{opacity:.75}.logo.svelte-1f9lgh2 span:where(.svelte-1f9lgh2){color:var(--accent)}.network-footer.svelte-19bxjg0{background:var(--surface);border-top:1px solid var(--border);font-family:var(--mono);z-index:100;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 1.25rem;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}.net-label.svelte-19bxjg0{color:var(--hint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;text-decoration:none;transition:color .12s}.net-label.svelte-19bxjg0:hover{color:var(--accent)}.network-footer.svelte-19bxjg0 a:where(.svelte-19bxjg0){color:var(--muted);text-decoration:none;transition:color .12s}.network-footer.svelte-19bxjg0 a:where(.svelte-19bxjg0):hover{color:var(--accent)}.network-footer.svelte-19bxjg0 a.active:where(.svelte-19bxjg0){color:var(--accent);font-weight:700}.sep.svelte-19bxjg0{color:var(--border-hover)}.about-link.svelte-19bxjg0{color:var(--hint);opacity:.7;font-size:.75rem;text-decoration:none;transition:color .12s,opacity .12s}.about-link.svelte-19bxjg0:hover{color:var(--accent);opacity:1}.build-info.svelte-19bxjg0{opacity:.7;font-size:.75rem;font-family:var(--mono);white-space:nowrap}.build-info.svelte-19bxjg0 a:where(.svelte-19bxjg0){color:inherit;text-decoration:none}.build-info.svelte-19bxjg0 a:where(.svelte-19bxjg0):hover{opacity:1;color:var(--accent)}@media (width<=768px){.network-footer.svelte-19bxjg0{margin-top:3rem;position:static}}.app-shell.svelte-12qhfyh{width:100%}