.document-editor{border:1px solid #bacbd2;border-radius:10px;overflow:hidden;margin:10px 0;background:#fff}
.document-editor:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #126b5618}
.document-editor .editor-tools{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#f4f7f9;border-bottom:1px solid var(--line)}
.editor-group{display:flex;align-items:center;gap:3px;padding-right:7px;border-right:1px solid #d2dde3}
.editor-group:last-child{border-right:0}.editor-group button{padding:6px 9px;min-width:32px;border:1px solid transparent;background:transparent;line-height:1.5}
.editor-group button:hover{background:#e2ebe7}.editor-group button[aria-pressed=true]{background:#d4ebe0;border-color:#91baa8;color:#10523e}
.editor-group button:focus-visible,.editor-group select:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.editor-group select{width:auto;padding:6px 9px;font-size:13px}.editor-group[aria-label="Format teks"] button:nth-child(1){font-weight:800}.editor-group[aria-label="Format teks"] button:nth-child(2){font-style:italic}.editor-group[aria-label="Format teks"] button:nth-child(3){text-decoration:underline}
.document-editor .editor{border:0;outline:none;min-height:400px;padding:26px 32px;line-height:1.8;overflow-wrap:anywhere}
.rich p{margin:0 0 12px}.rich h2,.rich h3,.rich h4{line-height:1.4}.rich ul,.rich ol{padding-left:30px}.rich blockquote{margin:12px 0 12px 24px;padding-left:16px;border-left:3px solid #a4bfb2;color:#50665e}
.editor-status{border-top:1px solid var(--line);padding:8px 14px;font-size:12px;color:var(--muted);background:#fafcfc}
.rich table{border-collapse:collapse;width:100%;table-layout:fixed;margin:14px 0}.rich table td,.rich table th{border:1px solid #7f929c;padding:8px;vertical-align:top;min-width:0;overflow-wrap:anywhere;color:inherit;font-size:inherit}.rich table th{background:#eef3f5;font-weight:700}.rich table p:last-child{margin-bottom:0}.rich table table{margin:6px 0}.editor table td:focus-within{background:#f4faf7}
.editor-table-status{flex-basis:100%;font-size:12px;color:var(--muted);padding:2px 4px}.editor-table-dialog label{display:block;margin:10px 0}.editor-table-dialog input{width:100%;padding:8px}.editor-table-dialog{width:340px}
@media(max-width:700px){.document-editor .editor{padding:16px;min-height:300px}.editor-group{flex-wrap:wrap}.editor-group button{min-height:38px}}