.toolbar[data-astro-cid-sig2grjy]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.toolbar-group[data-astro-cid-sig2grjy]{display:flex;gap:var(--space-3);align-items:center}.workspace[data-astro-cid-sig2grjy]{display:grid;grid-template-columns:1fr;gap:var(--space-6);min-height:600px}@media (min-width: 1024px){.workspace[data-astro-cid-sig2grjy]{grid-template-columns:1fr 1fr}}.panel[data-astro-cid-sig2grjy]{display:flex;flex-direction:column;height:100%;min-height:500px}.panel-header[data-astro-cid-sig2grjy]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.panel-label[data-astro-cid-sig2grjy]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);display:block}.editor-container[data-astro-cid-sig2grjy]{flex:1;position:relative;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:inset 0 2px 4px #00000005}textarea[data-astro-cid-sig2grjy]#json-input{width:100%;height:100%;border:none;resize:none;padding:var(--space-4);font-family:var(--font-mono);font-size:14px;line-height:1.5;color:var(--color-gray-800);background:transparent}textarea[data-astro-cid-sig2grjy]#json-input:focus{outline:none;background:var(--color-gray-50)}.result-container[data-astro-cid-sig2grjy]{background:var(--color-gray-50);position:relative;overflow:auto}pre[data-astro-cid-sig2grjy]#json-output{margin:0;padding:var(--space-4);font-family:var(--font-mono);font-size:14px;line-height:1.5;min-height:100%;white-space:pre-wrap;word-break:break-all}.tool-btn[data-astro-cid-sig2grjy]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-gray-300);background:#fff;cursor:pointer;transition:all var(--transition-fast)}.tool-btn[data-astro-cid-sig2grjy]:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.tool-btn[data-astro-cid-sig2grjy].primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.tool-btn[data-astro-cid-sig2grjy].primary:hover{background:var(--color-primary-700)}.tool-btn[data-astro-cid-sig2grjy].danger-text{color:var(--color-error-600);border-color:transparent}.tool-btn[data-astro-cid-sig2grjy].danger-text:hover{background:var(--color-error-50)}.indent-select[data-astro-cid-sig2grjy]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-gray-300);font-size:var(--font-size-sm);background:#fff;cursor:pointer}.icon-btn[data-astro-cid-sig2grjy]{background:transparent;border:none;color:var(--color-gray-500);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px 8px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.icon-btn[data-astro-cid-sig2grjy]:hover{background:var(--color-gray-100);color:var(--color-primary-600)}.icon-btn[data-astro-cid-sig2grjy] .copied-text[data-astro-cid-sig2grjy]{display:none;color:var(--color-success-600)}.icon-btn[data-astro-cid-sig2grjy].copied .copy-text[data-astro-cid-sig2grjy]{display:none}.icon-btn[data-astro-cid-sig2grjy].copied .copied-text[data-astro-cid-sig2grjy]{display:inline}.icon-btn[data-astro-cid-sig2grjy].copied svg[data-astro-cid-sig2grjy]{color:var(--color-success-600)}.error-overlay[data-astro-cid-sig2grjy]{position:absolute;bottom:0;left:0;right:0;background:#fef2f2f2;border-top:1px solid var(--color-error-200);padding:var(--space-4);display:flex;animation:slideUp .3s ease-out}.error-overlay[data-astro-cid-sig2grjy].hidden{display:none}.error-content[data-astro-cid-sig2grjy]{display:flex;gap:var(--space-3);align-items:flex-start}.error-icon[data-astro-cid-sig2grjy]{font-size:var(--font-size-xl)}.error-message[data-astro-cid-sig2grjy]{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-error-700);line-height:1.6}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.json-key{color:#d946ef;font-weight:700}.json-string{color:#10b981}.json-number{color:#3b82f6}.json-boolean{color:#f59e0b;font-weight:700}.json-null{color:#ef4444;font-weight:700}