:root{--jwt-editor-min-height:180px;--jwt-claims-grid-col-width:180px;--jwt-monospace-font-size:.88rem;--jwt-claim-label-font-size:.76rem;--jwt-claim-value-font-size:.88rem;--jwt-warning-bg:#ef44441a;--jwt-warning-border:#ef44444d}.dashboard-grid.svelte-1s12kvb{grid-template-columns:1fr 1.5fr;gap:1.5rem;display:grid}@media (width<=767px){.dashboard-grid.svelte-1s12kvb{grid-template-columns:1fr}}.input-section.svelte-1s12kvb{flex-direction:column;display:flex}@media (width>=768px){.input-section.svelte-1s12kvb{height:fit-content;max-height:70vh;position:sticky;top:0;overflow-y:auto}}.parsed-section.svelte-1s12kvb{flex-direction:column;gap:1rem;display:flex}.validity-badge.svelte-1s12kvb{border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-ok) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-ok) 30%, transparent);color:var(--color-ok);text-align:center;padding:.75rem 1rem;font-size:.88rem;font-weight:600}.validity-badge.expired.svelte-1s12kvb{background:var(--jwt-warning-bg);border-color:var(--jwt-warning-border);color:var(--color-text)}.input-card.svelte-1s12kvb{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);padding:1rem}.token-input.svelte-1s12kvb,.editor-area.svelte-1s12kvb{width:100%;min-height:var(--jwt-editor-min-height);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font:var(--jwt-monospace-font-size)/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;resize:vertical;padding:1rem}@media (width<=640px){.token-input.svelte-1s12kvb,.editor-area.svelte-1s12kvb{padding:.75rem;font-size:1rem}}.editor-area.svelte-1s12kvb{background:var(--color-surface-3,var(--color-surface-2));color:var(--color-muted);cursor:not-allowed}.input-actions.svelte-1s12kvb{flex-wrap:wrap;gap:.75rem;margin-top:.9rem;display:flex}.claims-grid.svelte-1s12kvb{grid-template-columns:repeat(auto-fill, minmax(var(--jwt-claims-grid-col-width), 1fr));gap:.75rem;display:grid}@media (width<=640px){.claims-grid.svelte-1s12kvb{grid-template-columns:1fr}}@media (width>=640px) and (width<=767px){.claims-grid.svelte-1s12kvb{grid-template-columns:repeat(2,1fr)}}.claim-card.svelte-1s12kvb{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);padding:.9rem 1rem}.claim-label.svelte-1s12kvb{font-size:var(--jwt-claim-label-font-size);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:.35rem;display:block}.claim-value.svelte-1s12kvb{font-size:var(--jwt-claim-value-font-size);word-break:break-word;font-weight:600;display:block}.claim-card-suspicious.svelte-1s12kvb{background-color:var(--jwt-warning-bg);border-color:var(--jwt-warning-border)}.claim-warning-badge.svelte-1s12kvb{vertical-align:-.05em;margin-left:.4rem;font-size:.85em;display:inline-block}.signature-warning.svelte-1s12kvb{border-radius:var(--radius-xl);background:var(--jwt-warning-bg);border:1px solid var(--jwt-warning-border);align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.warning-icon.svelte-1s12kvb{flex-shrink:0;margin-top:.1rem;font-size:1.2rem}.warning-text.svelte-1s12kvb{color:var(--color-text);font-size:.88rem;font-weight:500;line-height:1.5}.editor-grid.svelte-1s12kvb{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=768px){.editor-grid.svelte-1s12kvb{grid-template-columns:1fr}}.editor-col.svelte-1s12kvb{flex-direction:column;gap:.4rem;display:flex}.section-head.svelte-1s12kvb{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}@media (width<=640px){.section-head.svelte-1s12kvb{justify-content:flex-start}.section-head.svelte-1s12kvb span:where(.svelte-1s12kvb){flex:auto}}@media (width<=375px){.editor-grid.svelte-1s12kvb{gap:.75rem}.section-head.svelte-1s12kvb{gap:.3rem}.section-head.svelte-1s12kvb .copy-btn:where(.svelte-1s12kvb){flex-shrink:0}}.copy-btn.svelte-1s12kvb{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);justify-content:center;align-items:center;min-width:70px;min-height:44px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex}@media (hover:none) and (pointer:coarse){.copy-btn.svelte-1s12kvb{min-width:48px;min-height:48px;padding:.5rem .8rem}}.copy-btn.svelte-1s12kvb:hover{border-color:var(--color-accent)}.copy-btn.svelte-1s12kvb:active{box-shadow:none;transform:translateY(1px)}.copy-btn.svelte-1s12kvb:disabled{background:var(--color-dim);color:var(--color-muted);cursor:not-allowed;border:1px solid var(--color-border)}.copy-btn.svelte-1s12kvb:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.copy-btn.copied.svelte-1s12kvb{border-color:var(--color-success,#22c55e);color:var(--color-success,#22c55e)}.copy-btn-text.svelte-1s12kvb{display:inline-block}.copy-feedback.svelte-1s12kvb{border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-ok) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-ok) 30%, transparent);color:var(--color-ok);margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem;font-weight:500;animation:.2s ease-out svelte-1s12kvb-slide-down}@keyframes svelte-1s12kvb-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}