@keyframes premium-fade-in-a4f05df2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes premium-slide-up-a4f05df2{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes premium-scale-in-a4f05df2{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes premium-glow-pulse-a4f05df2{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes premium-float-a4f05df2{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}75%{transform:translateY(5px) rotate(-1deg)}}@keyframes premium-shimmer-a4f05df2{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-shift-a4f05df2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes border-glow-a4f05df2{0%,to{border-color:#6366f14d;box-shadow:0 0 20px #6366f11a}50%{border-color:#8b5cf680;box-shadow:0 0 30px #8b5cf633}}.premium-container[data-v-a4f05df2]{margin:0 auto;max-width:1400px;padding:0 1.5rem;width:100%}@media(max-width:767px){.premium-container[data-v-a4f05df2]{padding:0 1rem}}.premium-container-narrow[data-v-a4f05df2]{max-width:1000px}.premium-container-wide[data-v-a4f05df2]{max-width:1600px}.premium-grid[data-v-a4f05df2]{display:grid;gap:1.5rem}.premium-grid.grid-2[data-v-a4f05df2]{grid-template-columns:repeat(2,1fr)}@media(max-width:767px){.premium-grid.grid-2[data-v-a4f05df2]{grid-template-columns:1fr}}.premium-grid.grid-3[data-v-a4f05df2]{grid-template-columns:repeat(3,1fr)}@media(min-width:768px)and (max-width:1023px){.premium-grid.grid-3[data-v-a4f05df2]{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.premium-grid.grid-3[data-v-a4f05df2]{grid-template-columns:1fr}}.premium-grid.grid-4[data-v-a4f05df2]{grid-template-columns:repeat(4,1fr)}@media(min-width:768px)and (max-width:1023px){.premium-grid.grid-4[data-v-a4f05df2]{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.premium-grid.grid-4[data-v-a4f05df2]{grid-template-columns:1fr}}.premium-grid.grid-auto[data-v-a4f05df2]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}[data-v-a4f05df2]:root{--premium-primary:#6366f1;--premium-primary-light:#818cf8;--premium-primary-dark:#4f46e5;--premium-accent:#f97316;--premium-success:#10b981;--premium-error:#ef4444;--premium-warning:#f59e0b;--premium-bg-base:#0a0a0b;--premium-bg-elevated:#111113;--premium-bg-surface:#18181b;--premium-text-primary:#f4f4f5;--premium-text-secondary:#a1a1aa;--premium-text-muted:#71717a;--premium-border:hsla(0,0%,100%,.08);--premium-border-hover:hsla(0,0%,100%,.15);--premium-shadow-glow:0 0 40px rgba(99,102,241,.3),0 0 80px rgba(139,92,246,.2);--premium-ease:cubic-bezier(.4,0,.2,1);--premium-duration:.3s}.jwt-page[data-v-a4f05df2]{background-color:#000;min-height:100vh;overflow-x:hidden;padding:6rem 1.5rem 3rem;position:relative}@media(max-width:767px){.jwt-page[data-v-a4f05df2]{padding:5rem 1rem 2rem}}.background-effects[data-v-a4f05df2]{inset:0;pointer-events:none;position:fixed;z-index:0}.glow-orb[data-v-a4f05df2]{animation:pulse-slow-a4f05df2 8s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;filter:blur(150px);mix-blend-mode:screen;position:absolute}.glow-orb--blue[data-v-a4f05df2]{background:#0a84ff26;height:600px;left:20%;top:-20%;width:600px}.glow-orb--purple[data-v-a4f05df2]{animation-delay:-3s;background:#8a2be21f;bottom:-20%;height:500px;right:20%;width:500px}.glow-orb--cyan[data-v-a4f05df2]{animation-delay:-5s;background:#32ade61a;height:400px;right:10%;top:40%;width:400px}.grid-overlay[data-v-a4f05df2]{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000,transparent);position:absolute}@keyframes pulse-slow-a4f05df2{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-10px)}}.jwt-container[data-v-a4f05df2]{gap:1.5rem;margin:0 auto;max-width:1500px;position:relative;z-index:1}.jwt-container[data-v-a4f05df2],.jwt-header[data-v-a4f05df2]{display:flex;flex-direction:column}.jwt-header[data-v-a4f05df2]{align-items:center;gap:.75rem;justify-content:center;margin-bottom:.5rem;text-align:center}.title-glow-effect[data-v-a4f05df2]{background:#0a84ff38;border-radius:9999px;filter:blur(60px);height:70px;left:50%;opacity:.35;pointer-events:none;position:absolute;top:38px;transform:translate(-50%);width:320px}.title-capsule[data-v-a4f05df2]{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;box-shadow:0 8px 32px #0003;display:inline-flex;gap:1.25rem;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .5s ease}.title-capsule[data-v-a4f05df2]:hover{background:#ffffff0d;transform:translateY(-4px)}.title-capsule:hover .title-shine[data-v-a4f05df2]{animation:title-shine-pass-a4f05df2 1s ease-in-out}.title-shine[data-v-a4f05df2]{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.07),transparent);inset:0;pointer-events:none;position:absolute;transform:translate(-150%) skew(-20deg)}@keyframes title-shine-pass-a4f05df2{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(150%) skew(-20deg)}}.title-icon-wrapper[data-v-a4f05df2]{align-items:center;background:linear-gradient(135deg,rgba(10,132,255,.2),transparent);border:1px solid rgba(10,132,255,.2);border-radius:50%;display:flex;height:2.25rem;justify-content:center;width:2.25rem}.title-icon-wrapper .material-symbols-outlined[data-v-a4f05df2]{color:#0a84ff;font-size:20px}.title-divider[data-v-a4f05df2]{background:#ffffff1a;height:1.25rem;width:1px}.jwt-title[data-v-a4f05df2]{color:#fff;font-size:1.5rem;font-weight:300;letter-spacing:.2em;margin:0;text-transform:uppercase}.title-subtitle[data-v-a4f05df2]{color:#ffffff80;font-size:.875rem}.jwt-actions[data-v-a4f05df2]{display:flex;justify-content:center;margin-bottom:.5rem}.action-capsule[data-v-a4f05df2]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);display:inline-flex;padding:.375rem}.action-btn[data-v-a4f05df2],.action-capsule[data-v-a4f05df2]{align-items:center;border-radius:9999px;gap:.5rem}.action-btn[data-v-a4f05df2]{background:transparent;border:1px solid transparent;color:#ffffffb3;cursor:pointer;display:flex;font-size:.875rem;height:2.25rem;padding:0 1.25rem;transition:all .3s ease}.action-btn[data-v-a4f05df2]:hover{background:#ffffff14;color:#fff}.action-btn .material-symbols-outlined[data-v-a4f05df2]{font-size:1.125rem}.action-btn .icon-rotate[data-v-a4f05df2]{transition:transform .5s ease}.action-btn:hover .icon-rotate[data-v-a4f05df2]{transform:rotate(180deg)}.action-divider[data-v-a4f05df2]{background:#ffffff1a;height:1.25rem;width:1px}.jwt-studio-layout[data-v-a4f05df2]{display:flex;gap:1.5rem;height:750px}@media(max-width:767px){.jwt-studio-layout[data-v-a4f05df2]{flex-direction:column;height:auto}}.editor-panel[data-v-a4f05df2]{display:flex;flex:7;flex-direction:column;min-width:0}.result-panel[data-v-a4f05df2]{flex:8;min-width:0}.result-panel[data-v-a4f05df2],.window[data-v-a4f05df2]{display:flex;flex-direction:column}.window[data-v-a4f05df2]{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#14141499;border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;flex:1;min-height:0;overflow:hidden;transition:all .3s ease}.window[data-v-a4f05df2]:hover{border-color:#ffffff26;box-shadow:0 20px 40px #0006}@media(max-width:767px){.window[data-v-a4f05df2]{min-height:300px}}.window--result.has-content[data-v-a4f05df2]{border-color:#0a84ff4d;box-shadow:0 0 40px #0a84ff1a}.window-header[data-v-a4f05df2]{align-items:center;background:#ffffff08;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;flex-shrink:0;height:3.5rem;padding:0 1.25rem}.window-controls[data-v-a4f05df2]{display:flex;gap:.5rem}.window-dot[data-v-a4f05df2]{border-radius:50%;height:.75rem;width:.75rem}.window-dot--red[data-v-a4f05df2]{background:#ff5f57}.window-dot--yellow[data-v-a4f05df2]{background:#febc2e}.window-dot--green[data-v-a4f05df2]{background:#28c840}.window-divider[data-v-a4f05df2]{background:#ffffff1a;height:1rem;margin:0 1rem;width:1px}.window-title[data-v-a4f05df2]{color:#fff6;flex:1;font-size:.75rem;font-weight:600;text-transform:uppercase}.window-badges[data-v-a4f05df2]{display:flex;gap:.5rem}.window-badge[data-v-a4f05df2]{background:#ffffff0d;border-radius:9999px;color:#fff9;font-size:.7rem;padding:.25rem .75rem}.window-badge--success[data-v-a4f05df2]{background:#30d15826;color:#30d158}.window-badge--error[data-v-a4f05df2]{background:#ff453a26;color:#ff453a}.window-body[data-v-a4f05df2]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.editor-textarea[data-v-a4f05df2]{background:transparent;border:none;color:#ffffffe6;flex:1;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6;outline:none;padding:1.5rem;resize:none;width:100%;word-break:break-all}.editor-textarea[data-v-a4f05df2]::-moz-placeholder{color:#fff3}.editor-textarea[data-v-a4f05df2]::placeholder{color:#fff3}.editor-textarea[data-v-a4f05df2]::-webkit-scrollbar{width:6px}.editor-textarea[data-v-a4f05df2]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.result-body[data-v-a4f05df2]{overflow-y:auto;padding:1.25rem}.result-body[data-v-a4f05df2]::-webkit-scrollbar{width:6px}.result-body[data-v-a4f05df2]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.result-placeholder[data-v-a4f05df2]{align-items:center;color:#fff3;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.result-placeholder .placeholder-icon[data-v-a4f05df2]{font-size:4rem;opacity:.5}.result-placeholder .placeholder-text[data-v-a4f05df2]{font-size:.9rem}.token-visualizer[data-v-a4f05df2]{align-items:center;background:#0000004d;border:1px solid hsla(0,0%,100%,.05);border-radius:1rem;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.75rem}.visual-segment[data-v-a4f05df2]{align-items:center;border-radius:.5rem;display:flex;flex:1;font-size:.75rem;font-weight:700;height:2.5rem;justify-content:center;letter-spacing:.05em;text-transform:uppercase}.visual-segment--header[data-v-a4f05df2]{background:#fb015b26;border:1px solid rgba(251,1,91,.2);color:#fb015b}.visual-segment--payload[data-v-a4f05df2]{background:#d635ef26;border:1px solid rgba(214,53,239,.2);color:#d635ef}.visual-segment--signature[data-v-a4f05df2]{background:#00b9f126;border:1px solid rgba(0,185,241,.2);color:#00b9f1}.visual-dot[data-v-a4f05df2]{color:#ffffff4d;font-size:1.25rem;font-weight:700}.decoded-content[data-v-a4f05df2]{display:flex;flex-direction:column;gap:1.25rem}.decoded-card[data-v-a4f05df2]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.06);border-radius:1.25rem;padding:1.25rem;transition:all .3s ease}.decoded-card[data-v-a4f05df2]:hover{background:#ffffff0d;transform:translate(4px)}.decoded-card--header[data-v-a4f05df2]{border-left:4px solid #fb015b}.decoded-card--payload[data-v-a4f05df2]{border-left:4px solid #d635ef}.decoded-card--signature[data-v-a4f05df2]{border-left:4px solid #00b9f1}.card-head[data-v-a4f05df2]{justify-content:space-between;margin-bottom:1rem}.card-head[data-v-a4f05df2],.card-label[data-v-a4f05df2]{align-items:center;display:flex}.card-label[data-v-a4f05df2]{color:#fff6;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.05em}.card-label .material-symbols-outlined[data-v-a4f05df2]{font-size:1rem}.copy-icon-btn[data-v-a4f05df2]{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.copy-icon-btn[data-v-a4f05df2]:hover{background:#0a84ff;color:#fff;transform:scale(1.1)}.copy-icon-btn .material-symbols-outlined[data-v-a4f05df2]{font-size:1rem}.card-json-wrapper[data-v-a4f05df2]{background:#0000004d;border:1px solid hsla(0,0%,100%,.03);border-radius:.75rem;margin-bottom:1rem;padding:1rem}.json-code[data-v-a4f05df2]{color:#a5d6ff;font-family:JetBrains Mono,monospace;font-size:.85rem;margin:0;white-space:pre-wrap;word-break:break-all}.card-meta[data-v-a4f05df2]{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item[data-v-a4f05df2]{align-items:baseline;display:flex;gap:.5rem}.meta-label[data-v-a4f05df2]{color:#ffffff4d;font-size:.75rem}.meta-value[data-v-a4f05df2]{color:#fff;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.claims-list[data-v-a4f05df2]{background:#d635ef0d;border:1px solid rgba(214,53,239,.1);border-radius:1rem;padding:1rem}.claims-title[data-v-a4f05df2]{color:#d635ef;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.claim-item[data-v-a4f05df2]{border-bottom:1px solid hsla(0,0%,100%,.03);display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}.claim-item[data-v-a4f05df2]:last-child{border-bottom:none}.claim-label[data-v-a4f05df2]{color:#ffffff80;font-size:.8rem}.claim-value[data-v-a4f05df2]{color:#fff;font-family:JetBrains Mono,monospace;font-size:.8rem;text-align:right}.signature-box[data-v-a4f05df2]{background:#0000004d;border:1px solid hsla(0,0%,100%,.03);border-radius:.75rem;margin-bottom:.75rem;padding:1rem}.sig-code[data-v-a4f05df2]{color:#00b9f1;display:block;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.5;word-break:break-all}.sig-note[data-v-a4f05df2]{align-items:center;color:#ffffff4d;display:flex;font-size:.7rem;gap:.5rem}.sig-note .material-symbols-outlined[data-v-a4f05df2]{font-size:1rem}.usage-guide[data-v-a4f05df2]{margin-top:1rem}.usage-details[data-v-a4f05df2]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;overflow:hidden}.usage-summary[data-v-a4f05df2]{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usage-summary[data-v-a4f05df2]:hover{background:#ffffff0a}.summary-left[data-v-a4f05df2]{align-items:center;color:#fff;display:flex;font-weight:600;gap:.75rem}.summary-left .material-symbols-outlined[data-v-a4f05df2]{color:#0a84ff}.summary-right[data-v-a4f05df2]{align-items:center;color:#fff6;display:flex;font-size:.8rem;gap:.5rem}.usage-content[data-v-a4f05df2]{padding:0 1.5rem 1.5rem}.guide-grid[data-v-a4f05df2]{border-top:1px solid hsla(0,0%,100%,.05);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding-top:1rem}.guide-item[data-v-a4f05df2]{background:#ffffff05;border:1px solid hsla(0,0%,100%,.03);border-radius:1rem;display:flex;gap:1rem;padding:1rem}.guide-icon[data-v-a4f05df2]{align-items:center;background:#0a84ff1a;border-radius:.75rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.guide-icon .material-symbols-outlined[data-v-a4f05df2]{color:#0a84ff;font-size:1.25rem}.guide-text strong[data-v-a4f05df2]{color:#fff;display:block;font-size:.9rem;margin-bottom:.25rem}.guide-text p[data-v-a4f05df2]{color:#ffffff80;font-size:.85rem;line-height:1.5;margin:0}.material-symbols-outlined[data-v-a4f05df2]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}