:root{--bg:#070d1a;--panel:#0f172a;--panel-2:#152238;--border:#1e293b;--line:#1e293b;--chip-bg:#070d1aeb;--text:#e2e8f0;--muted:#8a96ab;--accent:#4f8cff;--accent-2:#22d3ee;--accent-3:#a78bfa;--green:#34d399;--yellow:#fbbf24;--blue:#60a5fa;--danger:#ff5d73;--red:#ff5d73;--gutter:clamp(18px, 4vw, 48px);--suite-nav-h:44px;--radius-sm:8px;--radius:12px;--radius-lg:18px;--chip-radius:999px;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--font-size-chip:11px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.suite-nav{z-index:70;height:var(--suite-nav-h);padding:0 var(--gutter);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));background:var(--chip-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.suite-brand{color:var(--text);letter-spacing:.2px;white-space:nowrap;align-items:center;gap:9px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.suite-brand:hover .suite-brand-name{color:var(--accent-2)}.suite-logo{width:26px;height:26px;box-shadow:0 0 0 1px var(--border);border-radius:7px;flex:none}.suite-current{border-left:1px solid var(--border);color:var(--muted);letter-spacing:.2px;white-space:nowrap;align-items:center;gap:7px;margin-left:6px;padding-left:12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.suite-current-icon{border-radius:5px;flex:none;width:18px;height:18px}.suite-current-name{text-overflow:ellipsis;overflow:hidden}.suite-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.suite-menu{position:relative}.suite-menu summary{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.3px;color:var(--muted);border:1px solid var(--border);border-radius:var(--chip-radius);background:var(--chip-bg);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;list-style:none;transition:color .16s,border-color .16s;display:inline-flex}.suite-menu summary::-webkit-details-marker{display:none}.suite-menu summary:hover,.suite-menu[open] summary{color:var(--text);border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.suite-menu-list{background:var(--panel);border:1px solid var(--border);z-index:71;border-radius:12px;min-width:224px;max-height:min(72vh,520px);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 20px 50px #00000080}.suite-menu-list a{color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.suite-menu-list a:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.suite-menu-list img{border-radius:5px;flex:none;width:18px;height:18px}.suite-menu-list li[data-current="1"] a{color:var(--accent-2);font-weight:700}.version-chip{top:calc(var(--suite-nav-h) + 12px);z-index:45;background:var(--chip-bg);border:1px solid var(--border);color:var(--muted);letter-spacing:.4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;cursor:default;border-radius:10px;flex-direction:column;padding:5px 10px;font-size:11px;font-weight:600;line-height:1.35;display:flex;position:fixed;left:12px}.version-chip-line{display:block}.version-chip-date{letter-spacing:.3px;opacity:.85;font-size:10px;font-weight:500}.hit-chip{top:calc(var(--suite-nav-h) + 58px);z-index:45;background:var(--chip-bg);border:1px solid var(--border);color:var(--muted);letter-spacing:.4px;border-radius:var(--chip-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;position:fixed;left:12px}.hit-chip:hover{border-color:var(--accent);color:var(--text)}.feedback-chip{top:calc(var(--suite-nav-h) + 80px);z-index:45;background:var(--chip-bg);border:1px solid var(--border);color:var(--muted);letter-spacing:.4px;border-radius:var(--chip-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;position:fixed;left:12px}.feedback-chip:hover{border-color:var(--accent);color:var(--text)}.lang-select{top:calc(var(--suite-nav-h) + 114px);z-index:45;background:var(--chip-bg);border:1px solid var(--border);color:var(--muted);letter-spacing:.4px;border-radius:var(--chip-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;outline:none;padding:3px 6px;font-size:11px;font-weight:600;position:fixed;left:12px}.lang-select:hover,.lang-select:focus{border-color:var(--accent);color:var(--text)}.lang-select option{background:var(--panel);color:var(--text)}.donate-btn{z-index:60;background:#fff;border-radius:14px;padding:8px;line-height:0;transition:transform .12s,box-shadow .12s;display:inline-block;position:fixed;bottom:18px;left:18px;box-shadow:0 6px 20px #00000059}.donate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000073}.donate-img{width:auto;height:47px;display:block}.app-footer{bottom:max(14px, env(safe-area-inset-bottom));z-index:40;max-width:calc(100vw - 2 * var(--gutter));background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--chip-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:5px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.app-footer a,.app-footer span{color:var(--muted);letter-spacing:.4px;font-size:11px;font-weight:600;text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{color:var(--text);outline:none}.footer-sep{color:var(--border);font-size:11px}.app-footer-privacy,.privacy-indicator{letter-spacing:.4px;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.app-footer-privacy .dot,.privacy-indicator .dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 6px}.app-footer-privacy.privacy-green,.privacy-indicator.privacy-green{color:var(--green)}.app-footer-privacy.privacy-yellow,.privacy-indicator.privacy-yellow{color:var(--yellow)}.app-footer-privacy.privacy-blue,.privacy-indicator.privacy-blue{color:var(--blue)}@media (max-width:640px){.suite-brand-name{display:none}.suite-current-name{max-width:34vw}html body .app input,html body .app select,html body .app textarea,html body .app .lang-select{font-size:16px}html body .app td,html body .app th{overflow-wrap:anywhere}html body .app .btn{min-height:40px}.donate-btn{padding:6px;inset:calc(50% - 30px) auto auto 12px}.donate-img{height:32px}}@media (prefers-reduced-motion:reduce){.donate-btn{transition:none}}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{min-height:100vh;padding-top:var(--suite-nav-h)}.jwt-app{--jwt-accent:#f43f5e}.jwt-wrap{max-width:1180px;padding:26px var(--gutter) 108px;margin:0 auto}.jwt-hero{text-align:center;margin-bottom:22px}.jwt-hero h1{letter-spacing:-.6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 0 10px;font-size:clamp(26px,5vw,42px);display:inline-flex}.jwt-hero p{max-width:820px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.65}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .12s,color .12s,background .12s,opacity .12s}.btn:hover:not(:disabled){border-color:var(--jwt-accent);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:0 0}.jwt-input{border:1px solid var(--border);background:#070d1a8c;border-radius:14px;margin-bottom:18px;padding:16px 18px}.jwt-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.jwt-token-input,.jwt-key-input,.jwt-json-input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);resize:vertical;background:#0a1224;border-radius:10px;padding:11px 13px;font-size:12.5px;line-height:1.55}.jwt-token-input{min-height:92px}.jwt-key-input{min-height:64px}.jwt-json-input{min-height:150px}.jwt-token-input:focus,.jwt-key-input:focus,.jwt-json-input:focus{border-color:var(--jwt-accent);outline:none}.jwt-input-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.jwt-parts{font-family:var(--font-mono);flex-wrap:wrap;align-items:stretch;gap:6px;margin-top:12px;font-size:11.5px;line-height:1.5;display:flex}.jwt-part{overflow-wrap:anywhere;word-break:break-all;border-radius:7px;flex:180px;min-width:0;padding:7px 9px}.jwt-part-header{background:color-mix(in srgb, var(--jwt-accent) 20%, transparent);color:#fecdd3;border:1px solid color-mix(in srgb, var(--jwt-accent) 45%, transparent)}.jwt-part-payload{background:color-mix(in srgb, var(--accent-2) 18%, transparent);color:#a5f3fc;border:1px solid color-mix(in srgb, var(--accent-2) 45%, transparent)}.jwt-part-signature{background:color-mix(in srgb, var(--green) 16%, transparent);color:#a7f3d0;border:1px solid color-mix(in srgb, var(--green) 45%, transparent)}.jwt-note{color:var(--muted);margin:12px 0 0;font-size:12.5px;line-height:1.55}.jwt-green{color:var(--green)}.jwt-warn-text{color:var(--yellow)}.jwt-summary{border:1px solid var(--border);background:#070d1a99;border-radius:16px;margin-bottom:18px;padding:18px 20px 16px;position:relative;overflow:hidden}.jwt-summary:before{content:"";width:4px;position:absolute;inset:0 auto 0 0}.jwt-summary.is-high:before{background:var(--danger)}.jwt-summary.is-medium:before{background:var(--yellow)}.jwt-summary.is-low:before{background:var(--green)}.jwt-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.jwt-summary-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:12px}.jwt-level{letter-spacing:.4px;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.is-high .jwt-level{color:var(--danger);background:color-mix(in srgb, var(--danger) 16%, transparent)}.is-medium .jwt-level{color:var(--yellow);background:color-mix(in srgb, var(--yellow) 16%, transparent)}.is-low .jwt-level{color:var(--green);background:color-mix(in srgb, var(--green) 16%, transparent)}.jwt-summary.is-none .jwt-level{color:var(--muted);background:color-mix(in srgb, var(--muted) 16%, transparent)}.jwt-summary-text{color:var(--text);margin:10px 0 0;font-size:15px;line-height:1.55}.jwt-legend{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.jwt-legend-item{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.jwt-legend-item .dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 6px}.jwt-legend-item.tone-good{color:var(--green)}.jwt-legend-item.tone-warn{color:var(--danger)}.tone-neutral{color:var(--muted)}.jwt-search{margin-bottom:16px}.jwt-search input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:#0a1224;border-radius:10px;padding:10px 13px;font-size:13px}.jwt-search input:focus{border-color:var(--jwt-accent);outline:none}.jwt-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:16px;display:grid}.jwt-card{border:1px solid var(--border);background:#070d1a8c;border-radius:14px;min-width:0;padding:16px 18px 14px}.jwt-card-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.jwt-card-title{letter-spacing:-.2px;margin:0 0 6px;font-size:14px}.jwt-count{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.jwt-card-desc{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.55}.jwt-card-note{color:color-mix(in srgb, var(--muted) 80%, transparent);margin:12px 0 0;font-size:11.5px;line-height:1.5}.jwt-items{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.jwt-item{border-bottom:1px solid var(--border);padding:9px 2px}.jwt-item:last-child{border-bottom:none}.jwt-item-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.jwt-item-label{color:var(--muted);white-space:nowrap;font-size:12.5px}.jwt-item-value{font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;color:var(--text);font-size:12.5px;font-weight:600}.jwt-item.tone-warn .jwt-item-value{color:var(--danger)}.jwt-item.tone-good .jwt-item-value{color:var(--green)}.jwt-item-hint{color:color-mix(in srgb, var(--muted) 80%, transparent);margin:3px 0 0;font-size:11px;line-height:1.45}.jwt-verify{border-top:1px dashed var(--border);margin-top:14px;padding-top:12px}.jwt-verify-title{margin:0 0 4px;font-size:12.5px}.jwt-verify-intro{color:var(--muted);margin:0 0 10px;font-size:11.5px;line-height:1.5}.jwt-verify-controls{gap:9px;display:grid}.jwt-verify-controls select{border:1px solid var(--border);color:var(--text);background:#0a1224;border-radius:9px;padding:9px 11px;font-size:13px}.jwt-verify-controls select:focus{border-color:var(--jwt-accent);outline:none}.jwt-verify-controls .btn{justify-self:start}.jwt-verify-result{margin:10px 0 0;font-size:12.5px;font-weight:700}.jwt-verify-result.tone-good{color:var(--green)}.jwt-verify-result.tone-warn{color:var(--danger)}.jwt-verify-result.tone-neutral{color:var(--muted)}.jwt-hint{color:color-mix(in srgb, var(--muted) 80%, transparent);margin:8px 0 0;font-size:11px}.jwt-tips{border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.jwt-tips-title{letter-spacing:.7px;text-transform:uppercase;color:var(--jwt-accent);margin:0 0 7px;font-size:10.5px;font-weight:700}.jwt-tips-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.jwt-tips-list li{color:var(--muted);padding-left:18px;font-size:11.5px;line-height:1.5;position:relative}.jwt-tips-list li:before{content:"";background:var(--jwt-accent);width:6px;height:6px;box-shadow:0 0 6px color-mix(in srgb, var(--jwt-accent) 70%, transparent);border-radius:50%;position:absolute;top:6px;left:2px}.jwt-report{border:1px solid var(--border);background:#070d1a8c;border-radius:14px;margin-top:18px;padding:16px 18px}.jwt-report-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.jwt-toast{z-index:80;background:var(--panel);border:1px solid var(--jwt-accent);color:var(--jwt-accent);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}@media (max-width:520px){.jwt-item-label{white-space:normal}.jwt-item-row{flex-direction:column;gap:2px}.jwt-item-value{text-align:left}}