.sbw-editor { border: 1px solid #b8c0cb; border-radius: 10px; background: #fff; overflow: hidden; }
.sbw-editor * { box-sizing: border-box; }
.sbw-tabs,.sbw-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px; border-bottom: 1px solid #d9dee5; background: #f5f6f8; }
.sbw-tabs button,.sbw-toolbar button,.sbw-toolbar select { min-height: 38px; padding: 7px 10px; border: 1px solid #b8c0cb; border-radius: 6px; background: #fff; color: #172033; font: inherit; cursor: pointer; }
.sbw-tabs button[aria-selected="true"] { border-color: #172033; background: #172033; color: #fff; }
.sbw-tabs button:focus-visible,.sbw-toolbar button:focus-visible,.sbw-toolbar select:focus-visible,.sbw-visual:focus-visible,.sbw-editor textarea:focus-visible { outline: 3px solid #b8e62e; outline-offset: 1px; }
.sbw-visual,.sbw-editor textarea { display: block; width: 100%; min-height: 230px; margin: 0; padding: 14px; border: 0; background: #fff; color: #202633; font: 16px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; resize: vertical; }
.sbw-visual { overflow-wrap: anywhere; }
.sbw-visual p:empty { min-height: 1.55em; }
.sbw-visual h1 { font-size: 2em; }.sbw-visual h2 { font-size: 1.7em; }.sbw-visual h3 { font-size: 1.45em; }.sbw-visual h4 { font-size: 1.25em; }.sbw-visual h5 { font-size: 1.1em; }.sbw-visual h6 { font-size: 1em; }
.sbw-visual h1,.sbw-visual h2,.sbw-visual h3,.sbw-visual h4,.sbw-visual h5,.sbw-visual h6,.sbw-visual strong,.sbw-visual b { font-weight: 700; }
.sbw-visual em,.sbw-visual i { font-style: italic; }.sbw-visual ul { list-style: disc; }.sbw-visual ol { list-style: decimal; }.sbw-visual ul,.sbw-visual ol { padding-left: 2em; }
.sbw-visual[hidden],.sbw-editor textarea[hidden],.sbw-toolbar[hidden] { display: none; }
.sbw-status { min-height: 20px; margin: 0; padding: 4px 10px; color: #596270; font-size: 12px; }
@media(max-width:520px) { .sbw-toolbar button,.sbw-toolbar select { min-height: 44px; } }