.html-editor.svelte-13c0jdn{--reader-editor-bg:var(--color-bg-primary,#fff);--reader-editor-paper:var(--color-bg-secondary,#faf9f6);--reader-editor-border:var(--color-border,#e4e4e7);--reader-editor-border-strong:var(--color-border-strong,#a1a1aa);--reader-editor-text:var(--color-text-primary,#18181b);--reader-editor-secondary:var(--color-text-secondary,#52525b);--reader-editor-accent:var(--color-accent,#e14a33);--reader-editor-radius-panel:var(--radius-xl,6px);--reader-editor-radius-large:var(--radius-2xl,8px);--reader-sans-family:var(--font-sans,"IBM Plex Sans", "Noto Sans SC", "PingFang SC", system-ui, sans-serif);background:var(--reader-editor-bg);width:100%;height:100%;min-height:28rem;color:var(--reader-editor-text);font-family:var(--reader-sans-family);grid-template-columns:minmax(18rem,.95fr) minmax(20rem,1.05fr);align-items:stretch;display:grid;overflow:hidden}.html-editor.content-modal-editor.svelte-13c0jdn{height:100%;min-height:0}.html-editor.source-only.svelte-13c0jdn{grid-template-columns:minmax(0,1fr)}.html-editor.source-only.svelte-13c0jdn .html-code-panel:where(.svelte-13c0jdn){border-right:0}.html-code-panel.svelte-13c0jdn{border-right:1px solid var(--reader-editor-border);background:var(--reader-editor-paper);flex-direction:column;min-height:0;display:flex}.html-tabs.svelte-13c0jdn{border-bottom:1px solid var(--reader-editor-border);background:var(--reader-editor-bg);align-items:center;gap:.25rem;padding:.35rem .5rem 0;display:flex}.html-tabs.svelte-13c0jdn button:where(.svelte-13c0jdn){height:2rem;color:var(--reader-editor-secondary);font:inherit;background:0 0;border:0;padding:0 .65rem;font-size:.78rem;font-weight:700;line-height:1;transition:background-color .16s,color .16s;position:relative}.html-tabs.svelte-13c0jdn button:where(.svelte-13c0jdn):hover{background:var(--reader-editor-paper);color:var(--reader-editor-text)}.html-tabs.svelte-13c0jdn button:where(.svelte-13c0jdn):focus-visible{outline:2px solid color-mix(in srgb, var(--reader-editor-accent) 24%, transparent);outline-offset:2px}.html-tabs.svelte-13c0jdn button.active:where(.svelte-13c0jdn){color:var(--reader-editor-text)}.html-tabs.svelte-13c0jdn button.active:where(.svelte-13c0jdn):after{background:var(--reader-editor-accent);content:"";border-radius:2px;height:2px;position:absolute;bottom:0;left:.55rem;right:.55rem}.html-tabs-actions.svelte-13c0jdn{align-items:center;gap:.2rem;margin-left:auto;display:flex}.html-designer-toolbar.svelte-13c0jdn{align-items:center;display:flex}.html-designer-toolbar[hidden].svelte-13c0jdn{display:none}.html-tabs.svelte-13c0jdn .html-media-upload:where(.svelte-13c0jdn){width:2rem;padding:0;font-size:1.15rem}.html-source.svelte-13c0jdn{resize:none;width:100%;min-height:0;color:var(--reader-editor-text);background:0 0;border:0;flex:1;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.55}.html-source.svelte-13c0jdn:focus{outline:none}.html-source[hidden].svelte-13c0jdn,.html-designer-pane[hidden].svelte-13c0jdn{display:none}.html-designer-pane.svelte-13c0jdn{background:var(--reader-editor-bg);flex:1;min-height:0;overflow:hidden}.html-preview.svelte-13c0jdn{background:var(--reader-editor-bg);min-width:0;min-height:0;overflow:hidden}.html-preview.svelte-13c0jdn .reader-html-frame{border:0;border-radius:0;height:100%;min-height:100%}@media (width<=860px){.html-editor.svelte-13c0jdn{grid-template-rows:minmax(18rem,.9fr) minmax(18rem,1fr);grid-template-columns:1fr}.html-code-panel.svelte-13c0jdn{border-right:0;border-bottom:1px solid var(--reader-editor-border)}.html-editor.source-only.svelte-13c0jdn{grid-template-rows:minmax(0,1fr)}.html-editor.source-only.svelte-13c0jdn .html-code-panel:where(.svelte-13c0jdn){border-bottom:0}}@media (width<=640px){.html-editor.svelte-13c0jdn{grid-template-rows:minmax(14rem,.95fr) minmax(14rem,1fr);min-height:28rem}.html-editor.content-modal-editor.svelte-13c0jdn{grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0}.html-editor.source-only.svelte-13c0jdn,.html-editor.source-only.content-modal-editor.svelte-13c0jdn{grid-template-rows:minmax(0,1fr)}.html-tabs.svelte-13c0jdn{padding:.3rem .45rem 0}.html-tabs.svelte-13c0jdn button:where(.svelte-13c0jdn){height:1.9rem;padding:0 .6rem;font-size:.75rem}.html-source.svelte-13c0jdn{padding:.85rem;font-size:.78rem;line-height:1.5}}