.jwt-layout{align-content:start;gap:.75rem;display:grid}.jwt-layout .header{margin-bottom:3.65rem}#app.jwt-app{max-width:1280px;padding-left:1rem;padding-right:1rem}.jwt-grid{grid-template-columns:1fr;align-items:start;gap:.9rem;display:grid}@media (width>=900px){.jwt-grid{grid-template-columns:1fr 1fr}}.jwt-results-col{flex-direction:column;gap:.9rem;display:flex}.jwt-panel{flex-direction:column;gap:.55rem;min-width:0;display:flex}.jwt-panel-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.jwt-head-actions{align-items:center;gap:.4rem;display:inline-flex}.jwt-panel-title{color:var(--muted);margin:0;font-size:.95rem}.btn.jwt-action-btn,.btn.jwt-copy-section-btn{padding:.2rem .6rem;font-size:.82rem}.jwt-textarea{resize:vertical;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;height:28rem;color:var(--text);box-shadow:var(--shadow);word-break:break-all;padding:.8rem .9rem;font:500 13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;overflow:auto}.jwt-textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.jwt-textarea::placeholder{color:var(--muted);opacity:.7}.jwt-error{border-radius:var(--radius);color:#ef4444;background:#ef444414;border:1px solid #ef444499;padding:.55rem .8rem;font-size:.85rem}.jwt-pre{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);white-space:pre-wrap;word-break:break-all;min-height:3.5rem;margin:0;padding:.8rem .9rem;font:500 12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.jwt-sig{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--muted);box-shadow:var(--shadow);word-break:break-all;min-height:3.5rem;padding:.8rem .9rem;font:500 12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.jwt-exp-info{border-radius:var(--radius);white-space:nowrap;padding:.15rem .55rem;font-size:.8rem;font-weight:500;display:inline-block}.jwt-exp--valid{color:#16a34a;background:#22c55e14;border:1px solid #22c55e80}.jwt-exp--expired{color:#dc2626;background:#ef444414;border:1px solid #ef444480}.jwt-exp--neutral{border:1px solid var(--border);background:var(--surface);color:var(--muted)}.global-toast{z-index:9999;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:10px;padding:.5rem .75rem;transition:opacity .18s,transform .18s;position:fixed;top:1rem;left:50%;transform:translate(-50%,-8px)}.global-toast--visible{opacity:1;transform:translate(-50%)}