.jwt-app{height:100%;min-height:0;display:flex}.jwt-app__input{resize:horizontal;border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;width:460px;min-width:340px;max-width:60vw;display:flex;overflow:hidden}.jwt-app__result{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.jwt-panel{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow:auto}.jwt-panel__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.jwt-panel__spacer{flex:1}.jwt-block{flex-direction:column;gap:5px;display:flex}.jwt-block--grow{flex:1;min-height:0}.jwt-block__label{color:var(--text-dim);align-items:center;gap:5px;font-size:12px;display:inline-flex}.jwt-textarea{min-height:150px;color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);resize:none;word-break:break-all;border-radius:8px;flex:1;padding:9px 11px;font-family:JetBrains Mono,Cascadia Code,ui-monospace,Consolas,monospace;font-size:12px;line-height:1.6}.jwt-textarea:focus{border-color:var(--accent);outline:none}.jwt-hint-line{color:var(--text-dim);margin:0;font-size:11.5px;line-height:1.5}.jwt-input{min-width:0;height:32px;color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:6px;flex:1;padding:0 10px;font-family:JetBrains Mono,Cascadia Code,ui-monospace,Consolas,monospace;font-size:12.5px}.jwt-input:focus{border-color:var(--accent);outline:none}.jwt-text-btn{white-space:nowrap;align-items:center;gap:5px;height:30px;padding:0 11px;font-size:12.5px;display:inline-flex}.jwt-text-btn svg{flex-shrink:0}.jwt-text-btn.is-danger:hover:not(:disabled){color:var(--danger-text);background:var(--danger-bg);border-color:var(--error)}.jwt-icon-btn{width:32px;height:32px;color:var(--text-dim);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.jwt-icon-btn:hover{color:var(--text)}.jwt-verify{border-top:1px solid var(--border);flex-direction:column;flex:none;gap:7px;padding-top:10px;display:flex}.jwt-secret{align-items:center;gap:6px;display:flex}.jwt-check{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.jwt-check input{accent-color:var(--accent)}.jwt-result{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 18px 20px;display:flex;overflow:auto}.jwt-result--center{text-align:center;justify-content:center;align-items:center}.jwt-result__bar,.jwt-result__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jwt-empty__title{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.jwt-empty__body{max-width:380px;color:var(--text-dim);margin:0;font-size:13px}.jwt-badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.jwt-badge--valid{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.jwt-badge--expired{color:var(--error);background:var(--error-bg);border-color:var(--error-border)}.jwt-badge--notYet,.jwt-badge--noExp{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.jwt-chip{color:var(--text-dim);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:11.5px}.jwt-meta{color:var(--text-dim);font-size:12px}.jwt-segments{color:var(--text-dim);background:var(--bg-input);border:1px solid var(--border);word-break:break-all;border-radius:8px;padding:9px 11px;font-family:JetBrains Mono,Cascadia Code,ui-monospace,Consolas,monospace;font-size:11.5px;line-height:1.7}.jwt-seg--header{color:var(--info)}.jwt-seg--payload{color:var(--accent)}.jwt-seg--signature{color:var(--text-dim)}.jwt-seg__dot{color:var(--text);font-weight:700}.jwt-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.jwt-card{flex-direction:column;gap:7px;min-width:0;display:flex}.jwt-card__title{border-left:3px solid var(--border-strong);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;margin:0;padding-left:8px;font-size:11.5px;font-weight:600}.jwt-card__title--header{border-left-color:var(--info)}.jwt-card__title--payload{border-left-color:var(--accent)}.jwt-output{color:var(--code-text);background:var(--bg-input);border:1px solid var(--border);white-space:pre;border-radius:8px;margin:0;padding:11px 13px;font-size:12px;line-height:1.6;overflow:auto}.jwt-claims{border-collapse:collapse;width:100%;font-size:12.5px}.jwt-claims td{border-bottom:1px solid var(--border);vertical-align:top;padding:7px 10px 7px 0}.jwt-claims__name{width:34%;min-width:120px}.jwt-claims__name code{color:var(--accent);background:var(--bg-elevated);border-radius:4px;padding:1px 5px;font-size:12px}.jwt-claims__meaning{color:var(--text-dim);margin-top:3px;font-size:11.5px;line-height:1.5;display:block}.jwt-claims__value{color:var(--text);word-break:break-word}.jwt-claims__raw{font-family:JetBrains Mono,Cascadia Code,ui-monospace,Consolas,monospace;font-size:12px;display:block}.jwt-claims__time{color:var(--ok);margin-top:3px;font-size:12px;display:block}.jwt-claims__utc{color:var(--text-dim);font-size:11px;display:block}.jwt-claims__warn{color:var(--warn);margin-top:3px;font-size:11.5px;display:block}.jwt-note{border:1px solid #0000;border-radius:6px;margin:0;padding:6px 9px;font-size:12.5px;line-height:1.6}.jwt-note--error{color:var(--error);background:var(--error-bg);border-color:var(--error-border)}.jwt-note--warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.jwt-note--info{color:var(--info);background:var(--info-bg);border-color:var(--info-border)}.jwt-note--ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.jwt-note--muted{color:var(--text-dim);background:var(--bg-elevated);border-color:var(--border)}@media (width<=900px){.jwt-app{flex-direction:column}.jwt-app__input{resize:none;border-right:none;border-bottom:1px solid var(--border);flex:1;width:auto;min-width:0;max-width:none;min-height:260px}.jwt-app__result{flex:none;min-height:240px}}