:root{--bg: #f4f5f7;--panel: #ffffff;--border: #e3e5e8;--text: #1f2328;--muted: #6b7380;--accent: #1f6feb;--accent-soft: #e8f0fe;--danger: #b42318;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .06);--radius: 8px;--toolbar-h: 96px;--sidebar-w: 260px;--page-w: 8.5in;--page-pad: 1in}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--accent-soft: #1f2a44;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}#app{display:grid;grid-template-rows:var(--toolbar-h) 1fr;grid-template-columns:var(--sidebar-w) 1fr;height:100vh}.toolbar{grid-column:1 / -1;background:var(--panel);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;flex-direction:column;gap:6px}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.toolbar .brand{font-weight:700;font-size:16px;margin-right:8px;color:var(--accent)}.toolbar .doc-title{background:transparent;border:1px solid transparent;font-size:14px;font-weight:500;color:var(--text);padding:4px 8px;border-radius:6px;min-width:200px;flex:1}.toolbar .doc-title:hover{border-color:var(--border)}.toolbar .doc-title:focus{border-color:var(--accent);outline:none;background:var(--panel)}.toolbar .status{color:var(--muted);font-size:12px;margin-left:6px;white-space:nowrap}.tb-group{display:flex;align-items:center;gap:2px;padding:0 4px;border-right:1px solid var(--border)}.tb-group:last-child{border-right:none}button.tb,select.tb,.tb-color{appearance:none;background:transparent;border:1px solid transparent;color:var(--text);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:13px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}button.tb:hover,select.tb:hover{background:var(--accent-soft)}button.tb.active{background:var(--accent-soft);color:var(--accent)}button.tb:disabled{opacity:.4;cursor:not-allowed}select.tb{padding:0 6px}button.tb.primary{background:var(--accent);color:#fff;font-weight:500;padding:4px 12px}button.tb.primary:hover{filter:brightness(1.1)}input[type=color].tb-color{width:28px;padding:2px}.sidebar{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 4px 4px}.sidebar .new-btn{background:var(--accent);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px}.sidebar .new-btn:hover{filter:brightness(1.1)}.doc-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;cursor:pointer;border:1px solid transparent;gap:6px}.doc-item:hover{background:var(--accent-soft)}.doc-item.active{background:var(--accent-soft);border-color:var(--accent)}.doc-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.doc-item .meta{font-size:11px;color:var(--muted)}.doc-item .del{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:2px 4px;border-radius:4px;opacity:0}.doc-item:hover .del{opacity:1}.doc-item .del:hover{color:var(--danger)}.canvas{overflow-y:auto;padding:24px;display:flex;justify-content:center}.page{background:#fff;color:#1f2328;width:var(--page-w);max-width:100%;min-height:11in;padding:var(--page-pad);border-radius:4px;box-shadow:var(--shadow);outline:none;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.6}.page:focus{box-shadow:var(--shadow),0 0 0 2px var(--accent-soft)}.page p{margin:0 0 .6em}.page h1,.page h2,.page h3{margin-top:1em;margin-bottom:.4em;line-height:1.25}.page h1{font-size:2em}.page h2{font-size:1.5em}.page h3{font-size:1.2em}.page blockquote{border-left:4px solid #d0d7de;margin:0 0 1em;padding:.2em 1em;color:#57606a}.page pre{background:#f6f8fa;padding:12px;border-radius:6px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.page code{background:#f6f8fa;padding:1px 4px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.page pre code{background:transparent;padding:0}.page ul,.page ol{padding-left:1.6em;margin:0 0 .6em}.page table{border-collapse:collapse;margin:.5em 0;width:100%}.page table td,.page table th{border:1px solid #d0d7de;padding:6px 10px;min-width:40px}.page table th{background:#f6f8fa;font-weight:600}.page img{max-width:100%;height:auto;display:inline-block;border-radius:4px}.page hr{border:none;border-top:1px solid #d0d7de;margin:1em 0}.page a{color:#0969da}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--panel);border-radius:10px;padding:20px;min-width:320px;max-width:90vw;box-shadow:var(--shadow)}.modal h3{margin:0 0 12px}.modal .row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.modal label{font-size:12px;color:var(--muted);min-width:60px}.modal input,.modal textarea{flex:1;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.modal button{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.modal button.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media print{body{background:#fff}#app{display:block}.toolbar,.sidebar{display:none!important}.canvas{padding:0;overflow:visible}.page{box-shadow:none;width:auto;min-height:0}}@media (max-width: 800px){#app{grid-template-columns:1fr;grid-template-rows:var(--toolbar-h) auto 1fr}.sidebar{max-height:180px;border-right:none;border-bottom:1px solid var(--border)}}