.example-theme{--example-border:#d3e6e4;--example-soft:#f1f8f8;--example-hover:#e7f3f1;--example-active:#dcedea;--example-ink:#284c52;color:#293d42;background:#f3f9f8}.example-page{max-width:1100px;margin:0 auto;padding:24px}.example-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.example-header h1{color:var(--example-ink);margin:0}.example-header button{font:inherit;cursor:pointer;border:1px solid var(--example-border);color:var(--example-ink);background:#e8f4f1;border-radius:4px;padding:8px 12px}.example-header button:hover{background:var(--example-active)}.example-content{border:1px solid var(--example-border);background:#fdffff;min-height:65vh}.example-theme .wysiwyg-toolbar{background:var(--example-soft);border-color:var(--example-border)}.example-theme :is(.wysiwyg-toolbar-button,.wysiwyg-toolbar-select,.wysiwyg-layout-settings,.wysiwyg-layout-drag-handle){color:var(--example-ink)}.example-theme :is(.wysiwyg-toolbar-select,.toolbar-component-menu,.floating-editor-panel,.wysiwyg-layout-settings,.wysiwyg-layout-drag-handle){border-color:var(--example-border);background:#fbfefd}.example-theme .wysiwyg-toolbar-separator{background:var(--example-border)}.example-theme :is(.wysiwyg-toolbar-button,.toolbar-component-item,.layout-choice-button,.layout-justify-button):hover{background:var(--example-hover)}.example-theme :is(.wysiwyg-toolbar-button,.layout-choice-button,.layout-justify-button).is-active{background:var(--example-active);border-color:#9fc7c1}.example-theme .wysiwyg-layout{background:#e0f2ef59;outline-color:#b2cfca}.example-theme :is(.wysiwyg-layout:hover,.wysiwyg-layout:focus-within,.wysiwyg-layout.settings-open,.wysiwyg-layout.ProseMirror-selectednode){background:#e0f2ef8c;outline-color:#729f9d}.example-theme :is(button,select,[role=button]):focus-visible{outline-offset:2px;outline:2px solid #4a8589}.example-content>[hidden]{display:none}.preview-devices{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.preview-devices[hidden]{display:none}.preview-devices button{border:1px solid var(--example-border);color:var(--example-ink);cursor:pointer;background:#fff;border-radius:4px;padding:7px 12px}.preview-devices button[aria-pressed=true]{background:var(--example-active)}.example-content>.preview{box-sizing:border-box;background:#fdffff;max-width:100%;min-height:65vh;margin:0 auto}@media (width<=600px){.example-page{padding:12px}.example-header{flex-wrap:wrap}}