.jwt-app{display:flex;flex-direction:column;height:100%;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;}.jwt-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap;}.jwt-header-left{display:flex;align-items:center;gap:8px;}.jwt-header-right{display:flex;align-items:center;gap:8px;}.jwt-title{font-size:15px;font-weight:700;color:var(--text);}.jwt-input-section{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-2);}.jwt-input-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);margin-bottom:8px;display:block;}.jwt-input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-family:var(--font-mono);font-size:12px;line-height:1.6;resize:vertical;outline:none;min-height:80px;max-height:200px;transition:border-color 0.15s;}.jwt-input:focus{border-color:var(--accent);}.jwt-input::placeholder{color:var(--text-muted);opacity:0.5;}.jwt-decoded-area{flex:1;overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px;}.jwt-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;}.jwt-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);}.jwt-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.jwt-section-title.header-color{color:var(--syn-keyword);}.jwt-section-title.payload-color{color:var(--accent);}.jwt-section-title.signature-color{color:var(--syn-string);}.jwt-section-content{padding:12px 16px;font-family:var(--font-mono);font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-all;color:var(--text);}.jwt-claim-row{display:flex;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px;}.jwt-claim-row:last-child{border-bottom:none;}.jwt-claim-key{min-width:100px;color:var(--syn-field);font-family:var(--font-mono);font-weight:500;}.jwt-claim-value{color:var(--text);font-family:var(--font-mono);flex:1;word-break:break-all;}.jwt-claim-desc{color:var(--text-muted);font-size:11px;margin-left:8px;font-family:var(--font-sans);white-space:nowrap;}.jwt-info-badges{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2);}.jwt-info-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;}.jwt-info-badge.valid{background:rgba(0,255,170,0.1);color:var(--green);}.jwt-info-badge.expired{background:rgba(255,51,102,0.1);color:var(--red);}.jwt-info-badge.info{background:var(--accent-light);color:var(--accent);}.jwt-status-bar{padding:6px 16px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);}.jwt-error{color:var(--red);font-style:italic;}.jwt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-muted);gap:8px;padding:40px;text-align:center;}.jwt-empty-state svg{opacity:0.3;margin-bottom:8px;}.jwt-empty-state p{font-size:14px;}.jwt-empty-state .jwt-hint{font-size:12px;opacity:0.6;}@media (max-width:768px){.jwt-header{padding:10px 14px;}.jwt-input-section{padding:12px 14px;}.jwt-decoded-area{padding:12px 14px;gap:12px;}.jwt-claim-row{flex-direction:column;gap:2px;}.jwt-claim-key{min-width:auto;}.jwt-claim-desc{margin-left:0;white-space:normal;}.jwt-info-badges{flex-direction:column;gap:4px;}}