.playground-container.svelte-1db19dc{max-width:1400px;margin:0 auto;padding:1rem}.playground-header.svelte-1db19dc{text-align:center;margin-bottom:2rem}.playground-header.svelte-1db19dc h1:where(.svelte-1db19dc){color:var(--color-theme-1);margin-bottom:.5rem;font-size:2.5rem}.toolbar.svelte-1db19dc{display:flex;justify-content:center;gap:1rem}.btn.svelte-1db19dc{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn-secondary.svelte-1db19dc{background-color:#6c757d;color:#fff}.btn-secondary.svelte-1db19dc:hover{background-color:#5a6268}.playground-content.svelte-1db19dc{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;min-height:600px}.input-panel.svelte-1db19dc,.preview-panel.svelte-1db19dc{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;overflow:hidden}.latex-input.svelte-1db19dc{flex:1;border:none;padding:1rem;font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;resize:none;outline:none;background:#fff}.latex-preview.svelte-1db19dc{flex:1;padding:1rem;background:#fff;overflow-y:auto;line-height:1.6}.latex-preview h2{color:var(--color-theme-1);margin-top:2rem;margin-bottom:1rem;border-left:4px solid var(--color-theme-1);padding-left:1rem}.latex-preview p{margin-bottom:1em}.latex-preview ul,.latex-preview ol{margin-bottom:1em;padding-left:1.5em}.latex-preview li{margin-bottom:.5em;list-style-type:disc}.latex-preview ol li{list-style-type:decimal}.latex-preview table{border-collapse:collapse;margin-bottom:1em;width:100%}.latex-preview th,.latex-preview td{padding:.5rem;text-align:left;border-bottom:1px solid #666}.latex-preview th{border-bottom:1px solid #000000;background-color:#e9ecef;font-weight:700}@media (max-width: 1024px){.playground-content.svelte-1db19dc{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.playground-container.svelte-1db19dc{padding:.5rem}.playground-header.svelte-1db19dc h1:where(.svelte-1db19dc){font-size:2rem}.toolbar.svelte-1db19dc{flex-direction:column;align-items:center}.input-panel.svelte-1db19dc,.preview-panel.svelte-1db19dc{min-height:400px}}