.tool-wrapper.svelte-5qf0si{flex-direction:column;gap:24px;height:100%;animation:.3s svelte-5qf0si-fadeIn;display:flex}.header.svelte-5qf0si{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-5qf0si h2:where(.svelte-5qf0si){margin:0;font-size:1.5rem;font-weight:600}.actions.svelte-5qf0si{gap:12px;display:flex}.btn.svelte-5qf0si{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-weight:600;transition:all .2s}.btn-secondary.svelte-5qf0si{color:var(--text-main);background:#ffffff1a}.btn-secondary.svelte-5qf0si:hover{background:#fff3}.workspace.svelte-5qf0si{flex-grow:1;gap:24px;min-height:500px;display:flex}.editor-pane.svelte-5qf0si{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-5qf0si label:where(.svelte-5qf0si){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-5qf0si{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-5qf0si{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-5qf0si{color:#fca5a5;background:#f871711a;border-radius:8px;align-items:center;gap:12px;margin:16px;padding:24px;font-family:monospace;display:flex}.empty-state.svelte-5qf0si{color:var(--text-muted);flex-grow:1;justify-content:center;align-items:center;font-style:italic;display:flex}@keyframes svelte-5qf0si-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.workspace.svelte-5qf0si{flex-direction:column}.header.svelte-5qf0si{flex-direction:column;align-items:flex-start;gap:16px}}