:root{--jwt-header-color:oklch(50% .2 15);--jwt-payload-color:oklch(48% .22 320);--jwt-signature-color:oklch(50% .14 190)}@media (prefers-color-scheme:dark){:root{--jwt-header-color:oklch(72% .17 15);--jwt-payload-color:oklch(72% .18 320);--jwt-signature-color:oklch(72% .13 190)}}:root[data-theme=dark]{--jwt-header-color:oklch(72% .17 15);--jwt-payload-color:oklch(72% .18 320);--jwt-signature-color:oklch(72% .13 190)}:root[data-theme=light]{--jwt-header-color:oklch(50% .2 15);--jwt-payload-color:oklch(48% .22 320);--jwt-signature-color:oklch(50% .14 190)}.jwt-generate{gap:var(--space-2);flex-direction:column;display:flex}.jwt-generate__select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;width:fit-content;padding:6px 10px;font-size:.8125rem;font-weight:600}.jwt-generate__hint{color:var(--color-muted);margin:0;font-size:.8125rem}.jwt-secret-input{background:var(--color-bg);width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);padding:9px 12px;font-size:.84375rem}.jwt-secret-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.jwt-input-wrap{flex:1;min-height:320px;position:relative}@media (width>=720px){.jwt-input-wrap{min-height:520px}}.jwt-input-highlight,.jwt-input-editable{box-sizing:border-box;width:100%;height:100%;font-family:var(--font-mono);padding:var(--space-4);white-space:pre-wrap;word-break:break-all;margin:0;font-size:.84375rem;line-height:1.5;position:absolute;inset:0;overflow:auto}.jwt-input-highlight{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);pointer-events:none}.jwt-input-editable{color:#0000;caret-color:var(--color-text);resize:none;background:0 0;border:1px solid #0000}.jwt-input-editable:focus{outline:2px solid var(--color-accent);outline-offset:1px}.jwt-part-header{color:var(--jwt-header-color)}.jwt-part-payload{color:var(--jwt-payload-color)}.jwt-part-signature{color:var(--jwt-signature-color)}.jwt-part-dot{color:var(--color-muted)}.jwt-claims{margin-top:var(--space-2)}.jwt-claims__title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-3);font-size:.8125rem;font-weight:600}.jwt-claims__list{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.jwt-claims__label{color:var(--color-muted);font-size:.8125rem;font-weight:600}.jwt-claims__value{font-family:var(--font-mono);word-break:break-all;margin:0;font-size:.84375rem}.jwt-badge{border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;font-family:var(--font-sans);align-items:center;margin-inline-start:var(--space-2);padding:2px 8px;display:inline-flex}.jwt-badge--valid{background:color-mix(in oklch, var(--color-success) 18%, transparent);color:var(--color-success)}.jwt-badge--expired{background:color-mix(in oklch, var(--color-error) 18%, transparent);color:var(--color-error)}