.yaml-tool.svelte-n7c6ti{display:flex;flex-direction:column;gap:20px}.error-msg.svelte-n7c6ti{color:#f44;font-size:.85rem;padding:10px 14px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:var(--radius-sm)}.convert-btns.svelte-n7c6ti{display:flex;gap:12px;flex-wrap:wrap}.btn.svelte-n7c6ti{padding:10px 24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn.svelte-n7c6ti:hover{opacity:.85}.btn.primary.svelte-n7c6ti{background:var(--accent);color:#fff}.panels.svelte-n7c6ti{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.panels.svelte-n7c6ti{grid-template-columns:1fr}}.panel.svelte-n7c6ti{display:flex;flex-direction:column;gap:8px}.panel-header.svelte-n7c6ti{display:flex;justify-content:space-between;align-items:center}.panel-header.svelte-n7c6ti label:where(.svelte-n7c6ti){font-size:.85rem;color:var(--text-muted);font-weight:600}.btn-copy.svelte-n7c6ti{padding:4px 12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-copy.svelte-n7c6ti:hover{opacity:.85}textarea.svelte-n7c6ti{width:100%;min-height:350px;padding:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:monospace;font-size:.85rem;resize:vertical;line-height:1.5}textarea.svelte-n7c6ti:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5d00ff26}