:root{--bg:#f4f6f8;--panel:#fafbfc;--card:#fff;--text:#1f2a33;--muted:#6b7780;--line:#dde3e8;--accent:#14766c;--accent-ink:#fff;--accent-soft:#e3f2f0;--warn:#9a6200;--warn-soft:#fff6e0;--danger:#b42318;--danger-soft:#fdecea;--sel:#e8f0fb;--thead:#eef3f5;color:var(--text);font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}body.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}a{color:var(--accent)}.app{flex-direction:column;height:100%;display:flex}.top{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:50px;padding:8px 14px;display:flex}.top .brand{white-space:nowrap;color:var(--muted)}.top .brand a{color:var(--muted);text-decoration:none}.top .brand b{color:var(--text)}.crumb{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.save-state{color:var(--muted);white-space:nowrap;font-size:12.5px}.live-badge{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.live-badge .dot{background:#b7c4ce;border-radius:50%;width:8px;height:8px}.live-badge.live .dot{background:#16a34a;box-shadow:0 0 0 3px #16a34a33}.live-badge.polling .dot{background:#65a30d}.live-badge.connecting .dot{background:#d4a017}.live-badge.offline .dot{background:var(--danger)}.live-badge.live{color:#166534}.avatars{margin-left:2px;display:inline-flex}.avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:10px;font-weight:700;display:inline-flex}.avatar:first-child{margin-left:0}.avatar.more{background:#6b7780}.cm-ySelectionInfo{font-family:Arial,sans-serif;font-size:11px;opacity:1!important}.save-state.dirty{color:var(--warn);font-weight:600}.top-actions{align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px}.btn:hover:not(:disabled){background:#f7f9fa;border-color:#b9c4cc}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:#10645c}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.on{background:var(--accent-soft);border-color:var(--accent)}.btn.small{padding:3px 9px;font-size:12.5px}.tb-on{color:var(--accent);font-weight:700}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px}.link.strong{font-weight:600}.link.danger{color:var(--danger)}.link:disabled{opacity:.5}.seg{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{background:var(--card);cursor:pointer;border:0;border-right:1px solid var(--line);padding:6px 10px}.seg button:last-child{border-right:0}.seg button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.body{flex:1;min-height:0;display:flex}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;width:280px;min-width:220px;display:flex}.side-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 10px;font-weight:600;display:flex}.side-actions button,.side-head .x{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 5px;font-size:13px}.side-actions button:hover,.side-head .x:hover{background:var(--line)}.tree{flex:1;padding:4px 0 40px;overflow:auto}.tree.drop-root{background:var(--accent-soft)}.tree-row{cursor:pointer;white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:4px;padding:4px 8px;display:flex}.tree-row:hover{background:#eef2f5}.tree-row.selected{background:var(--sel);border-left-color:var(--accent)}.tree-row.drop{background:var(--accent-soft);outline:1px dashed var(--accent)}.tree-row.dirty .tn:after{content:" ●";color:var(--warn)}.tw{width:12px;color:var(--muted);font-size:11px}.ti{width:18px}.tn{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ts{color:var(--muted);font-size:11px}.tr-actions{gap:2px;display:none}.tree-row:hover .tr-actions,.tr-actions.show{display:inline-flex}.tr-actions button{cursor:pointer;background:0 0;border:0;border-radius:3px;padding:1px 4px;font-size:12px}.tr-actions button:hover{background:var(--line)}.tree-empty{color:var(--muted);padding:3px 8px;font-size:12px}.tree-empty.big{padding:18px 14px;font-size:13px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.empty-main{text-align:center;max-width:520px;color:var(--muted);margin:auto}.empty-main h2{color:var(--text)}.toolbar{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.tb-group{border-right:1px solid var(--line);gap:2px;padding-right:6px;display:inline-flex}.tb-group:last-child{border-right:0}.tb-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-width:30px;height:28px;padding:0 6px}.tb-btn.wide{padding:0 9px}.tb-btn:hover:not(:disabled){border-color:var(--line);background:#eef2f5}.tb-btn:disabled{opacity:.4;cursor:default}.tb-pop{display:inline-flex;position:relative}.popover{z-index:30;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 28px #141e2829}.popover.right{left:auto;right:0}.menu{flex-direction:column;min-width:230px;display:flex}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;gap:16px;padding:7px 10px;display:flex}.menu-item:hover{background:var(--sel)}.menu .sep{background:var(--line);height:1px;margin:4px 2px}.kbd{color:var(--muted);font-size:11.5px}.table-picker .grid{grid-template-columns:repeat(8,16px);gap:3px;display:grid}.table-picker .cell{border:1px solid var(--line);cursor:pointer;border-radius:2px;width:16px;height:16px}.table-picker .cell.on{background:var(--accent-soft);border-color:var(--accent)}.table-picker .hint{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.cheats{width:560px;left:auto;right:0}.cheats table{border-collapse:collapse;font-size:12.5px}.cheats td{border-top:1px solid var(--line);vertical-align:top;padding:4px 6px}.pop-title{padding:2px 6px 6px;font-weight:600}.panes{flex:1;min-height:0;display:flex}.pane{flex-direction:column;min-width:0;display:flex}.preview-pane{flex:1}.editor-host{background:var(--card);flex:1;min-height:0}.editor-host .cm-editor{height:100%}.editor-host .cm-editor.cm-focused{outline:none}.cm-datauri{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 5px;font-family:Arial,sans-serif;font-size:12px}.cm-trow{white-space:pre;font-variant-ligatures:none;min-width:max-content}.cm-thead{background:var(--thead);font-weight:600}.cm-tdelim{color:var(--muted)}.cm-todd{background:var(--panel)}.cm-tpipe{color:#8a9aa8;font-weight:400}.cm-tpad{height:1px;display:inline-block}.cm-tpad-delim{border-bottom:1px dashed var(--line);vertical-align:middle}.cm-tfirst{left:var(--tgutter,0px);z-index:2;background:var(--card);box-shadow:1px 0 0 var(--line);display:inline-block;position:sticky}.cm-thead .cm-tfirst{background:var(--thead)}.cm-todd .cm-tfirst{background:var(--panel)}.cm-tpin{z-index:5;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13.5px;line-height:1.55;position:absolute;top:0;overflow:hidden;box-shadow:0 2px 4px #0000001f}.cm-tpin .cm-line{padding:0 2px 0 6px}.editor-pane{position:relative}.grid-panel{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;position:absolute;inset:8px;box-shadow:0 8px 28px #0000002e}.grid-bar{border-bottom:1px solid var(--line);background:var(--panel);border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 10px;display:flex}.grid-group{align-items:center;gap:3px;display:inline-flex}.grid-group select.small{padding:2px 4px;font-size:12.5px}.grid-scroll{outline:none;flex:1;min-height:0;overflow:auto}.grid-scroll:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-soft)}table.grid{border-collapse:separate;border-spacing:0;font-size:13px}table.grid th,table.grid td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;background:var(--card);text-align:left;overflow-wrap:anywhere;cursor:cell;min-width:90px;max-width:420px;padding:5px 9px;position:relative}table.grid thead th{z-index:2;background:var(--thead);font-weight:600;position:sticky;top:0}table.grid .first{z-index:1;background:var(--panel);box-shadow:1px 0 0 var(--line);position:sticky;left:0}table.grid thead th.first{z-index:3;background:var(--thead)}table.grid tbody tr:nth-child(2n) td:not(.first){background:#fcfdfd}table.grid .al-c{text-align:center}table.grid .al-r{text-align:right}table.grid .active{box-shadow:inset 0 0 0 2px var(--accent)}table.grid .cell-view p{margin:0}table.grid .cell-view code{background:var(--panel);border-radius:3px;padding:0 3px}table.grid .cell-edit{resize:vertical;background:#fffef3;border:none;outline:none;width:100%;min-width:160px;padding:0;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}table.grid .peer-tag{z-index:4;color:#fff;white-space:nowrap;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:-9px;right:2px}.grid-help{border-top:1px solid var(--line);padding:5px 10px}.grid-empty{padding:16px}.cm-tfirst-pin{z-index:1;background:var(--thead);box-shadow:1px 0 0 var(--line);display:inline-block;position:relative}.divider{cursor:col-resize;background:var(--line);width:6px}.divider:hover{background:var(--accent)}.preview-wrap{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex}.preview-frame{background:#fff;border:0;flex:1;width:100%}.preview-bar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;padding:4px 12px;display:flex}.viewing-banner{background:var(--warn-soft);border-bottom:1px solid #f0d9a8;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 12px;font-size:13px;display:flex}.grow{flex:1}.versions{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:300px;display:flex}.versions-actions{border-bottom:1px solid var(--line);padding:8px 10px}.versions-list{flex:1;overflow:auto}.ver{border-bottom:1px solid var(--line);padding:8px 10px}.ver.viewing{background:var(--warn-soft)}.ver.head{background:var(--accent-soft)}.ver-top{cursor:pointer;align-items:center;gap:6px;display:flex}.ver-no{font-weight:700}.ver-size{color:var(--muted);margin-left:auto;font-size:11.5px}.ver-label{margin-top:3px;font-size:12.5px}.ver-meta{color:var(--muted);margin-top:2px;font-size:11.5px}.ver-actions{gap:10px;margin-top:4px;display:flex}.badge{background:var(--line);color:var(--text);white-space:nowrap;border-radius:10px;padding:1px 6px;font-size:10.5px}.k-save{color:#1d4f91;background:#e3ecf9}.k-auto{color:var(--muted);background:#eceff1}.k-check{color:#5b2a9d;background:#efe6fb}.k-restore{background:var(--warn-soft);color:var(--warn)}.k-import,.k-create{color:#1e6b34;background:#e6f4ea}.k-head{background:var(--accent);color:#fff}.modal-back{z-index:50;background:#141e2861;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:10px;flex-direction:column;width:min(520px,100vw - 32px);max-height:calc(100vh - 40px);display:flex;box-shadow:0 18px 60px #00000040}.modal.wide{width:min(1200px,100vw - 32px);height:calc(100vh - 60px)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.modal-head .x{cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.modal-body{flex:1;padding:14px 16px;overflow:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.field{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:6px;padding:7px 9px}.field-label{color:var(--muted);margin-bottom:5px;font-size:12.5px;display:block}.dialog-text{line-height:1.45}.choices{flex-direction:column;gap:8px;margin-top:12px;display:flex}.choice{text-align:left;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.choice span{color:var(--muted);font-size:12.5px}.choice:hover{border-color:var(--accent);background:var(--accent-soft)}.choice.primary{border-color:var(--accent)}.form-grid{grid-template-columns:120px 1fr;align-items:center;gap:10px 12px;margin-bottom:10px;display:grid}.check{align-items:center;gap:6px;display:inline-flex}.check.small,.small{font-size:12px}.muted{color:var(--muted)}.note{background:var(--sel);border-radius:6px;margin:8px 0;padding:8px 10px;font-size:13px}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.error{background:var(--danger-soft);color:var(--danger)}.members{border-collapse:collapse;width:100%;margin:10px 0}.members td{border-bottom:1px solid var(--line);padding:7px 4px}.members .right{text-align:right}.add-member{gap:8px;display:flex}.diff-labels{grid-template-columns:1fr 1fr;margin-bottom:6px;font-size:12.5px;font-weight:600;display:grid}.diff-host{border:1px solid var(--line);border-radius:6px;height:calc(100% - 24px);overflow:auto}.diff-host .cm-mergeView{height:100%}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:420px;display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#fff;background:#1f2a33;border-radius:8px;padding:9px 13px;font-size:13px;box-shadow:0 6px 20px #0003}.toast.error{background:var(--danger)}.busy-bar{background:linear-gradient(90deg, transparent, var(--accent), transparent);z-index:70;background-size:50% 100%;height:3px;animation:1.1s linear infinite busy;position:fixed;top:0;left:0;right:0}@keyframes busy{0%{background-position:-50% 0}to{background-position:150% 0}}.gate{justify-content:center;align-items:center;height:100%;display:flex}.gate-card{background:var(--card);border:1px solid var(--line);border-radius:12px;max-width:460px;padding:28px 32px}.gate-card .brand{color:var(--muted);font-size:12.5px}.gate-card h1{margin:6px 0 10px;font-size:22px}.update-banner{z-index:60;background:#fff7e0;border:1px solid #f0c36d;border-radius:8px;padding:8px 12px;font-size:13px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.signin-form{flex-direction:column;gap:10px;display:flex}.error-text{color:var(--danger);font-size:13px}.ws-select{flex:none;min-width:150px;max-width:220px}.add-member .field[type=email]{flex:auto;min-width:200px}.add-member select.field{flex:none;width:auto}table.members select.field{width:auto;min-width:90px}@media (width<=900px){.side{width:220px;min-width:180px}.versions{width:240px}.crumb{display:none}}