.ysf-rich-field{min-width:0;gap:8px}
.ysf-rich-frame{border:1px solid var(--line,#dce4ec);border-radius:7px;background:#fff;overflow:hidden;min-width:0}
.ysf-rich-frame:focus-within{border-color:#af8d4b;box-shadow:0 0 0 2px #af8d4b20}
.ysf-rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:10px;background:#f7f8fa;border-bottom:1px solid #dce4ec}
.ysf-editor-tools{display:flex;align-items:center;gap:3px;padding-right:7px;margin-right:2px;border-right:1px solid #dce4ec}
.ysf-editor-tools:last-child{border-right:0}
.ysf-editor-button{appearance:none;min-height:32px;padding:5px 8px;background:#fff;border:1px solid transparent;border-radius:4px;color:#233549;font-size:12px;line-height:1.6;white-space:nowrap}
.ysf-editor-button:hover{background:#eaf0f5;border-color:#cbd8e2;color:#132a43}
.ysf-editor-button:focus-visible,.ysf-editor-select:focus-visible,.ysf-editor-color:focus-visible{outline:2px solid #af8d4b;outline-offset:2px}
.ysf-editor-bold{font-weight:800;font-size:15px;min-width:30px}
.ysf-editor-italic{font-style:italic;font-size:15px;min-width:30px}
.ysf-editor-underline{text-decoration:underline;font-size:15px;min-width:30px}
.ysf-editor-upload{color:#132a43;border-color:#d7c5a4;background:#fcf8ef;font-weight:600}
.ysf-editor-select{width:auto!important;max-width:130px;min-height:32px!important;padding:4px 7px!important;font-size:12px!important;border:1px solid #d1dbe4!important;border-radius:4px!important;background:#fff}
.ysf-editor-color{width:30px!important;min-height:30px!important;height:30px;padding:3px!important;cursor:pointer;border:1px solid #d1dbe4!important;border-radius:4px!important}
.ysf-editor-source-toggle{margin-left:auto;color:#6b7e90}
.ysf-editor-source-toggle[aria-pressed=true]{color:#132a43;background:#f6eddc;border-color:#d7c5a4}
.ysf-rich-editor{padding:22px;min-height:320px;max-height:580px;overflow:auto;line-height:1.85;font-size:14px;color:#233549;background:#fff;outline:none;overflow-wrap:anywhere}
.ysf-rich-editor:empty:before{content:attr(data-placeholder);color:#8896a3;pointer-events:none}
.ysf-rich-editor p{margin:0 0 12px}
.ysf-rich-editor h1{font-size:26px;line-height:1.5;margin:20px 0 12px}
.ysf-rich-editor h2{font-size:22px;line-height:1.5;margin:18px 0 10px}
.ysf-rich-editor h3{font-size:18px;line-height:1.6;margin:16px 0 8px}
.ysf-rich-editor h4{font-size:16px;line-height:1.6;margin:14px 0 8px}
.ysf-rich-editor img{max-width:100%!important;height:auto!important;display:block;margin:12px auto}
.ysf-rich-editor ul,.ysf-rich-editor ol{padding-left:1.8em;margin:10px 0}
.ysf-rich-editor li{margin:4px 0}
.ysf-rich-editor blockquote{margin:12px 0;border-left:3px solid #d7c5a4;padding:8px 14px;background:#faf8f3;color:#526779}
.ysf-rich-editor pre{white-space:pre-wrap;padding:12px;background:#f4f7f9;border-radius:4px;font-size:13px}
.ysf-rich-editor table{display:table;max-width:100%;width:auto;border-collapse:collapse;margin:12px 0;font-size:inherit}
.ysf-rich-editor td,.ysf-rich-editor th{border:1px solid #dce4ec;padding:8px 10px;color:inherit;white-space:normal;overflow-wrap:anywhere}
.ysf-rich-source{font-family:Consolas,monospace;font-size:12px!important;line-height:1.8!important;min-height:340px!important;border:0!important;border-radius:0!important;resize:vertical}
.ysf-rich-footer{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-top:1px solid #e6ebef;background:#fbfcfd}
.ysf-editor-status{font-size:12px;color:#26774e;overflow-wrap:anywhere}
.ysf-editor-status:empty{display:none}
.ysf-editor-status.error{color:#b83a3a}
.ysf-editor-image-note{display:block;border:1px dashed #d8b180;background:#fff9ec;color:#7c612d;padding:12px;margin:10px 0;font-size:12px}
@media(max-width:620px){.ysf-rich-toolbar{padding:7px;gap:4px}.ysf-editor-tools{padding-right:4px;margin-right:0}.ysf-editor-button{padding:5px 6px}.ysf-editor-select{max-width:105px}.ysf-rich-editor{padding:16px;min-height:280px}.ysf-editor-source-toggle{margin-left:0}}
