.rich-composition{align-items:start}.rich-canvas-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.field.compact{min-width:190px}.rich-toolbar{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#ebe8e1;border:1px solid var(--line);border-radius:12px 12px 0 0}.rich-toolbar button{min-height:38px;padding:7px 10px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink)}.rich-editor-host{min-height:420px;padding:clamp(20px,4vw,54px);background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;box-shadow:inset 0 0 0 6px #f4f1eb}.rich-editor-host .ProseMirror{min-height:320px;outline:none}.rich-editor-host .ProseMirror>h1{font:500 clamp(2.2rem,5vw,4.5rem)/1 var(--serif);margin:0 0 20px}.rich-editor-host .ProseMirror>h2{font:600 2rem/1.15 var(--serif)}.rich-editor-host .ProseMirror>p,.rich-editor-host .ProseMirror>blockquote{font-size:1.08rem;line-height:1.65;max-width:70ch}.rich-editor-host .ProseMirror-focused{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.rich-editor-host [data-block-id]:hover{outline:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:6px}.rich-editor-host figure{margin:18px 0}.rich-editor-host img{max-width:100%;height:auto;border-radius:12px}.rich-editor-host .sx-rich-callout{padding:16px 18px;border-inline-start:5px solid var(--sea);background:var(--sea-pale);border-radius:8px}.rich-editor-host .sx-rich-component{display:grid;gap:5px;padding:18px;border:1px dashed #8b9798;border-radius:12px;background:#eef5f3;text-transform:capitalize}.rich-editor-host .sx-rich-component small{text-transform:none;color:var(--muted)}.rich-insert-row{display:flex;align-items:end;gap:10px;margin-top:12px}.rich-insert-row .field{flex:1}.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rich-composition pre{max-height:340px;overflow:auto}.rich-preview-component button{font:inherit}@media(max-width:700px){.rich-canvas-head{display:block}.rich-toolbar{position:static}.rich-editor-host{padding:24px 16px}.rich-insert-row{align-items:stretch;flex-direction:column}}