.writer-app{--writer-desk:#e9ece9;background:var(--surface);height:100dvh;color:var(--text);flex-direction:column;display:flex}.dark .writer-app{--writer-desk:#182126}.writer-topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:18px;padding:14px 24px;display:flex}.writer-title{flex:1;gap:5px;min-width:150px;display:grid}.writer-title input{color:var(--text);background:0 0;border:0;width:100%;font-size:17px}.writer-save{color:var(--muted);max-width:230px;font-size:12px}.writer-toolbar,.writer-page-settings{border:0;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px 24px;display:flex}.writer-toolbar button,.writer-toolbar select,.writer-page-settings select,.writer-page-settings input{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:5px;min-height:32px;padding:4px 9px;font-size:12px}.writer-toolbar button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.writer-toolbar button[aria-pressed=true]{color:var(--primary);background:var(--surface-hover);border-color:var(--primary)}.writer-app button:focus-visible,.writer-app select:focus-visible,.writer-app input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.writer-page-settings{gap:18px;font-size:11px}.writer-page-settings details{position:relative}.writer-page-settings details>div{z-index:10;background:var(--surface);border:1px solid var(--border);gap:8px;padding:16px;display:grid;position:absolute;top:28px;left:0}.writer-page-settings details label{justify-content:space-between;gap:15px;display:flex}.writer-page-settings input{width:70px}.writer-workspace{background:var(--writer-desk);flex:1;padding:32px;overflow:auto}.writer-paper{background:#fff;margin:0 auto;box-shadow:0 2px 12px #00000012}.writer-content{white-space:pre-wrap;background:#fff;outline:none}.writer-content [data-page-break]{display:block;position:relative}.writer-content [data-page-break]:before{content:"PAGE BREAK";color:#758078;letter-spacing:.1em;font:9px Writer Sans;position:absolute;top:0;left:0}.writer-content .rm-page-header,.writer-content .rm-page-footer{background:#fff}.writer-content .rm-pages-wrapper{pointer-events:none}.writer-error{color:var(--text);background:var(--surface-hover);margin:0;padding:10px 24px}.writer-load{place-content:center;gap:20px;min-height:60vh;display:grid}.writer-create{gap:18px;display:grid}.writer-create label{gap:6px;display:grid}.writer-create input,.writer-create select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;padding:10px}.writer-recent{gap:10px;display:grid}.writer-doctype-switcher{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:4px;display:inline-flex}.writer-doctype-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.writer-doctype-tab.active{background:var(--surface);border-color:var(--border);color:var(--text)}.writer-dashboard-embedded{margin-top:8px}.writer-library-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.writer-status-tabs{flex-wrap:wrap;gap:6px;display:inline-flex}.writer-status-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:7px 13px;font-size:12px;font-weight:600}.writer-status-tab.active{background:var(--surface);border-color:var(--border);color:var(--text)}.writer-filter-bar{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.writer-search-field{min-width:160px;max-width:280px;color:var(--muted);flex:1;align-items:center;display:flex;position:relative}.writer-search-field svg{pointer-events:none;position:absolute;left:10px}.writer-search-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:7px 10px 7px 30px;font-size:13px}.writer-sort-field select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;max-width:100%;padding:7px 10px;font-size:13px}.writer-library-meta{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.writer-fetching-indicator{text-transform:none;letter-spacing:normal;font-weight:500}.writer-library-error{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex}.writer-library-skeletons{gap:10px;display:grid}.writer-skeleton-row{border-radius:12px;height:60px}.writer-empty-state{text-align:center;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:16px;justify-items:center;gap:8px;padding:36px 20px;display:grid}.writer-empty-state h3{margin:4px 0 0;font-size:16px;font-weight:650}.writer-empty-state p{max-width:380px;margin:0 0 8px;font-size:13px}.writer-doc-row{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.writer-doc-main{min-width:0;color:var(--text);flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.writer-doc-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.writer-doc-info{flex:1;gap:3px;min-width:0;display:grid}.writer-doc-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:600;overflow:hidden}.writer-doc-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;display:flex}.writer-doc-badge{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);border-radius:999px;align-items:center;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.writer-doc-arrow{color:var(--muted);flex-shrink:0}.writer-doc-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.writer-menu-container{position:relative}.writer-menu-trigger{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.writer-menu-trigger:hover,.writer-menu-trigger[aria-expanded=true]{background:var(--surface-muted);color:var(--text);border-color:var(--border)}.writer-menu-popover{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:2px;min-width:168px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 24px #00000024}.writer-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.writer-menu-item:hover{background:var(--surface-muted)}.writer-menu-item-danger{color:#dc2626}.dark .writer-menu-item-danger{color:#f87171}.writer-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.writer-pagination-summary{color:var(--muted);font-size:12px}.writer-pagination-buttons{align-items:center;gap:8px;display:flex}.writer-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.writer-danger-button{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.writer-dashboard button:focus-visible,.writer-dashboard select:focus-visible,.writer-dashboard input:focus-visible,.writer-dashboard a:focus-visible,.writer-doctype-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=760px){.writer-topbar{gap:10px;padding:10px 12px}.writer-topbar .primary-button{font-size:12px}.writer-save{order:5;width:100%;max-width:none}.writer-toolbar{flex-wrap:nowrap;flex-shrink:0;padding:8px 12px;overflow-x:auto}.writer-toolbar>*{flex-shrink:0}.writer-page-settings{gap:10px;padding:8px 12px}.writer-workspace{padding:18px 12px}.writer-paper{margin:0}.writer-dashboard .section-title-row{flex-direction:column;align-items:flex-start;gap:12px}.writer-status-tabs{width:100%}.writer-filter-bar{flex:100%;justify-content:stretch;width:100%}.writer-search-field{flex:100%;min-width:0;max-width:none}.writer-sort-field{flex:100%;min-width:0}.writer-sort-field select{width:100%}.writer-restore-inline{display:none}}.writer-app .writer-content .rm-page-header,.writer-app .writer-content .rm-page-footer{display:flex}.writer-app .writer-content{border:0!important}.writer-app{width:100%;min-width:0;overflow:hidden}.writer-toolbar,.writer-page-settings{min-inline-size:0;max-width:100%}.writer-workspace{min-width:0;min-height:0}.writer-view-stage{margin:0 auto;position:relative;overflow:clip;box-shadow:0 2px 12px #00000012}.writer-view-stage .writer-paper{transform-origin:0 0;margin:0;position:absolute;top:0;left:0}.writer-zoom-control{align-items:center;gap:3px;margin-left:auto;display:inline-flex}.writer-zoom-control button{border:1px solid var(--border);width:28px;height:30px;color:var(--text);background:var(--surface);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.writer-zoom-control button:disabled{opacity:.4}.writer-highlight-btn{align-items:center;gap:6px;display:inline-flex;position:relative}.writer-highlight-icon-wrapper{flex-direction:column;justify-content:center;align-items:center;display:inline-flex;position:relative}.writer-highlight-indicator{pointer-events:none;border-radius:1.5px;height:3px;position:absolute;bottom:-3px;left:0;right:0;box-shadow:0 0 0 .5px #00000026}.writer-highlight-popover{z-index:1000;background:var(--surface);border:1px solid var(--border);width:254px;max-width:calc(100vw - 16px);color:var(--text);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex;box-shadow:0 4px 18px #00000024,0 1px 3px #00000014}.writer-highlight-popover-header{align-items:center;display:flex}.writer-highlight-none-btn{width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;font-size:12px;font-weight:500;transition:background-color .1s;display:inline-flex}.writer-highlight-none-btn:hover{background:var(--surface-hover)}.writer-highlight-none-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.writer-highlight-popover-divider{background:var(--border);height:1px;margin:0 -2px}.writer-highlight-palette{grid-template-columns:repeat(9,1fr);gap:4px;margin:0;display:grid}.writer-highlight-swatch-btn{cursor:pointer;border:1px solid #0000001f;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:transform .12s,box-shadow .12s;display:inline-flex}.dark .writer-highlight-swatch-btn{border-color:#ffffff26}.writer-highlight-swatch-btn:hover{box-shadow:0 0 0 1px var(--surface), 0 0 0 2px var(--primary);z-index:1;transform:scale(1.15)}.writer-highlight-swatch-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px;z-index:2}.writer-highlight-swatch-btn[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--surface), 0 0 0 3px var(--primary)}.writer-swatch-check{color:#1a1a1a;stroke-width:3px}.writer-content mark{color:inherit;padding:0}.writer-export-group{align-items:center;gap:8px;display:inline-flex}.writer-export-select{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;min-height:36px;padding:5px 10px;font-size:13px;font-weight:500}.writer-app .writer-content.rm-with-pagination table{border-collapse:collapse;table-layout:fixed;width:100%!important;display:table!important}.writer-app .writer-content.rm-with-pagination table tbody{max-height:none!important;display:table-row-group!important;overflow:visible!important}.writer-content td.selectedCell,.writer-content th.selectedCell{background:#3b82f624}.writer-content hr.ProseMirror-selectednode{outline:2px solid var(--primary);outline-offset:2px}.writer-table-popover{z-index:1000;background:var(--surface);border:1px solid var(--border);width:248px;max-width:calc(100vw - 16px);color:var(--text);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex;box-shadow:0 4px 18px #00000024,0 1px 3px #00000014}.writer-table-popover-section{flex-direction:column;gap:8px;display:flex}.writer-table-popover-title{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.writer-table-dimensions-badge{color:var(--primary);background:var(--surface-hover);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.writer-table-grid-picker{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.writer-table-grid-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:3px;width:100%;min-height:20px;padding:0;transition:background-color 80ms,border-color 80ms}.writer-table-grid-cell.active{border-color:var(--primary);background:#3b82f62e}.writer-table-custom-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.writer-table-custom-inputs label{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.writer-table-custom-inputs input{border:1px solid var(--border);background:var(--surface);width:56px;color:var(--text);border-radius:5px;padding:4px 6px;font-size:12px}.writer-table-header-toggle{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.writer-table-insert-btn{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.writer-table-actions-section{flex-direction:column;gap:6px;display:flex}.writer-table-popover-subtitle{color:var(--muted);font-size:11px;font-weight:600}.writer-table-actions-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.writer-table-actions-grid button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:5px 7px;font-size:11px;display:inline-flex}.writer-table-actions-grid button:hover{background:var(--surface-hover)}.writer-table-span-2{grid-column:span 2}.writer-table-danger-btn{color:#dc2626!important;border-color:#dc262659!important}.writer-content figure.writer-image{clear:none;max-width:100%;margin:.75em 0;position:relative}.writer-content .writer-image-frame{min-width:60px;max-width:100%;display:inline-block;position:relative}.writer-content .writer-image.is-selected .writer-image-frame{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.writer-content .writer-image-el{border-radius:2px;width:100%;max-width:100%;height:auto;display:block}.writer-content .writer-image-status{color:#475569;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:12px 16px;font:12px Writer Sans,sans-serif}.writer-content .writer-image-controls{z-index:5;color:#fff;background:#0f172ad6;border-radius:6px;align-items:center;gap:3px;padding:3px 5px;display:none;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0003}.writer-content .writer-image:hover .writer-image-controls,.writer-content .writer-image.is-selected .writer-image-controls{display:inline-flex}.writer-content .writer-image-controls button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:2px 5px;font:600 10px Writer Sans,sans-serif}.writer-content .writer-image-controls button.active{background:#3b82f6;border-color:#3b82f6}.writer-content .writer-image-controls button.danger{color:#fca5a5}.writer-content .writer-image-size-label{padding:0 3px;font:600 10px Writer Sans,sans-serif}.writer-content .writer-image-resize-handle{cursor:nwse-resize;background:#2563eb;border:2px solid #fff;border-radius:3px;width:12px;height:12px;display:none;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 3px #0000004d}.writer-content .writer-image:hover .writer-image-resize-handle,.writer-content .writer-image.is-selected .writer-image-resize-handle{display:block}
