:root{--bg: #14161a;--panel: #1c1f26;--panel-2: #232732;--ink: #e8e6e1;--muted: #9aa0ab;--accent: #c9a24b;--accent-ink: #14161a;--border: #2c313c;--danger: #e06c75;font-family:ui-serif,Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.app-header{display:flex;align-items:baseline;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border)}.brand{font-size:1.35rem;letter-spacing:.03em}.brand small{color:var(--muted);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin-left:.6rem}.container{max-width:880px;margin:0 auto;padding:2.5rem 2rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:2rem}.login-card{width:min(420px,100%)}h1,h2{font-weight:600;letter-spacing:.01em}label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:.4rem;font-family:system-ui,sans-serif}input[type=text],input[type=password]{width:100%;padding:.7rem .85rem;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--ink);font-size:1rem;font-family:system-ui,sans-serif}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font-family:system-ui,sans-serif;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--ink);padding:.6rem 1.1rem;border-radius:8px;font-size:.95rem}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);font-family:system-ui,sans-serif;font-size:.9rem;margin-top:.75rem}.muted{color:var(--muted)}.row{display:flex;gap:.75rem;align-items:center}.spacer{flex:1}.project-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.75rem}.project-item{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.project-item:hover{border-color:var(--accent)}.project-title{font-size:1.1rem}.project-meta{color:var(--muted);font-size:.8rem;font-family:system-ui,sans-serif;margin-top:.2rem}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem;border:1px dashed var(--border);border-radius:12px;margin-top:1.5rem}.pill{font-family:system-ui,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem}form .field{margin-bottom:1.1rem}.studio-placeholder{border:1px dashed var(--border);border-radius:12px;padding:2.5rem;text-align:center;color:var(--muted);margin-top:1.5rem}.studio-shell{display:flex;flex-direction:column;height:100vh}.studio-layout{flex:1;min-height:0;display:grid;grid-template-columns:18rem minmax(0,1fr) auto}.studio-main{min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--border);overflow:hidden}.studio-titlebar{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--border)}.studio-book-title{margin:0;font-size:1.15rem}.binder{overflow-y:auto;font-family:system-ui,sans-serif;font-size:.9rem;padding-bottom:2rem}.binder-head,.snapshots-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem .9rem .6rem;position:sticky;top:0;background:var(--bg)}.binder-head-label{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--muted)}.binder-head-actions{display:flex;gap:.3rem}.binder-head-actions button{font-size:.72rem;padding:.25rem .45rem}.binder-tree,.binder-children{list-style:none;margin:0;padding:0}.binder-row{display:flex;align-items:center;gap:.15rem;padding:.15rem .5rem .15rem 0;border:1px solid transparent;border-radius:6px;cursor:grab}.binder-row:hover{background:var(--panel)}.binder-row.selected{background:var(--panel-2)}.binder-row.drop-target{border-color:var(--accent)}.binder-twisty{border:none;background:none;color:var(--muted);width:1.2rem;padding:0;font-size:.8rem}.binder-doc-dot{text-align:center;cursor:default}.binder-title{flex:1;text-align:left;border:none;background:none;color:var(--ink);padding:.15rem .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-rename{flex:1;font-family:system-ui,sans-serif;font-size:.9rem;padding:.2rem .35rem}.binder-actions{display:none;gap:.1rem}.binder-row:hover .binder-actions{display:flex}.binder-actions button{border:none;background:none;color:var(--muted);padding:.1rem .25rem;font-size:.8rem}.binder-actions button:hover{color:var(--ink)}.binder-empty,.binder-error{padding:.5rem .9rem;font-size:.82rem}.binder-empty{color:var(--muted)}.editor{flex:1;min-height:0;display:flex;flex-direction:column}.editor-bar{display:flex;align-items:baseline;justify-content:space-between;padding:.6rem 1.5rem;border-bottom:1px solid var(--border);font-family:system-ui,sans-serif}.editor-title{margin:0;font-size:1rem;font-weight:600}.editor-status{display:flex;align-items:center;gap:.8rem;font-size:.78rem;color:var(--muted)}.save-state.save-error{color:var(--danger)}.save-state.save-saved{color:#7fb069}.editor-body{flex:1;min-height:0;overflow-y:auto}.sm-prose{max-width:46rem;margin:0 auto;padding:2rem 2rem 6rem;outline:none;font-size:1.08rem;line-height:1.7}.sm-prose:focus{outline:none}.sm-prose p{margin:0 0 1rem}.sm-prose h1,.sm-prose h2,.sm-prose h3{line-height:1.3}.sm-prose blockquote{border-left:3px solid var(--border);margin:0 0 1rem;padding-left:1rem;color:var(--muted)}.sm-prose ul,.sm-prose ol{padding-left:1.5rem;margin:0 0 1rem}.snapshots{width:22rem;border-left:1px solid var(--border);overflow-y:auto;font-family:system-ui,sans-serif;font-size:.85rem;padding-bottom:2rem}.snapshot-new{display:flex;gap:.4rem;padding:0 .9rem .6rem}.snapshot-new input{flex:1;font-size:.8rem;padding:.4rem .5rem}.snapshot-new button{font-size:.8rem}.snapshot-notice{color:#7fb069;padding:0 .9rem .5rem;font-size:.8rem}.snapshot-list{list-style:none;margin:0;padding:0 .6rem}.snapshot-item{border:1px solid var(--border);border-radius:8px;padding:.6rem;margin-bottom:.5rem}.snapshot-row{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.snapshot-message{color:var(--ink)}.snapshot-when{color:var(--muted);font-size:.72rem;margin-top:.1rem}.snapshot-item-actions{display:flex;flex-direction:column;gap:.25rem}.snapshot-item-actions button{font-size:.72rem;padding:.2rem .4rem;white-space:nowrap}.snapshot-diff{margin-top:.5rem;border-top:1px solid var(--border);padding-top:.5rem}.diff-timing{color:var(--muted);font-size:.7rem;margin-bottom:.3rem}.diff-body{margin:0;font-family:ui-monospace,monospace;font-size:.72rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-height:22rem;overflow:auto}.diff-line{padding:0 .3rem}.diff-add{background:#7fb06929;color:#b6d7a8}.diff-remove{background:#e06c7524;color:#e6a0a6}.diff-meta{color:var(--muted)}