body{background:#1a1a1a;color:#e0e0e0;margin:0;padding:0}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#2d2d2d}*::-webkit-scrollbar-thumb{background:#555;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#666}.container.svelte-1uha8ag{display:flex;height:100vh;background:#1a1a1a}.panel.svelte-1uha8ag{width:200px;background:#2d2d2d;padding:1rem;display:flex;flex-direction:column;gap:.5rem;border-right:1px solid #444;overflow-y:auto}button.svelte-1uha8ag{padding:.75rem;background:#3a3a3a;color:#e0e0e0;border:1px solid #444;cursor:pointer;border-radius:4px;transition:all .2s;text-align:left}button.svelte-1uha8ag:hover{background:#444;color:#fff}button.active.svelte-1uha8ag{background:#06c;color:#fff;border-color:#06c}button.toggle-btn.svelte-1uha8ag,button.save-btn.svelte-1uha8ag{padding:.25rem .8rem!important;height:auto!important;background:#06c!important;color:#fff!important;border:none!important;text-align:center!important;font-size:.85rem;white-space:nowrap}button.toggle-btn.svelte-1uha8ag:hover,button.save-btn.svelte-1uha8ag:hover{background:#0052a3!important}.editor-container.svelte-1uha8ag{color:#e0e0e0;flex:1;padding:2rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.editor-content.svelte-1uha8ag{display:flex;flex-direction:row;gap:2rem;flex:1;overflow:hidden;min-width:0}.editor.svelte-1uha8ag,.preview.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}h2.svelte-1uha8ag{color:#fff;margin-top:0;margin-bottom:1rem}textarea.svelte-1uha8ag{flex:1;padding:1rem;font-family:monospace;background:#2d2d2d;color:#e0e0e0;border:1px solid #444;border-radius:.5rem;resize:none;font-size:.95rem}textarea.svelte-1uha8ag::placeholder{color:#888}textarea.svelte-1uha8ag:focus{outline:none;border-color:#06c}.content.svelte-1uha8ag{padding:1rem;overflow-y:auto;line-height:1.6;background:#1a1a1a}.content.svelte-1uha8ag h1,.content.svelte-1uha8ag h2,.content.svelte-1uha8ag h3{color:#fff}.content.svelte-1uha8ag p{color:#e0e0e0}.content.svelte-1uha8ag code{background:#2d2d2d;color:#88d8ff;padding:.2rem .4rem;border-radius:3px}.content.svelte-1uha8ag img{max-width:100%;height:auto;border-radius:4px}.editor-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-shrink:0}.editor-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0}.editor-buttons.svelte-1uha8ag{display:flex;gap:.5rem}@media(max-width:768px){.container.svelte-1uha8ag{flex-direction:column;height:100vh;overflow:hidden}.panel.svelte-1uha8ag{width:100%;height:35px;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-top:1px solid #444;border-bottom:none;padding:.5rem;gap:.25rem;order:2;flex-shrink:0}button.svelte-1uha8ag{flex-shrink:0;white-space:nowrap;padding:.5rem .75rem;font-size:.85rem}.editor-container.svelte-1uha8ag{flex-direction:column;padding:1rem;gap:1rem;height:auto;overflow:visible;order:1;flex:1;overflow-y:auto}.editor-content.svelte-1uha8ag{flex-direction:column;overflow:visible;gap:1rem}.editor.svelte-1uha8ag,.preview.svelte-1uha8ag{min-height:300px;overflow:visible}.preview.svelte-1uha8ag{display:none}.preview.visible.svelte-1uha8ag,.editor.svelte-1uha8ag{display:flex}.editor.hidden.svelte-1uha8ag{display:none}.editor-header.svelte-1uha8ag{flex-wrap:wrap;gap:1rem}.editor-buttons.svelte-1uha8ag{width:100%;gap:.5rem}.toggle-btn.svelte-1uha8ag,.save-btn.svelte-1uha8ag{flex:1;padding:.25rem .8rem!important;white-space:nowrap}h2.svelte-1uha8ag{font-size:1.2rem}textarea.svelte-1uha8ag{font-size:.9rem}}@media(max-width:480px){.panel.svelte-1uha8ag{max-height:120px}button.svelte-1uha8ag{padding:.5rem;font-size:.75rem}.editor-container.svelte-1uha8ag{padding:.75rem;gap:.75rem}.editor.svelte-1uha8ag,.preview.svelte-1uha8ag{min-height:250px}h2.svelte-1uha8ag{font-size:1rem;margin-bottom:.5rem}textarea.svelte-1uha8ag{font-size:.85rem;padding:.75rem}.toggle-btn.svelte-1uha8ag,.save-btn.svelte-1uha8ag{padding:.5rem;font-size:.8rem}}