.formatter-page.svelte-5rrcyi{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#0a0a0f,#12121a);padding:1.5rem;margin:0 -1em -1em}.header.svelte-5rrcyi{max-width:1200px;margin:0 auto 1.5rem}.back-link.svelte-5rrcyi{display:inline-flex;align-items:center;gap:.5rem;color:#888;text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .2s}.back-link.svelte-5rrcyi:hover{color:#27ca40}.back-link.svelte-5rrcyi svg:where(.svelte-5rrcyi){width:18px;height:18px}.header.svelte-5rrcyi h1:where(.svelte-5rrcyi){color:#fff;font-size:1.75rem;margin:0 0 .5rem;font-family:JetBrains Mono,Fira Code,monospace}.icon.svelte-5rrcyi{margin-right:.5rem;color:#27ca40}.subtitle.svelte-5rrcyi{color:#888;margin:0}.controls.svelte-5rrcyi{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 1rem;flex-wrap:wrap;gap:1rem}.left-controls.svelte-5rrcyi{display:flex;align-items:center;gap:1rem}.left-controls.svelte-5rrcyi label:where(.svelte-5rrcyi){display:flex;align-items:center;gap:.5rem;color:#888;font-size:.9rem}.left-controls.svelte-5rrcyi select:where(.svelte-5rrcyi){background:#1a1a24;border:1px solid #2a2a3a;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer}.sample-btn.svelte-5rrcyi{background:transparent;border:1px solid #3a3a4a;color:#888;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.sample-btn.svelte-5rrcyi:hover{border-color:#27ca40;color:#27ca40}.stats.svelte-5rrcyi{display:flex;gap:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.stat.svelte-5rrcyi{color:#888}.stat.svelte-5rrcyi strong:where(.svelte-5rrcyi){color:#27ca40}.editors-container.svelte-5rrcyi{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;max-width:1200px;margin:0 auto}.editor-panel.svelte-5rrcyi{background:#0d0d14;border:1px solid #2a2a3a;border-radius:12px;overflow:hidden}.panel-header.svelte-5rrcyi{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#1a1a24;border-bottom:1px solid #2a2a3a}.panel-title.svelte-5rrcyi{color:#888;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.clear-btn.svelte-5rrcyi,.copy-btn.svelte-5rrcyi{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid #3a3a4a;color:#888;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.clear-btn.svelte-5rrcyi:hover,.copy-btn.svelte-5rrcyi:hover{border-color:#27ca40;color:#27ca40}.copy-btn.svelte-5rrcyi svg:where(.svelte-5rrcyi){width:14px;height:14px}.editor.svelte-5rrcyi{height:400px}.action-column.svelte-5rrcyi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.action-btn.svelte-5rrcyi{display:flex;align-items:center;gap:.5rem;background:#1a1a24;border:1px solid #2a2a3a;color:#ccc;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;min-width:120px;justify-content:center}.action-btn.svelte-5rrcyi:hover:not(:disabled){border-color:#27ca40;color:#27ca40}.action-btn.svelte-5rrcyi:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary.svelte-5rrcyi{background:linear-gradient(135deg,#27ca40,#00d4ff);border:none;color:#0a0a0f;font-weight:600}.action-btn.primary.svelte-5rrcyi:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #27ca4066}.action-btn.svelte-5rrcyi svg:where(.svelte-5rrcyi){width:18px;height:18px}.error-message.svelte-5rrcyi{display:flex;align-items:center;gap:.75rem;max-width:1200px;margin:1rem auto 0;padding:1rem;background:#ff5f561a;border:1px solid rgba(255,95,86,.3);border-radius:8px;color:#ff5f56;font-size:.9rem}.success-message.svelte-5rrcyi{display:flex;align-items:center;gap:.75rem;max-width:1200px;margin:1rem auto 0;padding:1rem;background:#27ca401a;border:1px solid rgba(39,202,64,.3);border-radius:8px;color:#27ca40;font-size:.9rem}.error-message.svelte-5rrcyi svg:where(.svelte-5rrcyi),.success-message.svelte-5rrcyi svg:where(.svelte-5rrcyi){width:20px;height:20px;flex-shrink:0}@media(max-width:900px){.editors-container.svelte-5rrcyi{grid-template-columns:1fr}.action-column.svelte-5rrcyi{flex-direction:row;padding:.5rem 0}.action-btn.svelte-5rrcyi{min-width:auto;flex:1}.editor.svelte-5rrcyi{height:300px}}.seo-content.svelte-5rrcyi{max-width:800px;margin:3rem auto 0;padding:2rem 0 0;border-top:1px solid #2a2a3a}.seo-content.svelte-5rrcyi h2:where(.svelte-5rrcyi){color:#fff;font-size:1.25rem;margin:0 0 1rem}.seo-content.svelte-5rrcyi p:where(.svelte-5rrcyi){color:#888;font-size:.95rem;line-height:1.7;margin:0 0 1rem}.seo-content.svelte-5rrcyi p:where(.svelte-5rrcyi):last-child{margin-bottom:0}