.html-controls.svelte-fd0d35{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.view-toggle.svelte-fd0d35{display:flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:3px}.view-btn.svelte-fd0d35{padding:6px 16px;border-radius:calc(var(--radius) - 2px);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.view-btn.active.svelte-fd0d35{background:var(--tool-accent);color:#fff;font-weight:600}.view-btn.svelte-fd0d35:hover:not(.active){color:var(--text-primary)}.html-actions.svelte-fd0d35{display:flex;gap:var(--space-2)}.html-workspace.svelte-fd0d35{display:grid;height:70vh;min-height:480px;gap:var(--space-4);border-radius:var(--radius-lg);overflow:hidden}.mode-split.svelte-fd0d35{grid-template-columns:1fr 1fr}.mode-editor.svelte-fd0d35,.mode-preview.svelte-fd0d35{grid-template-columns:1fr}@media(max-width:768px){.mode-split.svelte-fd0d35{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.html-editor-panel.svelte-fd0d35,.html-preview-panel.svelte-fd0d35{display:flex;flex-direction:column;overflow:hidden}.html-editor.svelte-fd0d35{flex:1;resize:none;padding:var(--space-4);background:#0d1117;color:#c9d1d9;font-family:var(--font-mono);font-size:13px;line-height:1.7;border:none;outline:none;tab-size:2}.html-iframe.svelte-fd0d35{flex:1;border:none;background:#fff;width:100%;height:100%}