.app.svelte-1uha8ag{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header.svelte-1uha8ag{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.header-brand.svelte-1uha8ag{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-logo.svelte-1uha8ag{width:28px;height:28px}.header-title.svelte-1uha8ag{color:var(--color-text);white-space:nowrap;font-size:18px;font-weight:600}.header-tagline.svelte-1uha8ag{color:var(--color-text-secondary);white-space:nowrap;margin-top:1px;font-size:12px}.header-actions.svelte-1uha8ag{align-items:center;gap:10px;display:flex}.header-link.svelte-1uha8ag{color:var(--color-text-secondary);border-radius:6px;padding:6px 10px;font-size:14px;text-decoration:none;transition:background .15s,color .15s}.header-link.svelte-1uha8ag:hover{background:var(--color-bg);color:var(--color-text)}.header-link-icon.svelte-1uha8ag{align-items:center;padding:6px;display:inline-flex}.header-link-icon.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:18px;height:18px;display:block}.filename-input-wrap.svelte-1uha8ag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;align-items:center;display:flex;overflow:hidden}.filename-input.svelte-1uha8ag{font-size:14px;font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;outline:none;width:140px;padding:6px 8px}.filename-input.svelte-1uha8ag::placeholder{color:var(--color-text-secondary)}.filename-ext.svelte-1uha8ag{color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;padding-right:8px;font-size:14px}.btn-download.svelte-1uha8ag{background:var(--color-primary);color:#fff;font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;transition:background .15s;display:flex}.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{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite svelte-1uha8ag-spin}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}.info-strip.svelte-1uha8ag{color:#1e3a8a;background:#eff6ff;border-bottom:1px solid #dbeafe;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:24px;padding:8px 16px;font-size:13px;display:flex}.info-item.svelte-1uha8ag{align-items:center;gap:8px;min-width:0;display:inline-flex}.info-icon.svelte-1uha8ag{color:#2563eb;flex-shrink:0;width:16px;height:16px}.info-strip.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#2563eb;text-underline-offset:2px;text-decoration:underline}.info-strip.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#1d4ed8}.info-strip.svelte-1uha8ag code:where(.svelte-1uha8ag){font-family:var(--font-mono);color:#1e3a8a;background:#fff;border:1px solid #dbeafe;border-radius:4px;padding:1px 6px;font-size:12px}.main.svelte-1uha8ag{flex:1;min-height:0;display:flex}.pane.svelte-1uha8ag{flex-direction:column;flex:1;min-width:0;display:flex}.pane-editor.svelte-1uha8ag{border-right:1px solid var(--color-border)}.pane-header.svelte-1uha8ag{background:var(--color-bg);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.pane-label.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:12px;font-weight:600}.btn-clear.svelte-1uha8ag{font-size:12px;font-family:var(--font-sans);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;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{resize:none;font-family:var(--font-mono);color:var(--color-text);background:var(--color-surface);tab-size:2;border:none;outline:none;flex:1;padding:20px;font-size:14px;line-height:1.6}.editor.svelte-1uha8ag::placeholder{color:var(--color-text-secondary)}.pane-preview.svelte-1uha8ag{background:var(--color-bg)}.preview-scroll.svelte-1uha8ag{flex:1;padding:24px;overflow-y:auto}.preview-paper.svelte-1uha8ag{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:8px;max-width:800px;min-height:200px;margin:0 auto;padding:40px;box-shadow:0 1px 3px #0000000f}@media (width<=768px){.header.svelte-1uha8ag{flex-wrap:wrap;gap:8px;height:auto;padding:10px 12px}.header-title.svelte-1uha8ag{font-size:16px}.header-tagline.svelte-1uha8ag{display:none}.header-actions.svelte-1uha8ag{flex-wrap:wrap;justify-content:flex-end;width:100%}.header-link.svelte-1uha8ag{display:none}.header-link-icon.svelte-1uha8ag{display:inline-flex}.filename-input.svelte-1uha8ag{width:100px}.info-strip.svelte-1uha8ag{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}.info-strip.svelte-1uha8ag code:where(.svelte-1uha8ag){word-break:break-all;font-size:11px}.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}}