.yaml-tool.svelte-z2dsjk{display:flex;flex-direction:column;gap:16px}.controls-bar.svelte-z2dsjk{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.control-group.svelte-z2dsjk{display:flex;flex-direction:column;gap:5px;min-width:160px;flex:1}.control-group.svelte-z2dsjk label:where(.svelte-z2dsjk){font-size:.82rem;font-weight:600;color:var(--text-muted)}.control-actions.svelte-z2dsjk{display:flex;gap:6px;padding-bottom:1px}.btn-primary.svelte-z2dsjk{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.btn-primary.svelte-z2dsjk:hover{opacity:.85}.action-btn.svelte-z2dsjk{padding:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.action-btn.svelte-z2dsjk:hover{color:var(--text);border-color:var(--accent)}.error-msg.svelte-z2dsjk{color:#f44;font-size:.85rem;padding:10px 14px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:var(--radius-sm)}.samples-bar.svelte-z2dsjk{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.samples-label.svelte-z2dsjk{font-size:.78rem;color:var(--text-dim);font-weight:600}.sample-btn.svelte-z2dsjk{padding:4px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:all .15s}.sample-btn.svelte-z2dsjk:hover{color:var(--text);border-color:var(--accent)}.panels.svelte-z2dsjk{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start}.panel.svelte-z2dsjk{display:flex;flex-direction:column;gap:8px}.panel-header.svelte-z2dsjk{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.panel-label-group.svelte-z2dsjk{display:flex;align-items:center;gap:8px}.panel-header.svelte-z2dsjk label:where(.svelte-z2dsjk){font-size:.85rem;color:var(--text-muted);font-weight:600}.panel-badge.svelte-z2dsjk{font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.source-badge.svelte-z2dsjk{background:#5d00ff26;color:var(--accent-light)}.target-badge.svelte-z2dsjk{background:#00c8641a;color:#00c864}.panel-right.svelte-z2dsjk{display:flex;align-items:center;gap:10px}.panel-stats.svelte-z2dsjk{font-size:.72rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.direction-col.svelte-z2dsjk{display:flex;align-items:center;justify-content:center;padding-top:40px}.dir-arrow.svelte-z2dsjk{font-size:1.4rem;color:var(--accent-light)}.btn-copy.svelte-z2dsjk{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-z2dsjk:hover{opacity:.85}textarea.svelte-z2dsjk{width:100%;min-height:320px;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-z2dsjk:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5d00ff26}.comparison.svelte-z2dsjk{display:flex;gap:12px;flex-wrap:wrap}.comp-item.svelte-z2dsjk{flex:1;min-width:140px;display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center}.comp-label.svelte-z2dsjk{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.comp-value.svelte-z2dsjk{font-size:.9rem;font-weight:600;color:var(--text)}.comp-value.smaller.svelte-z2dsjk{color:#22c55e}.comp-value.larger.svelte-z2dsjk{color:#ef4444}.ref-section.svelte-z2dsjk{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.ref-title.svelte-z2dsjk{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:10px}.ref-table.svelte-z2dsjk{display:flex;flex-direction:column;gap:2px;overflow-x:auto}.ref-row.svelte-z2dsjk{display:grid;grid-template-columns:100px 1fr 1fr;gap:12px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem;align-items:center}.ref-header-row.svelte-z2dsjk{font-weight:700;color:var(--text-muted);font-size:.78rem;background:var(--bg-input)}.ref-feature.svelte-z2dsjk{color:var(--text);font-weight:600}.ref-yaml.svelte-z2dsjk{font-family:monospace;font-size:.75rem;color:var(--accent-light);white-space:pre}.ref-json.svelte-z2dsjk{font-family:monospace;font-size:.75rem;color:#fbbf24;white-space:pre}@media (max-width: 768px){.panels.svelte-z2dsjk{grid-template-columns:1fr}.direction-col.svelte-z2dsjk{flex-direction:row;padding-top:0;justify-content:center}.dir-arrow.svelte-z2dsjk{transform:rotate(90deg)}.controls-bar.svelte-z2dsjk{flex-direction:column}.ref-row.svelte-z2dsjk{grid-template-columns:80px 1fr}.ref-row.svelte-z2dsjk span:where(.svelte-z2dsjk):last-child,.ref-row.svelte-z2dsjk code:where(.svelte-z2dsjk):last-child{display:none}}