.doc-editor-fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;padding:.55rem 1.1rem;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--accent);color:#fff;font-family:var(--font-text);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-overlay);transition:background var(--ease-default),transform var(--ease-default)}.doc-editor-fab:hover{background:var(--accent-hover);transform:translateY(-1px)}.doc-editor-overlay{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--bg)}.doc-editor-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface)}.doc-editor-title{font-family:var(--font-text);font-size:.9rem;color:var(--text)}.doc-editor-title code{font-family:var(--font-mono);color:var(--text-secondary)}.doc-editor-actions{display:flex;align-items:center;gap:.75rem}.doc-editor-status{font-size:.8rem;color:var(--text-tertiary)}.doc-editor-status-saved{color:var(--success)}.doc-editor-status-error{color:var(--danger)}.doc-editor-btn{padding:.45rem .95rem;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--accent);color:#fff;font-family:var(--font-text);font-size:.82rem;font-weight:600;cursor:pointer}.doc-editor-btn:disabled{opacity:.5;cursor:default}.doc-editor-btn-ghost{background:transparent;color:var(--text-secondary)}.doc-editor-panes{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.doc-editor-textarea{width:100%;height:100%;resize:none;border:0;border-right:1px solid var(--border);padding:1.5rem;background:var(--code-bg);color:var(--code-fg);font-family:var(--font-mono);font-size:.85rem;line-height:1.6;-moz-tab-size:2;-o-tab-size:2;tab-size:2;outline:none}.doc-editor-preview{height:100%;overflow-y:auto;padding:1.5rem 2rem;background:var(--bg)}.doc-editor-block{display:inline-block;padding:.15rem .6rem;border-radius:var(--r-sm);border:1px dashed var(--border-strong);font-family:var(--font-mono);font-size:.8rem;color:var(--text-tertiary)}@media (max-width:820px){.doc-editor-panes{grid-template-columns:1fr}.doc-editor-preview{display:none}}