.csv-page[data-astro-cid-pytynwof]{padding:100px 20px 60px;background:linear-gradient(180deg,var(--bg-primary) 0%,hsla(270,35%,95%,1) 100%);min-height:100vh;--csv-primary: #8B5CF6;--csv-primary-light: #A78BFA;--csv-primary-dark: #7C3AED;--csv-primary-alpha-10: hsla(270, 80%, 60%, .1);--csv-primary-alpha-20: hsla(270, 80%, 60%, .2);--csv-primary-alpha-30: hsla(270, 80%, 60%, .3)}.csv-container[data-astro-cid-pytynwof]{max-width:1100px;margin:0 auto}.csv-header[data-astro-cid-pytynwof]{text-align:center;margin-bottom:32px;padding:32px 24px 24px;background:linear-gradient(135deg,var(--bg-white) 0%,hsla(270,30%,96%,1) 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg);position:relative;overflow:hidden}.csv-header[data-astro-cid-pytynwof]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--csv-primary),transparent);opacity:.5}.csv-header-icon[data-astro-cid-pytynwof]{margin-bottom:12px;display:inline-flex;animation:csv-icon-float 3s ease-in-out infinite}@keyframes csv-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.csv-header[data-astro-cid-pytynwof] h1[data-astro-cid-pytynwof]{font-size:1.8rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.csv-desc[data-astro-cid-pytynwof]{font-size:.95rem;color:var(--text-secondary);font-weight:300;max-width:600px;margin:0 auto;line-height:1.6}.csv-direction-bar[data-astro-cid-pytynwof]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.direction-btn[data-astro-cid-pytynwof]{display:flex;align-items:center;gap:6px;padding:10px 20px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.direction-btn[data-astro-cid-pytynwof]:hover{border-color:var(--csv-primary);color:var(--csv-primary)}.direction-btn[data-astro-cid-pytynwof].active{border-color:var(--csv-primary);background:var(--csv-primary-alpha-10);color:var(--csv-primary)}.switch-btn[data-astro-cid-pytynwof]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--border-light);border-radius:var(--radius-full);background:var(--bg-white);color:var(--csv-primary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.switch-btn[data-astro-cid-pytynwof]:hover{background:var(--csv-primary-alpha-10);border-color:var(--csv-primary);transform:rotate(180deg)}.csv-delimiter-row[data-astro-cid-pytynwof]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.delimiter-label[data-astro-cid-pytynwof]{font-size:.85rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.delimiter-options[data-astro-cid-pytynwof]{display:flex;gap:8px}.delimiter-btn[data-astro-cid-pytynwof]{padding:6px 14px;border:1px solid var(--border-light);border-radius:6px;font-size:.82rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.delimiter-btn[data-astro-cid-pytynwof]:hover{border-color:var(--csv-primary);color:var(--csv-primary)}.delimiter-btn[data-astro-cid-pytynwof].active{border-color:var(--csv-primary);background:var(--csv-primary-alpha-10);color:var(--csv-primary)}.delimiter-btn[data-astro-cid-pytynwof] input[data-astro-cid-pytynwof]{display:none}.csv-editor[data-astro-cid-pytynwof]{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin-bottom:16px}.csv-editor-panel[data-astro-cid-pytynwof]{display:flex;flex-direction:column;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.editor-header[data-astro-cid-pytynwof]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.editor-label[data-astro-cid-pytynwof]{font-size:.82rem;font-weight:600;color:var(--text-primary)}.editor-btn[data-astro-cid-pytynwof]{padding:4px 12px;font-size:.78rem;font-weight:500;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-white);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.editor-btn[data-astro-cid-pytynwof]:hover{border-color:var(--csv-primary);color:var(--csv-primary)}.editor-btn[data-astro-cid-pytynwof].copied{border-color:var(--success);color:var(--success)}.csv-textarea[data-astro-cid-pytynwof]{flex:1;min-height:280px;padding:14px;border:none;outline:none;resize:vertical;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--text-primary);background:var(--bg-white)}.csv-textarea[data-astro-cid-pytynwof]:focus{box-shadow:inset 0 0 0 1px var(--csv-primary)}.csv-textarea[data-astro-cid-pytynwof]::placeholder{color:var(--text-tertiary)}.csv-convert-btn-wrap[data-astro-cid-pytynwof]{display:flex;align-items:center;justify-content:center}.csv-convert-btn[data-astro-cid-pytynwof]{padding:12px 28px;background:linear-gradient(135deg,var(--csv-primary) 0%,var(--csv-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap;box-shadow:0 4px 14px var(--csv-primary-alpha-30)}.csv-convert-btn[data-astro-cid-pytynwof]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--csv-primary-alpha-30)}.csv-convert-btn[data-astro-cid-pytynwof]:active{transform:scale(.98)}.csv-error[data-astro-cid-pytynwof]{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#faebeb;border:1px solid hsla(0,60%,85%,1);border-radius:var(--radius-sm);color:var(--error);font-size:.85rem;margin-bottom:16px}:root.dark .csv-error[data-astro-cid-pytynwof]{background:#422424;border-color:#7d3636}.csv-preview[data-astro-cid-pytynwof]{margin-top:16px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.preview-title[data-astro-cid-pytynwof]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.preview-table-wrap[data-astro-cid-pytynwof]{overflow-x:auto}.preview-table[data-astro-cid-pytynwof]{width:100%;border-collapse:collapse;font-size:.85rem}.preview-table[data-astro-cid-pytynwof] th[data-astro-cid-pytynwof]{padding:10px 14px;text-align:left;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border-bottom:2px solid var(--border-light);white-space:nowrap}.preview-table[data-astro-cid-pytynwof] td[data-astro-cid-pytynwof]{padding:8px 14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.preview-table[data-astro-cid-pytynwof] tbody[data-astro-cid-pytynwof] tr[data-astro-cid-pytynwof]:hover{background:var(--primary-alpha-04)}@media(max-width:860px){.csv-editor[data-astro-cid-pytynwof]{grid-template-columns:1fr}.csv-convert-btn-wrap[data-astro-cid-pytynwof]{padding:8px 0}.csv-convert-btn[data-astro-cid-pytynwof]{width:100%}.csv-direction-bar[data-astro-cid-pytynwof]{flex-wrap:wrap}}@media(max-width:600px){.csv-header[data-astro-cid-pytynwof] h1[data-astro-cid-pytynwof]{font-size:1.4rem}.csv-textarea[data-astro-cid-pytynwof]{min-height:200px}.csv-delimiter-row[data-astro-cid-pytynwof]{flex-wrap:wrap}}.csv-seo[data-astro-cid-pytynwof]{margin-top:48px;padding:32px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);line-height:1.9}