main{padding:32px 24px 64px}.container-wide{max-width:1200px;margin:0 auto}.title-section{margin-bottom:28px}.title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.subtitle{color:var(--muted);font-size:14px;margin-top:8px}.input-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px}.card- .card-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.jwt-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start}.config-panel,.output-panel{display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field-group label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field-group input,.field-group select{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:8px 12px;border-radius:var(--r);outline:none;font-size:13px;font-family:JetBrains Mono,monospace;transition:border-color .2s}.field-group input:focus,.field-group select:focus{border-color:var(--accent)}.field-group select option{background:var(--bg3);color:#fff}.input-card textarea{background:var(--bg3);border:1px solid var(--border);color:#adbac7;padding:12px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:13px;resize:vertical;min-height:120px;width:100%;transition:border-color .2s;line-height:1.6}.input-card textarea:focus{border-color:var(--accent)}.token-card textarea{min-height:100px;font-size:12px;color:var(--accent);word-break:break-all;font-weight:600}.decoded-view{display:flex;flex-direction:column;gap:8px}.decoded-part{border-radius:var(--r);padding:12px;border:1px solid var(--border)}.decoded-part.header-part{border-color:#ff7b72;background:#ff7b720d}.decoded-part.payload-part{border-color:#d2a8ff;background:#d2a8ff0d}.decoded-part.signature-part{border-color:#3fb950;background:#3fb9500d}.part-label{font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:8px}.decoded-part.header-part .part-label{color:#ff7b72}.decoded-part.payload-part .part-label{color:#d2a8ff}.decoded-part.signature-part .part-label{color:#3fb950}.decoded-part pre{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text);white-space:pre-wrap;word-break:break-all;margin:0}.sig-display{color:#3fb950!important}.error-msg{background:#ff50501a;border:1px solid rgba(255,80,80,.3);color:#ff7070;padding:12px 16px;border-radius:var(--r);font-size:13px}@media(max-width:768px){.jwt-grid{grid-template-columns:1fr}main{padding:20px 16px 48px}.title{font-size:22px}}