:root{--bg: #fbfaf7;--surface: #ffffff;--surface-alt: #f1f0ec;--border: #e0e3ea;--fg: #1c1e22;--fg-muted: #5b6575;--accent: #28735e;--accent-fg: #ffffff;--danger: #c2413a;--drawer-width: 280px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #1c1e22;--surface: #262a30;--surface-alt: #2a2e34;--border: #3a4049;--fg: #e4e6eb;--fg-muted: #9aa4b2;--accent: #4caf8e;--accent-fg: #11261f;--danger: #e07a72;color-scheme:dark}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);color:var(--fg);display:flex;flex-direction:column;margin:0;height:100%}#root{flex:1 1 auto;min-height:0}.site-footer{align-items:center;background:var(--surface);border-top:1px solid var(--border);color:var(--fg-muted);display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px 16px;font-size:.78rem;justify-content:center;padding:8px 14px}.site-footer a{color:var(--fg-muted);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}button{font:inherit;cursor:pointer}.btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--fg);padding:6px 12px}.btn:hover{background:var(--surface-alt)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-icon{background:transparent;border:none;border-radius:8px;color:var(--fg);padding:6px 8px}.btn-icon:hover{background:var(--surface-alt)}.app{display:flex;height:100%;overflow:hidden}.drawer{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:var(--drawer-width);overflow-y:auto}.drawer-header{padding:18px 16px 8px}.drawer-title{font-size:1.25rem;font-weight:700;margin:0}.drawer-tagline{color:var(--fg-muted);font-size:.8rem;margin:4px 0 0}.drawer-section{padding:8px 8px 4px}.drawer-section-header{align-items:center;color:var(--fg-muted);display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.04em;padding:8px 8px 4px;text-transform:uppercase}.drawer-item{align-items:center;border:none;background:transparent;border-radius:8px;color:var(--fg);display:flex;gap:8px;padding:8px 10px;text-align:left;width:100%}.drawer-item:hover{background:var(--surface-alt)}.drawer-item.active{background:color-mix(in srgb,var(--accent) 16%,transparent);font-weight:600}.drawer-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-footer{color:var(--fg-muted);font-size:.72rem;margin-top:auto;padding:14px 16px;text-align:right}.main{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:8px;flex-shrink:0;padding:10px 14px}.topbar-title{flex:1;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hamburger{display:none}.content{flex:1;min-height:0;overflow:auto}.file-list{display:flex;flex-direction:column;gap:2px;padding:12px}.file-row{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--fg);display:flex;gap:10px;padding:10px 12px;text-align:left;width:100%}.file-row:hover{background:var(--surface-alt)}.file-row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row-meta{color:var(--fg-muted);font-size:.78rem}.toolbar-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:12px 12px 0}.search-input,.text-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--fg);padding:8px 10px}.search-input{flex:1;min-width:160px}.breadcrumbs{align-items:center;color:var(--fg-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:4px;padding:12px 12px 0}.breadcrumb-link{background:none;border:none;color:var(--accent);padding:0}.editor{display:flex;flex-direction:column;height:100%}.editor-panes{display:flex;flex:1;min-height:0}.editor-pane,.preview-pane{flex:1;min-width:0;height:100%}.editor-textarea{background:var(--bg);border:none;color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;height:100%;line-height:1.6;outline:none;padding:16px;resize:none;width:100%}.preview-pane{border-left:1px solid var(--border)}.preview-frame{border:none;height:100%;width:100%}.md-toolbar{background:var(--surface);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:2px;flex-shrink:0;overflow-x:auto;padding:6px 8px}.md-toolbar button{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--fg);font-size:.85rem;min-width:34px;padding:6px 8px}.md-toolbar button:hover{background:var(--surface-alt)}.status-badge{border-radius:999px;font-size:.75rem;padding:3px 10px}.status-saved{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.status-conflict,.status-failed{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.status-editing,.status-saving,.status-draft,.status-draftRecovered{background:var(--surface-alt);color:var(--fg-muted)}.settings{display:flex;flex-direction:column;gap:16px;max-width:640px;padding:20px}.setting-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.setting-label{font-weight:500}.empty-state{align-items:center;color:var(--fg-muted);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:24px;text-align:center}.banner{border-radius:8px;margin:12px;padding:10px 14px}.banner-error{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.banner-info{background:var(--surface-alt);color:var(--fg-muted)}.banner-actions{display:flex;gap:8px;margin-top:8px}.scrim{display:none}.modal-scrim{align-items:center;background:#00000073;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:40}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.modal-header h3{font-size:1.05rem;margin:0}.modal-body{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding:8px 12px}.modal-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}@media (max-width: 768px){.hamburger{display:inline-flex}.drawer{height:100%;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .2s ease;z-index:20}.drawer.open{transform:translate(0)}.scrim.open{background:#0006;display:block;top:0;right:0;bottom:0;left:0;position:fixed;z-index:10}.editor-panes.split{flex-direction:column}.preview-pane{border-left:none;border-top:1px solid var(--border)}}