:root[data-theme],:root:not([data-theme]){--content-editor-bg:var(--lotus-background);--content-editor-surface:var(--lotus-surface);--content-editor-border:var(--lotus-border-muted);--content-editor-border-subtle:var(--lotus-border-subtle);--content-editor-text:var(--lotus-text-strong);--content-editor-muted:var(--lotus-text-muted);--content-editor-action:var(--site-action)}.content-editor-demo{border:1px solid var(--content-editor-border);background:var(--content-editor-bg);color:var(--content-editor-text);text-align:start;box-shadow:0 1rem 3rem -1.5rem color-mix(in srgb, var(--content-editor-text) 18%, transparent);border-radius:.75rem;overflow:hidden}.content-editor-demo [hidden],.content-editor [hidden]{display:none!important}.content-editor-demo button,.content-editor button{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.content-editor-demo button:disabled,.content-editor button:disabled{cursor:default;opacity:.5}.content-editor-demo :where(button):focus-visible,.content-editor :where(button,input,textarea,summary):focus-visible{outline:2px solid var(--content-editor-action);outline-offset:2px}.content-editor-demo :where(button) svg,.content-editor :where(button) svg{flex-shrink:0;width:1rem;height:1rem}.content-editor-demo-header{border-bottom:1px solid var(--content-editor-border-subtle);background:var(--content-editor-surface);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.content-editor-demo-title{align-items:center;gap:.5rem;min-width:0;font-size:.875rem;font-weight:600;display:inline-flex}.content-editor-demo-title img{flex-shrink:0;width:1rem;height:1rem}.content-editor-profile-tabs{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.content-editor-profile-tabs button{color:var(--content-editor-muted);white-space:nowrap;border:1px solid #0000;border-radius:.375rem;padding:.375rem .5rem;font-size:.75rem}.content-editor-profile-tabs button:hover{background:color-mix(in srgb, var(--content-editor-action) 8%, transparent);color:var(--content-editor-text)}.content-editor-profile-tabs button[aria-selected=true]{border-color:color-mix(in srgb, var(--content-editor-action) 35%, transparent);background:color-mix(in srgb, var(--content-editor-action) 10%, transparent);color:var(--content-editor-action)}.content-editor-profile-tabs img{width:1rem;height:1rem}.content-editor{font-size:.875rem;line-height:1.5;display:block;position:relative}.content-editor-header{border-bottom:1px solid var(--content-editor-border-subtle);background:var(--content-editor-bg);justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}.content-editor-header button,.content-editor-history button{color:var(--content-editor-muted);white-space:nowrap;border-radius:.375rem;padding:.375rem .5rem;font-size:.75rem}.content-editor-header button:hover:enabled,.content-editor-history button:hover:enabled{background:color-mix(in srgb, var(--content-editor-action) 8%, transparent);color:var(--content-editor-text)}.content-editor-controls{align-items:center;gap:.75rem;display:flex}.content-editor-modes{background:var(--content-editor-surface);border-radius:.5rem;padding:.25rem;display:flex}.content-editor-modes button{color:var(--content-editor-muted);white-space:nowrap;border-radius:.375rem;padding:.375rem .625rem;font-size:.75rem}.content-editor-modes button[aria-pressed=true]{background:var(--content-editor-bg);color:var(--content-editor-action);box-shadow:0 1px 3px color-mix(in srgb, var(--content-editor-text) 12%, transparent)}.content-editor-history{align-items:center;gap:.25rem;display:flex}.content-editor-workarea,.content-editor-document,.content-editor [data-component-visual],.content-editor-source-panel{flex-direction:column;min-height:0;display:flex}.content-editor-workarea{height:32rem}.content-editor-document{flex:1;position:relative}.content-editor-scroll{overscroll-behavior:contain;flex:1;overflow:auto}.content-editor-content{padding:2rem 3rem 3rem}.content-editor-content .ed-content{min-height:22rem}.content-editor-source-hint{color:var(--content-editor-muted);padding:.75rem 1rem;font-size:.75rem}.content-editor-source{background:0 0;flex:1;min-height:0;overflow:auto}.content-editor-source .cm-editor{min-height:100%;color:var(--content-editor-text);font-family:var(--lotus-font-sans);background:0 0;border:0;font-size:1rem;line-height:2}.content-editor-source .cm-scroller{font-family:var(--lotus-font-sans);padding:1rem 1.5rem 2rem;font-size:1rem;line-height:2;overflow:visible}.content-editor-source .cm-content{min-height:50dvh;caret-color:var(--content-editor-action);padding:0}.content-editor-source .cm-gutters{display:none}.content-editor-source .cm-line{padding-inline:0}.content-editor-source .cm-source-heading{font-weight:600;text-decoration:none}.content-editor-source .cm-source-heading-1{font-size:1.5rem;line-height:2.5}.content-editor-source .cm-source-heading-2{font-size:1.25rem;line-height:2.25}.content-editor-source .cm-source-heading-3{font-size:1.125rem;line-height:2}.content-editor-source .cm-source-frontmatter,.content-editor-source .cm-source-code{background:color-mix(in srgb, var(--content-editor-surface) 60%, transparent);padding-inline:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.75}.content-editor-source .cm-source-frontmatter{color:var(--content-editor-muted)}.content-editor-source .cm-source-link{color:var(--content-editor-action);text-decoration:none}.content-editor-source .cm-selectionBackground,.content-editor-source .cm-editor.cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--content-editor-action) 15%, transparent)}.content-editor-source .cm-focused{outline:none}.content-editor-loading{z-index:1;background:var(--content-editor-bg);color:var(--content-editor-muted);align-content:center;justify-items:center;gap:1rem;display:grid;position:absolute;inset:0}.content-editor-error{color:var(--ed-danger,#c93c37);margin:0;padding:.75rem 1rem;font-size:.75rem}.content-editor-demo-caption{border-top:1px solid var(--content-editor-border-subtle);color:var(--content-editor-muted);margin:0;padding:.75rem 1rem;font-size:.75rem}@media (width<=639px){.content-editor-demo-header{flex-direction:column;align-items:flex-start}.content-editor-profile-tabs{justify-content:flex-start}.content-editor-header{padding-inline:.75rem}.content-editor-header button span{display:none}.content-editor-content{padding:1.5rem 1rem 2rem}.content-editor-workarea{height:28rem}}