.app.svelte-1uha8ag{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:12px}.header-brand.svelte-1uha8ag{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-logo.svelte-1uha8ag{width:28px;height:28px}.header-title.svelte-1uha8ag{font-size:18px;font-weight:600;color:var(--color-text);white-space:nowrap}.header-actions.svelte-1uha8ag{display:flex;align-items:center;gap:10px}.filename-input-wrap.svelte-1uha8ag{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.filename-input.svelte-1uha8ag{border:none;background:transparent;padding:6px 8px;font-size:14px;font-family:var(--font-sans);color:var(--color-text);width:140px;outline:none}.filename-input.svelte-1uha8ag::placeholder{color:var(--color-text-secondary)}.filename-ext.svelte-1uha8ag{padding-right:8px;font-size:14px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.btn-download.svelte-1uha8ag{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background .15s;white-space:nowrap}.btn-download.svelte-1uha8ag:hover:not(:disabled){background:var(--color-primary-hover)}.btn-download.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.btn-icon.svelte-1uha8ag{width:16px;height:16px}.spinner.svelte-1uha8ag{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1uha8ag-spin .6s linear infinite}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}.main.svelte-1uha8ag{display:flex;flex:1;min-height:0}.pane.svelte-1uha8ag{display:flex;flex-direction:column;flex:1;min-width:0}.pane-editor.svelte-1uha8ag{border-right:1px solid var(--color-border)}.pane-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.pane-label.svelte-1uha8ag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.btn-clear.svelte-1uha8ag{padding:3px 10px;font-size:12px;font-family:var(--font-sans);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .15s}.btn-clear.svelte-1uha8ag:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-clear.svelte-1uha8ag:disabled{opacity:.4;cursor:not-allowed}.editor.svelte-1uha8ag{flex:1;padding:20px;border:none;resize:none;outline:none;font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--color-text);background:var(--color-surface);-moz-tab-size:2;tab-size:2}.editor.svelte-1uha8ag::placeholder{color:var(--color-text-secondary)}.pane-preview.svelte-1uha8ag{background:var(--color-bg)}.preview-scroll.svelte-1uha8ag{flex:1;overflow-y:auto;padding:24px}.preview-paper.svelte-1uha8ag{max-width:800px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:40px;min-height:200px}@media(max-width:768px){.header.svelte-1uha8ag{flex-wrap:wrap;height:auto;padding:10px 12px;gap:8px}.header-title.svelte-1uha8ag{font-size:16px}.header-actions.svelte-1uha8ag{width:100%;justify-content:space-between}.filename-input.svelte-1uha8ag{width:100px}.main.svelte-1uha8ag{flex-direction:column}.pane-editor.svelte-1uha8ag{border-right:none;border-bottom:1px solid var(--color-border);flex:1;min-height:200px}.pane-preview.svelte-1uha8ag{flex:1;min-height:200px}.preview-scroll.svelte-1uha8ag{padding:16px}.preview-paper.svelte-1uha8ag{padding:20px}}