.tool-wrapper.svelte-h0p378{flex-direction:column;gap:24px;height:100%;animation:.3s svelte-h0p378-fadeIn;display:flex}.header.svelte-h0p378{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header.svelte-h0p378 h2:where(.svelte-h0p378){margin:0;font-size:1.5rem;font-weight:600}.actions.svelte-h0p378{gap:12px;display:flex}.btn.svelte-h0p378{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-weight:600;transition:all .2s}.btn-primary.svelte-h0p378{background:var(--primary);color:#fff}.btn-primary.svelte-h0p378:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}.btn-primary.svelte-h0p378:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-h0p378{color:var(--text-main);background:#ffffff1a}.btn-secondary.svelte-h0p378:hover{background:#fff3}.workspace.svelte-h0p378{flex-grow:1;gap:24px;min-height:500px;display:flex}.editor-pane.svelte-h0p378{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-pane.svelte-h0p378 label:where(.svelte-h0p378){background:var(--header-bg);border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:12px 16px;font-size:.9rem;font-weight:600}textarea.svelte-h0p378{color:var(--text-main);resize:none;background:0 0;border:none;outline:none;flex-grow:1;padding:16px;font-family:Courier New,Courier,monospace;font-size:.95rem}.output-box.svelte-h0p378{color:var(--success-text);background:0 0;flex-grow:1;margin:0;padding:16px;font-family:Courier New,Courier,monospace;font-size:.95rem;overflow:auto}.error-box.svelte-h0p378{color:#fca5a5;background:#f871711a;border-radius:8px;align-items:center;gap:12px;margin:16px;padding:24px;font-family:monospace;display:flex}.empty-state.svelte-h0p378{color:var(--text-muted);flex-grow:1;justify-content:center;align-items:center;font-style:italic;display:flex}@keyframes svelte-h0p378-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.workspace.svelte-h0p378{flex-direction:column}.header.svelte-h0p378{flex-direction:column;align-items:flex-start;gap:16px}}