:root{--jwt-bg:#fff;--jwt-text:#0f172a;--jwt-text-secondary:#334155;--jwt-text-muted:#64748b;--jwt-border:#e2e8f0;--jwt-border-light:#f1f5f9;--jwt-shadow-sm:0 1px 2px #0000000d;--jwt-shadow:0 4px 6px #00000012;--jwt-header-color:#ef4444;--jwt-header-bg:#ef44440f;--jwt-header-border:#ef444426;--jwt-payload-color:#8b5cf6;--jwt-payload-bg:#8b5cf60f;--jwt-payload-border:#8b5cf626;--jwt-signature-color:#06b6d4;--jwt-signature-bg:#06b6d40f;--jwt-signature-border:#06b6d426;--jwt-valid-color:#059669;--jwt-valid-bg:#10b9811a;--jwt-expired-color:#dc2626;--jwt-expired-bg:#ef44441a;--jwt-warning-color:#d97706;--jwt-warning-bg:#f59e0b1a;--jwt-neutral-color:#64748b;--jwt-neutral-bg:#64748b1a;--jwt-input-bg:#f1f5f9;--jwt-input-border:#cbd5e1;--jwt-input-focus:#6366f1;--jwt-card-radius:12px;--jwt-json-key:#0f172a;--jwt-json-string:#059669;--jwt-json-number:#2563eb;--jwt-json-boolean:#d97706;--jwt-json-null:#94a3b8;--jwt-claim-bg:#6366f114;--jwt-claim-hover:#6366f126;--jwt-timestamp-color:#6366f1;--jwt-timestamp-bg:#6366f114}._jwt-container{flex-direction:column;gap:1rem;width:100%;max-width:900px;margin:0 auto;display:flex}@media (max-width:768px){._jwt-container{padding-left:1rem;padding-right:1rem}}._jwt-input-section{background:var(--jwt-bg);border-radius:var(--jwt-card-radius);border-style:solid;border-width:1px;border-color:var(--jwt-border);box-shadow:var(--jwt-shadow);overflow:hidden}._jwt-input-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--jwt-border-light);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._jwt-input-label{color:var(--jwt-text-secondary);letter-spacing:.02em;font-size:.8125rem;font-weight:600}._jwt-input-actions{align-items:center;gap:.5rem;display:flex}._jwt-privacy-badge{background:var(--jwt-valid-bg);color:var(--jwt-valid-color);border-radius:var(--main-radius-full);letter-spacing:.01em;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}._jwt-privacy-badge svg{flex-shrink:0}._jwt-btn{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}._jwt-btn-ghost{color:var(--jwt-text-muted);border-style:solid;border-width:1px;border-color:var(--jwt-border);background:0 0}._jwt-btn-ghost:hover{background:var(--jwt-border-light);color:var(--jwt-text)}._jwt-textarea{background:var(--jwt-input-bg);width:calc(100% - 1.5rem);min-height:120px;color:var(--jwt-text);font-family:var(--main-font-mono);border-style:solid;border-width:1.5px;border-color:var(--jwt-input-border);resize:vertical;word-break:break-all;border-radius:8px;outline:none;margin:.75rem;padding:1rem;font-size:.8125rem;line-height:1.6;transition:border-color .15s,box-shadow .15s;display:block}._jwt-textarea::placeholder{color:var(--jwt-text-muted)}._jwt-textarea:focus{border-color:var(--jwt-input-focus);box-shadow:0 0 0 3px #6366f126}._jwt-error{background:var(--jwt-expired-bg);color:var(--jwt-expired-color);border-top:1px solid #ef44441f;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;display:flex}._jwt-error svg{flex-shrink:0}._jwt-status-bar{background:var(--jwt-bg);border-radius:var(--jwt-card-radius);border-style:solid;border-width:1px;border-color:var(--jwt-border);box-shadow:var(--jwt-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}._jwt-status-left,._jwt-status-right{align-items:center;gap:.5rem;display:flex}._jwt-algo-badge{background:var(--jwt-neutral-bg);color:var(--jwt-text-secondary);font-family:var(--main-font-mono);border-radius:var(--main-radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}._jwt-type-badge{background:var(--jwt-neutral-bg);color:var(--jwt-text-muted);border-radius:var(--main-radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}._jwt-exp-badge{border-radius:var(--main-radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}._jwt-exp-badge.valid{background:var(--jwt-valid-bg);color:var(--jwt-valid-color)}._jwt-exp-badge.expired{background:var(--jwt-expired-bg);color:var(--jwt-expired-color)}._jwt-exp-badge.not-yet{background:var(--jwt-warning-bg);color:var(--jwt-warning-color)}._jwt-exp-badge.no-exp{background:var(--jwt-neutral-bg);color:var(--jwt-neutral-color)}._jwt-exp-time{color:var(--jwt-text-muted);font-size:.75rem}@media (max-width:480px){._jwt-input-header{flex-direction:column;align-items:flex-start;gap:.5rem}._jwt-input-actions{flex-wrap:wrap}._jwt-status-bar{flex-direction:column;align-items:flex-start}}._jwt-output{flex-direction:column;gap:1rem;display:flex}._jwt-panels{grid-template-columns:1fr 1fr;gap:1rem;display:grid}._jwt-panel{background:var(--jwt-bg);border-radius:var(--jwt-card-radius);border-style:solid;border-width:1px;border-color:var(--jwt-border);box-shadow:var(--jwt-shadow);overflow:hidden}._jwt-panel-header{border-color:var(--jwt-header-border)}._jwt-panel-payload{border-color:var(--jwt-payload-border)}._jwt-panel-signature{border-color:var(--jwt-signature-border)}._jwt-panel-top{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._jwt-panel-label{letter-spacing:.08em;color:var(--jwt-text-muted);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;display:flex}._jwt-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}._jwt-dot-header{background:var(--jwt-header-color)}._jwt-dot-payload{background:var(--jwt-payload-color)}._jwt-dot-signature{background:var(--jwt-signature-color)}._jwt-copy-btn{border-style:solid;border-width:1px;border-color:var(--jwt-border);width:1.75rem;height:1.75rem;color:var(--jwt-text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}._jwt-copy-btn:hover{background:var(--jwt-border-light);color:var(--jwt-text)}._jwt-copy-btn.copied{background:var(--jwt-valid-bg);border-color:var(--jwt-valid-color);color:var(--jwt-valid-color)}._jwt-json{font-family:var(--main-font-mono);color:var(--jwt-text);white-space:pre-wrap;word-break:break-word;min-height:80px;margin:0;padding:1rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}._jwt-json-payload{min-height:120px}._jwt-json .json-key{color:var(--jwt-json-key);font-weight:600}._jwt-json .json-string{color:var(--jwt-json-string)}._jwt-json .json-number{color:var(--jwt-json-number)}._jwt-json .json-boolean{color:var(--jwt-json-boolean)}._jwt-json .json-null{color:var(--jwt-json-null)}._jwt-json .json-claim{cursor:help;background:var(--jwt-claim-bg);border-radius:4px;margin:-.0625rem -.25rem;padding:.0625rem .25rem;transition:background .15s}._jwt-json .json-claim:hover{background:var(--jwt-claim-hover)}._jwt-json .json-timestamp{color:var(--jwt-timestamp-color);background:var(--jwt-timestamp-bg);border-radius:4px;margin-left:.5rem;padding:.125rem .375rem;font-size:.6875rem;font-style:italic;font-weight:400;display:inline}._jwt-signature-content{font-family:var(--main-font-mono);color:var(--jwt-text-muted);word-break:break-all;white-space:pre-wrap;padding:.75rem 1rem;font-size:.75rem;line-height:1.6}@media (max-width:768px){._jwt-panels{grid-template-columns:1fr}}@media (max-width:480px){._jwt-json{padding:.75rem;font-size:.75rem}._jwt-signature-content{padding:.625rem .75rem;font-size:.6875rem}}