.jwt-container[data-astro-cid-kjnklflk]{display:flex;flex-direction:column;gap:var(--spacing-06);max-width:1000px;margin:0 auto;padding:var(--spacing-04)}.mode-switch[data-astro-cid-kjnklflk]{display:flex;gap:var(--spacing-02);margin-bottom:var(--spacing-06);padding:var(--spacing-02);background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background) 100%);border-radius:var(--spacing-05);border:1px solid var(--border-muted);box-shadow:0 2px 12px #0000000f}.mode-btn[data-astro-cid-kjnklflk]{flex:1;padding:.875rem 1.5rem;border:none;border-radius:var(--spacing-04);background:transparent;color:var(--text-secondary);font-size:var(--desktop-body-md);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mode-btn[data-astro-cid-kjnklflk]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.mode-btn[data-astro-cid-kjnklflk]:hover:before{left:100%}.mode-btn[data-astro-cid-kjnklflk].active{background:linear-gradient(135deg,var(--text-success) 0%,#059669 100%);color:#fff;box-shadow:0 4px 16px #10b9814d;transform:translateY(-1px)}.mode-btn[data-astro-cid-kjnklflk]:hover:not(.active){background:var(--background);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.jwt-section[data-astro-cid-kjnklflk]{display:none;animation:fadeIn .3s ease-in-out}.jwt-section[data-astro-cid-kjnklflk].active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.jwt-section[data-astro-cid-kjnklflk] h3[data-astro-cid-kjnklflk]{margin-bottom:var(--spacing-06);color:var(--text-primary);font-size:var(--desktop-h3);font-weight:700;text-align:center;background:linear-gradient(135deg,var(--text-primary),var(--text-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jwt-section[data-astro-cid-kjnklflk] h4[data-astro-cid-kjnklflk]{margin-bottom:var(--spacing-04);color:var(--text-primary);font-size:var(--desktop-body-lg);font-weight:600;position:relative;padding-left:var(--spacing-04)}.jwt-section[data-astro-cid-kjnklflk] h4[data-astro-cid-kjnklflk]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:linear-gradient(135deg,var(--text-success),#3b82f6);border-radius:2px}.input-area[data-astro-cid-kjnklflk],.output-area[data-astro-cid-kjnklflk],.generate-area[data-astro-cid-kjnklflk]{position:relative;margin-bottom:var(--spacing-05)}.input-area[data-astro-cid-kjnklflk]:before{content:"JWT Token Input";position:absolute;top:-8px;left:12px;background:var(--background);color:var(--text-success);font-size:var(--desktop-body-sm);font-weight:600;padding:0 var(--spacing-02);z-index:10}.output-area[data-astro-cid-kjnklflk]:before{content:"Parsed/Generated Result";position:absolute;top:-8px;left:12px;background:var(--background);color:var(--text-success);font-size:var(--desktop-body-sm);font-weight:600;padding:0 var(--spacing-02);z-index:10}.secret-area[data-astro-cid-kjnklflk]{margin-bottom:var(--spacing-05);padding:var(--spacing-05);background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background) 100%);border-radius:var(--spacing-04);border:1px solid var(--border-muted)}.secret-input[data-astro-cid-kjnklflk]{width:100%;padding:var(--spacing-04);border:1px solid var(--border-muted);border-radius:var(--spacing-04);background:var(--background);color:var(--text-primary);font-family:var(--font-mono, monospace);font-size:var(--desktop-body-md);transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.secret-input[data-astro-cid-kjnklflk]:focus{outline:none;border-color:var(--text-success);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.button-group[data-astro-cid-kjnklflk]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-03);margin:var(--spacing-06) 0;padding:var(--spacing-05);background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background) 100%);border-radius:var(--spacing-05);border:1px solid var(--border-muted);box-shadow:0 4px 16px #0000000f}.action-btn[data-astro-cid-kjnklflk]{padding:.875rem 1.25rem;border:1px solid var(--border-strong);border-radius:var(--spacing-04);background:var(--background);color:var(--text-secondary);font-size:var(--desktop-body-sm);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.action-btn[data-astro-cid-kjnklflk]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-btn[data-astro-cid-kjnklflk]:hover:before{left:100%}.action-btn[data-astro-cid-kjnklflk]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.encode-btn[data-astro-cid-kjnklflk]{background:linear-gradient(135deg,var(--text-success) 0%,#059669 100%);color:#fff;border-color:var(--text-success)}.encode-btn[data-astro-cid-kjnklflk]:hover{background:linear-gradient(135deg,#059669,#047857);color:#fff}.copy-btn[data-astro-cid-kjnklflk]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.copy-btn[data-astro-cid-kjnklflk]:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff}.clear-btn[data-astro-cid-kjnklflk]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b}.clear-btn[data-astro-cid-kjnklflk]:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.seo-section[data-astro-cid-kjnklflk]{max-width:1000px;margin:var(--spacing-10) auto 0;padding:var(--spacing-08);background:linear-gradient(135deg,var(--background) 0%,var(--background-secondary) 100%);border-radius:var(--spacing-05);border:1px solid var(--border-muted);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.seo-section[data-astro-cid-kjnklflk]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--text-success),#3b82f6,#8b5cf6,#f59e0b)}.seo-section[data-astro-cid-kjnklflk] h2[data-astro-cid-kjnklflk]{color:var(--text-primary);font-size:var(--desktop-h3);margin-bottom:var(--spacing-05);font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--text-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-section[data-astro-cid-kjnklflk] h3[data-astro-cid-kjnklflk]{color:var(--text-primary);font-size:var(--desktop-h4);margin:var(--spacing-06) 0 var(--spacing-04);font-weight:600;position:relative;padding-left:var(--spacing-04)}.seo-section[data-astro-cid-kjnklflk] h3[data-astro-cid-kjnklflk]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(135deg,var(--text-success),#3b82f6);border-radius:2px}.seo-section[data-astro-cid-kjnklflk] p[data-astro-cid-kjnklflk]{color:var(--text-secondary);font-size:var(--desktop-body-md);line-height:1.7;margin-bottom:var(--spacing-05)}.seo-section[data-astro-cid-kjnklflk] ul[data-astro-cid-kjnklflk]{color:var(--text-secondary);font-size:var(--desktop-body-md);line-height:1.7;margin-bottom:var(--spacing-05);padding-left:0;list-style:none}.seo-section[data-astro-cid-kjnklflk] li[data-astro-cid-kjnklflk]{margin-bottom:var(--spacing-03);padding-left:var(--spacing-06);position:relative}.seo-section[data-astro-cid-kjnklflk] li[data-astro-cid-kjnklflk]:before{content:"✓";position:absolute;left:0;color:var(--text-success);font-weight:700;font-size:1.1em}.seo-section[data-astro-cid-kjnklflk] strong[data-astro-cid-kjnklflk]{color:var(--text-primary);font-weight:600}@media (max-width: 768px){.jwt-container[data-astro-cid-kjnklflk]{padding:var(--spacing-03)}.mode-switch[data-astro-cid-kjnklflk]{flex-direction:column;gap:var(--spacing-02)}.button-group[data-astro-cid-kjnklflk]{grid-template-columns:1fr;gap:var(--spacing-02)}.seo-section[data-astro-cid-kjnklflk]{padding:var(--spacing-05)}}