.tool-container.svelte-zxopw1.svelte-zxopw1{max-width:1200px;margin:0 auto;padding:2rem}.tool-header.svelte-zxopw1.svelte-zxopw1{text-align:center;margin-bottom:3rem}.tool-header.svelte-zxopw1 h1.svelte-zxopw1{font-size:2.5rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-header.svelte-zxopw1 p.svelte-zxopw1{color:#cbd5e1;font-size:1.1rem}.jwt-workspace.svelte-zxopw1.svelte-zxopw1{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 300px);min-height:600px}.input-section.svelte-zxopw1.svelte-zxopw1{display:flex;flex-direction:column;height:100%}.output-section.svelte-zxopw1.svelte-zxopw1{display:flex;flex-direction:column;gap:2rem;height:100%}.output-block.svelte-zxopw1.svelte-zxopw1{flex:1;display:flex;flex-direction:column;min-height:0}.section-label.svelte-zxopw1.svelte-zxopw1{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#f1f5f9;margin-bottom:.75rem;font-size:1.1rem}.error-badge.svelte-zxopw1.svelte-zxopw1{background:rgba(239,68,68,.2);color:#ef4444;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;border:1px solid rgba(239,68,68,.3)}textarea.svelte-zxopw1.svelte-zxopw1{width:100%;height:100%;background:#1e293b;border:2px solid #334155;border-radius:1rem;padding:1.5rem;color:#f1f5f9;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.95rem;line-height:1.6;resize:none;transition:all .2s ease}textarea.svelte-zxopw1.svelte-zxopw1:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}textarea.has-error.svelte-zxopw1.svelte-zxopw1{border-color:#ef4444}.code-block.svelte-zxopw1.svelte-zxopw1{background:#0f172a;border:1px solid #334155;border-radius:1rem;padding:1.5rem;height:100%;overflow:auto}pre.svelte-zxopw1.svelte-zxopw1{margin:0;color:#a5b4fc;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.95rem;line-height:1.6}@media (max-width: 1024px){.jwt-workspace.svelte-zxopw1.svelte-zxopw1{grid-template-columns:1fr;height:auto}.input-section.svelte-zxopw1.svelte-zxopw1,.output-block.svelte-zxopw1.svelte-zxopw1{height:300px}}