.container.svelte-18s8ju.svelte-18s8ju{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.page-header.svelte-18s8ju.svelte-18s8ju{text-align:center;margin-bottom:2rem}.page-title.svelte-18s8ju.svelte-18s8ju{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description.svelte-18s8ju.svelte-18s8ju{font-size:1.125rem;color:#cbd5e1;max-width:700px;margin:0 auto;line-height:1.6}.examples.svelte-18s8ju.svelte-18s8ju{margin-bottom:2rem}.examples-title.svelte-18s8ju.svelte-18s8ju{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.examples-grid.svelte-18s8ju.svelte-18s8ju{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;max-width:500px}.example-button.svelte-18s8ju.svelte-18s8ju{padding:.5rem .75rem;background:rgba(15,23,42,.8);border:1px solid #475569;border-radius:.5rem;color:#cbd5e1;font-size:.85rem;cursor:pointer;transition:all .2s ease}.example-button.svelte-18s8ju.svelte-18s8ju:hover{background:rgba(59,130,246,.1);border-color:#60a5fa;color:#f1f5f9}.input-panel.svelte-18s8ju.svelte-18s8ju,.output-panel.svelte-18s8ju.svelte-18s8ju{display:flex;flex-direction:column;height:100%}.options.svelte-18s8ju.svelte-18s8ju{margin-bottom:1rem;display:flex;gap:1.5rem;flex-wrap:wrap}.option-group.svelte-18s8ju.svelte-18s8ju{display:flex;align-items:center;gap:.5rem}.option-label.svelte-18s8ju.svelte-18s8ju{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#f1f5f9;cursor:pointer}.checkbox-input.svelte-18s8ju.svelte-18s8ju{width:1.25rem;height:1.25rem;accent-color:#60a5fa}.select-input.svelte-18s8ju.svelte-18s8ju{padding:.5rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-size:.9rem}.select-input.svelte-18s8ju.svelte-18s8ju:focus{outline:none;border-color:#60a5fa}.csv-input.svelte-18s8ju.svelte-18s8ju{flex:1;width:100%;padding:1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;resize:none;min-height:300px;margin-bottom:1rem}.csv-input.svelte-18s8ju.svelte-18s8ju:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.csv-input.error.svelte-18s8ju.svelte-18s8ju{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.csv-input.svelte-18s8ju.svelte-18s8ju::placeholder{color:#64748b}.error-message.svelte-18s8ju.svelte-18s8ju{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:.5rem;color:#fca5a5;font-size:.9rem}.error-icon.svelte-18s8ju.svelte-18s8ju{font-size:1rem}.table-controls.svelte-18s8ju.svelte-18s8ju{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search-input.svelte-18s8ju.svelte-18s8ju{flex:1;min-width:200px;padding:.5rem 1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-size:.9rem}.search-input.svelte-18s8ju.svelte-18s8ju:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.search-input.svelte-18s8ju.svelte-18s8ju::placeholder{color:#64748b}.json-button.svelte-18s8ju.svelte-18s8ju{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.json-button.svelte-18s8ju.svelte-18s8ju:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.json-button.svelte-18s8ju.svelte-18s8ju:disabled{opacity:.5;cursor:not-allowed}.table-container.svelte-18s8ju.svelte-18s8ju{flex:1;background:rgba(15,23,42,.8);border:1px solid #475569;border-radius:.5rem;overflow:auto;min-height:400px}.data-table.svelte-18s8ju.svelte-18s8ju{width:100%;border-collapse:collapse;font-size:.9rem}.data-table.svelte-18s8ju thead.svelte-18s8ju{position:sticky;top:0;background:#1e293b;z-index:10}.data-table.svelte-18s8ju th.svelte-18s8ju{padding:.75rem 1rem;text-align:left;font-weight:600;color:#f1f5f9;border-bottom:2px solid #475569;white-space:nowrap}.data-table.svelte-18s8ju th.sortable.svelte-18s8ju{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.data-table.svelte-18s8ju th.sortable.svelte-18s8ju:hover{background:rgba(96,165,250,.1)}.sort-indicator.svelte-18s8ju.svelte-18s8ju{margin-left:.5rem;color:#60a5fa}.data-table.svelte-18s8ju td.svelte-18s8ju{padding:.75rem 1rem;border-bottom:1px solid #334155;color:#cbd5e1}.data-table.svelte-18s8ju tr.svelte-18s8ju:hover{background:rgba(30,41,59,.5)}.data-table.svelte-18s8ju tr:last-child td.svelte-18s8ju{border-bottom:none}.no-results.svelte-18s8ju.svelte-18s8ju{padding:2rem;text-align:center;color:#64748b;font-style:italic}.placeholder.svelte-18s8ju.svelte-18s8ju,.error-placeholder.svelte-18s8ju.svelte-18s8ju{color:#64748b;font-style:italic;text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%}.error-placeholder.svelte-18s8ju.svelte-18s8ju{color:#fca5a5}.error-icon-large.svelte-18s8ju.svelte-18s8ju{font-size:3rem}@media (max-width: 768px){.container.svelte-18s8ju.svelte-18s8ju{padding:1rem}.page-title.svelte-18s8ju.svelte-18s8ju{font-size:2rem}.csv-input.svelte-18s8ju.svelte-18s8ju,.table-container.svelte-18s8ju.svelte-18s8ju{min-height:250px}.data-table.svelte-18s8ju.svelte-18s8ju{font-size:.8rem}.data-table.svelte-18s8ju th.svelte-18s8ju,.data-table.svelte-18s8ju td.svelte-18s8ju{padding:.5rem}}