.app[data-v-c1d62aa9]{min-height:100vh;padding:1.5rem 2rem 3rem;max-width:1200px;margin:0 auto}.header[data-v-c1d62aa9]{margin-bottom:2rem}.header h1[data-v-c1d62aa9]{font-size:1.75rem;font-weight:600;margin:0 0 .25rem;letter-spacing:-.02em}.subtitle[data-v-c1d62aa9]{color:var(--text-muted);font-size:.95rem;margin:0 0 1.25rem}.tabs[data-v-c1d62aa9]{display:flex;gap:.5rem}.tabs button[data-v-c1d62aa9]{padding:.5rem 1rem;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);font-size:.9rem;transition:color .15s,border-color .15s,background .15s}.tabs button[data-v-c1d62aa9]:hover{color:var(--text);background:var(--surface-hover)}.tabs button.active[data-v-c1d62aa9]{background:var(--accent-dim);color:#fff;border-color:var(--accent)}.main[data-v-c1d62aa9]{margin-top:1rem}.panel[data-v-c1d62aa9]{animation:fade-c1d62aa9 .2s ease}@keyframes fade-c1d62aa9{0%{opacity:.6}to{opacity:1}}.field[data-v-c1d62aa9]{margin-bottom:1rem}.field label[data-v-c1d62aa9]{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem}.field label code[data-v-c1d62aa9]{font-family:var(--font-mono);font-size:.8em;background:var(--surface);padding:.1em .35em;border-radius:4px}textarea[data-v-c1d62aa9]{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;line-height:1.5}textarea[data-v-c1d62aa9]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #a78bfa33}.hint[data-v-c1d62aa9]{font-size:.85rem;color:var(--accent);margin:-.5rem 0 .5rem}.error[data-v-c1d62aa9]{padding:.75rem 1rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius);color:#fca5a5;font-size:.9rem;margin-bottom:1rem}.result .formatted[data-v-c1d62aa9]{margin:0;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.8rem;line-height:1.5;overflow:auto;max-height:60vh;white-space:pre-wrap;word-break:break-all}.btn-copy[data-v-c1d62aa9]{margin-top:.5rem;padding:.4rem .75rem;background:var(--surface-hover);color:var(--text);border:1px solid var(--border);font-size:.85rem}.btn-copy[data-v-c1d62aa9]:hover{background:var(--accent-dim);color:#fff;border-color:var(--accent)}.two-cols[data-v-c1d62aa9]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.two-cols[data-v-c1d62aa9]{grid-template-columns:1fr}}.btn-diff[data-v-c1d62aa9]{padding:.6rem 1.25rem;background:var(--accent-dim);color:#fff;font-size:.95rem;margin-bottom:1rem}.btn-diff[data-v-c1d62aa9]:hover:not(:disabled){background:var(--accent)}.btn-diff[data-v-c1d62aa9]:disabled{opacity:.8;cursor:not-allowed}.diff-output[data-v-c1d62aa9]{margin-top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;min-height:120px}.diff-no-change-wrap[data-v-c1d62aa9]{padding:0}.diff-no-change-msg[data-v-c1d62aa9]{margin:0 0 1rem;color:var(--text-muted);font-style:italic}.diff-side-by-side[data-v-c1d62aa9]{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius);overflow:auto;min-height:200px}.diff-col-label[data-v-c1d62aa9]{padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:var(--text-muted);background:var(--surface-hover);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.diff-col-label[data-v-c1d62aa9]:first-child{border-right:1px solid var(--border)}.diff-cell[data-v-c1d62aa9]{padding:0 1rem;min-width:0}.diff-cell.diff-left[data-v-c1d62aa9]{border-right:1px solid var(--border)}.diff-cell.diff-row-changed.diff-left[data-v-c1d62aa9]{background:#fecaca26}.diff-cell.diff-row-changed.diff-right[data-v-c1d62aa9]{background:#bbf7d026}.diff-line[data-v-c1d62aa9]{margin:0;padding:.15rem 0;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.diff-line[data-v-c1d62aa9] .diff-removed{background:#fecaca;color:#991b1b;padding:1px 3px;border-radius:3px;border:1px solid #dc2626;box-decoration-break:clone;-webkit-box-decoration-break:clone}.diff-line[data-v-c1d62aa9] .diff-added{background:#bbf7d0;color:#166534;padding:1px 3px;border-radius:3px;border:1px solid #22c55e;box-decoration-break:clone;-webkit-box-decoration-break:clone}@media(max-width:768px){.diff-side-by-side[data-v-c1d62aa9]{grid-template-columns:1fr}.diff-col-label[data-v-c1d62aa9]:first-child,.diff-cell.diff-left[data-v-c1d62aa9]{border-right:none}}.nav-icons[data-v-c1d62aa9]{position:fixed;right:1.5rem;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.nav-icons button[data-v-c1d62aa9]{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:50%;box-shadow:0 2px 12px #00000014;transition:background .2s,color .2s,transform .2s}.nav-icons button[data-v-c1d62aa9]:hover{background:var(--accent-dim);color:#fff;border-color:var(--accent);transform:translateY(-2px)}@media(max-width:768px){.nav-icons[data-v-c1d62aa9]{right:1rem;bottom:1.5rem}.nav-icons button[data-v-c1d62aa9]{width:36px;height:36px}}:root{--bg: #f0faf4;--surface: #ffffff;--surface-hover: #ecfdf5;--border: #a7f3d0;--text: #14532d;--text-muted: #166534;--accent: #059669;--accent-dim: #10b981;--add: #22c55e;--remove: #ef4444;--change: #eab308;--radius: 10px;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#app{min-height:100vh}button{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:var(--radius);font-weight:500}textarea{font-family:var(--font-mono);resize:vertical}