.jwt-decoder[data-v-b05c3eba]{display:flex;flex-direction:column;gap:1rem}.field-label[data-v-b05c3eba]{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem;font-weight:500}.jwt-input[data-v-b05c3eba]{width:100%;min-height:100px;font-family:var(--font-mono);font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.75rem;resize:vertical;outline:none;word-break:break-all}.jwt-input[data-v-b05c3eba]:focus{border-color:var(--accent)}.error-message[data-v-b05c3eba]{padding:.75rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);color:var(--error);font-size:.85rem}.output-sections[data-v-b05c3eba]{display:flex;flex-direction:column;gap:1rem}.status-bar[data-v-b05c3eba]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;flex-wrap:wrap}.status-bar.status-valid[data-v-b05c3eba]{background:#51cf661a;border:1px solid rgba(81,207,102,.3);color:var(--success)}.status-bar.status-expired[data-v-b05c3eba]{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:var(--error)}.status-bar.status-no-exp[data-v-b05c3eba]{background:#ffffff08;border:1px solid var(--border);color:var(--text-secondary)}.status-icon[data-v-b05c3eba]{font-size:1.1rem;font-weight:700}.status-text[data-v-b05c3eba]{font-weight:600}.status-detail[data-v-b05c3eba]{color:var(--text-secondary);font-size:.8rem;margin-left:auto}.section[data-v-b05c3eba]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.section-header[data-v-b05c3eba]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border)}.section-title[data-v-b05c3eba]{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.header-color[data-v-b05c3eba]{color:#ff6b6b}.payload-color[data-v-b05c3eba]{color:#a78bfa}.signature-color[data-v-b05c3eba]{color:#38bdf8}.json-output[data-v-b05c3eba]{padding:.75rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;background:var(--bg-secondary)}.header-bg[data-v-b05c3eba]{border-left:3px solid #ff6b6b}.payload-bg[data-v-b05c3eba]{border-left:3px solid #a78bfa}.signature-bg[data-v-b05c3eba]{border-left:3px solid #38bdf8}@media(max-width:768px){.status-detail[data-v-b05c3eba]{margin-left:0;width:100%}}