[contenteditable=true]{outline:0!important}.builder-component:hover{background-color:var(--bg-hover)!important;outline:1px solid var(--border-strong)!important}.builder-component.selected{background-color:var(--bg-active)!important;outline:1px solid var(--border-strong)!important}.builder-component.table{margin:1em 0}[contenteditable=true]:not(.builder-component):hover{background-color:var(--bg-hover)!important;outline:1px solid var(--border-strong)!important}[contenteditable=true]:not(.builder-component):focus{background-color:var(--bg-active)!important;outline:1px solid var(--border-strong)!important}.builder-component.selected table th,.builder-component:hover table th{background-color:transparent}.table-controls-row{display:none;gap:1em;justify-content:center;align-items:center}.table-controls-row.button-row{flex-wrap:wrap}.table-controls-group{display:flex;align-items:center;gap:.25em}.table-controls-label{font-size:12px;color:var(--text-secondary);margin-right:.25em}.table-control-btn{width:32px;height:32px;border:1px solid var(--border-light);background:var(--bg-primary);color:rgba(0,0,0,.7);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;margin:0}html.dark-mode .table-control-btn{color:rgba(255,255,255,.7)}.table-control-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.table-control-btn:active:not(:disabled){background:var(--bg-active);transform:translateY(0);box-shadow:inset 0 1px 2px var(--border-light)}#article-editor.preview-mode .table-controls{display:none!important}[type=embed]{margin:1em 0}figure{width:100%!important;margin:1em 0!important;display:block!important}figure img{width:100%!important;max-width:100%!important;height:auto!important;box-sizing:border-box!important}figure img[style*="display: block"]{display:block!important}figure img[style*="display: none"]{display:none!important}[type=math]{cursor:text;margin:1em 0;min-height:2em;display:flex;align-items:center;justify-content:center}[type=math] mjx-container{pointer-events:none}[type=math].selected{padding:.75em .5em;line-height:1.5}[type=code] pre{min-height:1.8em}[type=code] pre code{min-height:1.2em}[type=code] .code-language{white-space:nowrap;overflow:hidden}.selection-toolbar{position:fixed;background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:0 2px 8px rgba(0,0,0,.15);padding:2px;display:none;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.selection-toolbar button{background:0 0;border:none;color:rgba(0,0,0,.7);cursor:pointer;padding:6px 8px;font-size:14px;font-weight:400;margin:0;min-width:28px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}html.dark-mode .selection-toolbar button{color:rgba(255,255,255,.7)}.selection-toolbar button:hover{background:var(--bg-active)}.selection-toolbar button:active{background:var(--bg-active)}.selection-toolbar button strong{font-weight:700}.selection-toolbar button em{font-style:italic}.selection-toolbar button s{text-decoration:line-through}.selection-toolbar button u{text-decoration:underline}.preview-mode [contenteditable=true]:hover{background-color:transparent!important;box-shadow:none!important}.preview-mode [contenteditable=true]:focus{background-color:transparent!important;box-shadow:none!important;outline:0!important}.preview-mode .builder-component.selected{background-color:transparent!important;outline:0!important}#save-btn:disabled{opacity:.6;cursor:not-allowed}#save-btn{min-width:85px}#save-btn.save-error,#save-btn.save-saved,#save-btn.save-saving,#save-btn.save-unsaved{border:none}#save-btn.save-unsaved{background:#e8944a;color:#fff}#save-btn.save-unsaved:hover:not(:disabled){background:#d4833c;color:#fff}#save-btn.save-saved{background:#27ae60;color:#fff}#save-btn.save-saved:hover:not(:disabled){background:#1e8e4e;color:#fff}#save-btn.save-saving{background:rgba(0,0,0,.75);color:#fff}html.dark-mode #save-btn.save-saving{background:rgba(255,255,255,.75);color:#1a1a1a}#save-btn.save-error{background:rgba(231,76,60,.4);color:#fff}#save-btn.save-error:hover:not(:disabled){background:rgba(231,76,60,.6);color:#fff}#preview-btn{min-width:80px!important;width:80px!important}#article-editor.preview-mode .builder-component.selected{outline:0!important}#article-editor.preview-mode .builder-component:hover{outline:0!important}#article-editor.preview-mode .selection-toolbar{display:none!important}#article-editor.preview-mode .article-top-navigation{pointer-events:none}#article-editor.preview-mode .article-chapter[contenteditable],#article-editor.preview-mode h1[contenteditable]{cursor:default}#markdown-display{flex:1;width:100%;min-height:400px;padding:1em;border:1px solid var(--border-light);font-family:monospace;font-size:14px;resize:none;margin-bottom:1em;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-x:hidden;background:var(--input-bg);color:var(--text-primary)}.image-upload-modal{width:650px;max-width:90%}.image-upload-modal h2{border:none;padding-bottom:0;margin-bottom:1.5em}.url-input-row{margin:0;display:flex;gap:.5em;align-items:stretch}#image-url-input{flex:1;padding:.8em;border:1px solid var(--border-light);font-size:14px;background:var(--input-bg);color:var(--text-primary);box-sizing:border-box}#image-url-input:focus{outline:0;border-color:var(--border-strong)}.url-input-row .btn{align-self:stretch;display:flex;align-items:center;justify-content:center}.image-preview-section{display:none;margin-top:1.5em;border:1px solid var(--border-light);background:var(--bg-tertiary)}.image-preview-section h3{margin:0;padding:.75em 1em;font-size:.9em;font-weight:600;color:rgba(0,0,0,.7);text-align:left;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}html.dark-mode .image-preview-section h3{color:rgba(255,255,255,.7)}#image-preview{width:100%;height:auto;display:block}#insert-image-btn:disabled{cursor:not-allowed;pointer-events:none;background:var(--input-disabled-bg);color:var(--input-disabled-text);border-color:var(--border-light)}#published-container{display:contents}#published-warning{display:none;background:var(--warning-bg);padding:1em;margin:0 0 .5em 0;text-align:center;border:1px solid var(--warning-border)}#published-warning.show{display:block}#published-warning p{margin:0;color:var(--text-primary);font-size:1.05em;text-align:center}#published-warning span{font-size:.95em}.component-buttons{display:flex;flex-direction:column;gap:.5em;margin:1.5em 0 1.5em 0;padding:.75em;background:var(--accent-blue);border:1px solid var(--accent-blue-border);position:relative}.component-buttons.control-buttons{margin-top:0}.button-row{display:flex;flex-wrap:wrap;gap:.25em;justify-content:center}.button-row-controls{align-items:center}.button-row-controls .component-btn{width:auto;padding:0 1em;height:32px;font-size:14px}#info-btn{width:32px;padding:0}.button-row-controls .mode-btn.active{background:var(--bg-hover);color:var(--text-primary);font-weight:600}.button-row-controls .clear-btn{border-color:var(--danger);color:var(--danger)}.button-row-controls .clear-btn:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.component-btn{min-width:32px;height:32px;box-sizing:border-box;border:1px solid var(--border-light);background:var(--bg-primary);color:rgba(0,0,0,.7);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0 8px;margin:0;white-space:nowrap}html.dark-mode .component-btn{color:rgba(255,255,255,.7)}.component-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}html.dark-mode .component-btn:hover:not(:disabled){background:var(--bg-active);border-color:var(--border-strong)}.component-btn:active:not(:disabled){background:var(--bg-active);transform:translateY(0);box-shadow:inset 0 1px 2px var(--border-light)}.component-btn:focus{outline:2px solid var(--border-strong)}.delete-btn{border-color:var(--danger);color:var(--danger)}.delete-btn:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(231,76,60,.3)}.delete-btn:active:not(:disabled){background:var(--danger-bg);transform:translateY(0);box-shadow:inset 0 1px 2px rgba(231,76,60,.2)}.component-btn:not(.active){opacity:.3;cursor:not-allowed;pointer-events:none}.component-btn.active{opacity:1;cursor:pointer}[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--text-hint);font-style:italic;pointer-events:none}code[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--text-hint);font-style:italic;pointer-events:none;display:inline-block}.table-controls{display:none;padding:.5em;background-color:var(--bg-hover);border:1px solid var(--border-strong);border-top:none;width:100%;box-sizing:border-box;gap:.75em;flex-wrap:wrap;justify-content:center}.builder-component.selected .table-controls{display:flex}@media (max-width:768px){.component-buttons{padding:.5em;margin:1em 0}.button-row{gap:.2em}.component-btn{min-width:28px;height:28px;font-size:12px;padding:0 6px}.button-row-controls .component-btn{height:28px;font-size:12px;padding:0 .6em}#save-btn{min-width:60px}#preview-btn{min-width:60px!important;width:60px!important}.table-controls{gap:.5em;padding:.4em}.table-control-btn{width:28px;height:28px;font-size:12px}.table-controls-label{font-size:11px}#markdown-display{min-height:250px;font-size:12px}.modal-buttons .btn{padding:.5em 1em;font-size:13px}.url-input-row{flex-direction:column}.selection-toolbar{max-width:calc(100vw - 2em)}.selection-toolbar button{padding:5px 6px;font-size:13px;min-width:24px}#published-warning{padding:.75em}#published-warning p{font-size:.95em}}.builder-component[type=footnotes]{margin-top:1em}.builder-component[type=footnotes] .footnotes li{outline:0;min-height:1.2em;padding:2px 4px;padding-right:26px;position:relative}.builder-component[type=footnotes] .footnotes li:focus{background:rgba(0,0,0,.04)}.builder-component[type=footnotes] .fn-delete-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:none;background:0 0;color:var(--text-secondary,#888);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;padding:0}.builder-component[type=footnotes] .footnotes li:hover .fn-delete-btn{opacity:.6}.builder-component[type=footnotes] .fn-delete-btn:hover{opacity:1!important;background:rgba(229,62,62,.1);color:#e53e3e}#markdown-output .footnote-ref{cursor:default;user-select:all}#markdown-output .footnote-ref a{pointer-events:none}#markdown-output a.inline-link{color:var(--link-color);text-decoration:underline;pointer-events:none;cursor:default}@media (max-width:480px){.component-buttons{padding:.4em;margin:.75em 0}.component-btn{min-width:26px;height:26px;font-size:11px}.button-row-controls .component-btn{height:26px;font-size:11px}#markdown-display{min-height:200px}}