.s9-editor-root{--s9-editor-caret-color: #5f452b;--s9-editor-caret-width: 2px;--s9-editor-focus-outline-color: #8b683e;--s9-editor-focus-outline-offset: -2px;--s9-editor-focus-outline-width: 2px;--s9-editor-font-family: Georgia, "Times New Roman", serif;--s9-editor-font-size: 16px;--s9-editor-font-style: normal;--s9-editor-font-weight: 400;--s9-editor-line-height: 1.6;--s9-editor-paragraph-color: #241f1a;--s9-editor-paragraph-min-height: 1.6em;--s9-editor-paragraph-spacing: .75em;--s9-editor-selection-background: rgba(139, 104, 62, .22);--s9-editor-surface-background: transparent;--s9-editor-surface-padding: 28px 36px 64px;box-sizing:border-box;height:100%;min-height:100%;overflow-y:auto;position:relative}.s9-editor-root *,.s9-editor-root *:before,.s9-editor-root *:after{box-sizing:border-box}.s9-editor{min-height:100%;position:relative}.s9-editor-surface{background:var(--s9-editor-surface-background);min-height:100%;outline:none;padding:var(--s9-editor-surface-padding);position:relative;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word;z-index:1}.s9-editor-root:focus-within .s9-editor-surface{outline:var(--s9-editor-focus-outline-width) solid var(--s9-editor-focus-outline-color);outline-offset:var(--s9-editor-focus-outline-offset)}.s9-paragraph{color:var(--s9-editor-paragraph-color);font-family:var(--s9-editor-font-family);font-size:var(--s9-editor-font-size);font-style:var(--s9-editor-font-style);font-weight:var(--s9-editor-font-weight);line-height:var(--s9-editor-line-height);margin:0 0 var(--s9-editor-paragraph-spacing);min-height:var(--s9-editor-paragraph-min-height)}.s9-covered-by-widget{display:none}.s9-virtual-spacer{pointer-events:none}.s9-selection-layer{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:2}.s9-selection-rect{background:var(--s9-editor-selection-background);border-radius:2px;position:absolute}.s9-caret{background:var(--s9-editor-caret-color);pointer-events:none;position:absolute;width:var(--s9-editor-caret-width);z-index:3}.s9-caret-hidden{display:none}.s9-editor-root:not(.s9-editor-root--input-focused) .s9-caret{display:none}.s9-input-proxy{background:transparent;border:0;caret-color:transparent;color:transparent;height:20px;left:0;opacity:0;outline:none;overflow:hidden;padding:0;pointer-events:none;position:absolute;resize:none;top:0;width:2px;z-index:4}@media(prefers-reduced-motion:no-preference){.s9-caret{animation:s9-caret-blink 1s steps(2,start) infinite}}@media(forced-colors:active){.s9-editor-root:focus-within .s9-editor-surface{outline-color:Highlight}.s9-selection-rect{background:transparent;border:1px solid Highlight}.s9-caret{background:CanvasText}}@keyframes s9-caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}html,body{margin:0;min-height:100%;background:#f6f2ea;color:#211d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:1px solid #d5c8b8;border-radius:6px;background:#fffaf2;color:#342d25;cursor:pointer;font:inherit;padding:6px 10px}button:hover{background:#f3eadc}button:disabled{color:#a59786;cursor:not-allowed;opacity:.55}button:disabled:hover{background:#fffaf2}.demo-shell{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 280px;min-height:100vh;padding:24px}.demo-main,.demo-side{background:#fffaf2;border:1px solid #dfd2c2;border-radius:12px;box-shadow:0 12px 40px #31261a14;min-height:0}.demo-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.demo-toolbar{align-items:center;border-bottom:1px solid #e5d9c9;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.demo-title{color:#6f6256;font-size:12px;font-weight:700;letter-spacing:.08em;margin-right:auto;text-transform:uppercase}.demo-status{color:#8f7e6d;font-size:12px;margin-right:8px;min-width:0}.demo-editor-host{--s9-editor-surface-padding: 28px 36px 64px;flex:1;height:calc(100vh - 96px);min-height:360px}.s9-md-heading-block{font-size:24px;font-weight:700}.s9-md-strong{font-weight:700}.s9-md-em{font-style:italic}.s9-md-highlight{background:#ffe18a;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}.s9-md-markup{color:#a59786}.s9-code-widget{background:#211d18;border-radius:10px;color:#f7efe6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:16px 0;overflow:hidden}.s9-code-widget-header{align-items:center;background:#2d261f;border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:8px;padding:8px 10px}.s9-code-widget-label{color:#cbbba8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.s9-code-widget-language{background:#3a3028;border:1px solid #574a3e;border-radius:5px;color:#f7efe6;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin-left:auto;padding:4px 6px}.s9-code-widget-textarea{background:transparent;border:0;color:#f7efe6;display:block;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:120px;outline:none;padding:12px;resize:vertical;width:100%}.s9-widget-readonly .s9-code-widget-textarea,.s9-widget-readonly .s9-code-widget-language{opacity:.8}.demo-side{display:flex;flex-direction:column;gap:12px;min-height:0;padding:14px}.demo-panel{display:flex;flex:1;flex-direction:column;min-height:0}.demo-panel h2{font-size:13px;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.demo-output{background:#f8efe4;border:1px solid #eadfce;border-radius:8px;flex:1;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;overflow:auto;overflow-wrap:anywhere;padding:10px;white-space:pre-wrap}@media(max-width:900px){.demo-shell{--demo-mobile-editor-height: 58vh;--demo-mobile-editor-min-height: 320px;--demo-mobile-editor-max-height: 520px;--demo-mobile-output-max-height: 32vh;grid-template-columns:minmax(0,1fr);min-height:auto;padding:16px}.demo-status{flex-basis:100%;margin-right:0;order:1}.demo-editor-host{--s9-editor-surface-padding: 20px 20px 40px;flex:0 0 auto;height:clamp(var(--demo-mobile-editor-min-height),var(--demo-mobile-editor-height),var(--demo-mobile-editor-max-height))}.demo-output{max-height:var(--demo-mobile-output-max-height)}}@media(max-width:640px){.demo-shell{gap:12px;padding:12px}.demo-toolbar{gap:6px;padding:10px}.demo-title{width:100%}.demo-editor-host{--s9-editor-surface-padding: 16px 14px 32px;min-height:300px}}