.editor-card{padding:0!important;overflow:hidden}
.editor-toolbar{gap:4px;padding:10px 12px;position:relative;margin-bottom:0!important}
.editor-toolbar button{width:auto;min-width:34px;height:36px;padding:0 9px;flex:0 0 auto;white-space:nowrap;font-size:13px;line-height:1}
.editor-toolbar .tb-mode{min-width:100px;margin-left:0}
.editor-toolbar [data-cmd=image]{min-width:84px}
.editor-toolbar button[aria-pressed=true]{background:color-mix(in oklch,var(--primary) 15%,transparent);color:var(--primary)}
.editor-toolbar button:focus-visible,.editor-image-dialog button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.editor-workspace{min-width:0}
.editor-workspace.is-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.editor-workspace.is-preview .editor-preview{border-left:1px solid var(--color-border-hairline)}
.wysiwyg,.wysiwyg-source,.editor-preview{min-width:0;min-height:360px;padding:20px 24px;overflow-wrap:anywhere}
.wysiwyg-source{display:block;width:100%;border:0;outline:none;resize:vertical;background:transparent;color:var(--color-text-body);font:14px/1.8 var(--font-mono,monospace);tab-size:2}
.editor-preview{max-height:720px;overflow:auto}
.editor-preview>:first-child{margin-top:0}
.editor-help{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--color-border-hairline);font-size:12px;line-height:1.7;color:var(--color-text-muted)}
.editor-help [role=status]{color:var(--primary)}
.editor-image-dialog{width:min(92vw,460px);padding:24px;border:1px solid var(--color-border-hairline);border-radius:16px;background:var(--color-surface-panel,#fff);color:var(--color-text-body);box-shadow:0 24px 80px #0003}
.editor-image-dialog::backdrop{background:#08142c66;backdrop-filter:blur(4px)}
.editor-image-dialog h2{font-size:20px;margin:0 0 16px;color:var(--color-text-display)}
.editor-image-dialog label{display:block;font-size:13px;margin:12px 0 6px}
.editor-image-dialog input{width:100%;box-sizing:border-box}
.editor-image-dialog .image-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.editor-image-dialog .image-note{font-size:12px;line-height:1.7;color:var(--color-text-muted);margin:12px 0}
.editor-image-dialog .image-error{font-size:12px;line-height:1.7;color:var(--color-danger,#b92343);min-height:20px;margin-top:10px}
.markdown-content table,.wysiwyg table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:16px 0}
.markdown-content th,.markdown-content td,.wysiwyg th,.wysiwyg td{border:1px solid var(--color-border-hairline);padding:8px 12px;min-width:80px;text-align:left}
.markdown-content th,.wysiwyg th{background:color-mix(in oklch,var(--primary) 6%,transparent)}
.markdown-content img,.wysiwyg img{display:block;max-width:100%;height:auto;object-fit:contain}
.markdown-content pre,.wysiwyg pre{white-space:pre;overflow-x:auto}
.wysiwyg blockquote{border-left:3px solid var(--primary);padding-left:16px;margin:12px 0;color:var(--color-text-muted)}
.editor-uploading{opacity:.65;pointer-events:none}
@media(max-width:900px){.editor-workspace.is-preview{grid-template-columns:minmax(0,1fr)}.editor-workspace.is-preview .editor-preview{border-left:0;border-top:1px solid var(--color-border-hairline)}}
@media(max-width:520px){.editor-toolbar{padding:8px;gap:3px}.editor-toolbar button{padding:0 7px;min-width:32px;height:38px}.editor-toolbar .tb-mode{min-width:92px}.editor-toolbar span[data-sep]{margin:0 2px}.wysiwyg,.wysiwyg-source,.editor-preview{padding:16px;min-height:300px}}
