:root{--color-bg:#1a1b26;--color-bg-secondary:#24283b;--color-bg-tertiary:#1f2335;--color-border:#3b4261;--color-border-hover:#4a5280;--color-text:#c0caf5;--color-text-muted:#9aa5ce;--color-text-dim:#565f89;--color-primary:#7aa2f7;--color-error:#f7768e;--color-json-string:#9ece6a;--color-json-number:#ff9e64;--color-json-bool:#bb9af7;--color-json-null:#f7768e;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm:6px;--radius-md:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh}button{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem 1rem;font-size:.875rem;transition:background .15s,border-color .15s}button:hover{background:var(--color-border-hover);border-color:var(--color-primary)}select{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem .6rem;font-size:.875rem}select:focus{border-color:var(--color-primary);outline:none}label{color:var(--color-text-muted);align-items:center;gap:var(--spacing-sm);font-size:.875rem;display:flex}.text-input{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:6rem;padding:.4rem .6rem;font-size:.875rem}.text-input:focus{border-color:var(--color-primary);outline:none}.checkbox-label{cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:.9rem;height:.9rem}.panel{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.panel-header{padding:.75rem var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);justify-content:space-between;align-items:center;display:flex}.panel-header span{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.8rem;font-weight:600}.panel-actions{gap:var(--spacing-sm);align-items:center;display:flex}.input-area{color:var(--color-text);padding:var(--spacing-md);font-family:var(--font-mono);resize:none;background:0 0;border:none;flex:1;min-height:500px;font-size:.875rem;line-height:1.6}.input-area:focus{outline:none}.input-area::placeholder{color:var(--color-text-dim)}.output-area{padding:var(--spacing-md);font-family:var(--font-mono);min-height:500px;color:var(--color-text);flex:1;margin:0;font-size:.875rem;line-height:1.6;overflow:auto}.error{padding:var(--spacing-md);color:var(--color-error);font-family:monospace;font-size:.875rem}.copy-btn{padding:.3rem .75rem;font-size:.75rem}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.small-btn{padding:.25rem .6rem;font-size:.7rem}@media (width<=768px){.input-area,.output-area{min-height:250px}}.app-shell.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}.nav-bar.svelte-12qhfyh{padding:0 var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:2rem;height:3.25rem;display:flex}.nav-brand.svelte-12qhfyh{color:var(--color-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.nav-links.svelte-12qhfyh{gap:.25rem;display:flex}.nav-link.svelte-12qhfyh{border-radius:var(--radius-sm);color:var(--color-text-muted);padding:.4rem .85rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-link.svelte-12qhfyh:hover,.nav-link.active.svelte-12qhfyh{color:var(--color-text);background:var(--color-bg-secondary)}.app-content.svelte-12qhfyh{flex-direction:column;flex:1;min-height:0;display:flex}