:root{--bg: #faf9f7;--panel: #ffffff;--panel-2: #f7f5f2;--panel-3: #f1efec;--muted: #e3e0db;--muted-2: #d7d3cd;--text: #232221;--text-2: #5b5a57;--text-3: #8c8881;--salmon: #e2665c;--salmon-2: #f4b2a6;--teal: #3aaea2;--blue: #4c7edf;--green: #4ea36f;--chip: #f3f1ee;--fork: #3aaea2;--compose: #e2665c;--hl-fork: rgba(58, 174, 162, .18);--hl-compose: rgba(226, 102, 92, .18);--hl-both: repeating-linear-gradient(45deg, rgba(226, 102, 92, .2) 0 8px, rgba(58, 174, 162, .2) 8px 16px);--shadow: 0 10px 30px rgba(0, 0, 0, .12);--shadow-1: 0 4px 14px rgba(0, 0, 0, .1);--ring: 0 0 0 2px var(--salmon) inset}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.35 -apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.env-banner{position:sticky;top:0;z-index:1000;width:100%;text-align:center;background:#111827;color:#f9fafb;padding:4px 8px;font-size:12px;letter-spacing:.03em}.app{display:grid;grid-template-columns:300px 1fr 340px;gap:10px;padding:10px;height:100%}.app.left-collapsed{grid-template-columns:48px 1fr 340px}.app.right-collapsed{grid-template-columns:300px 1fr 48px}.app.left-collapsed.right-collapsed{grid-template-columns:48px 1fr 48px}.panel{background:var(--panel);border:1px solid var(--muted);border-radius:10px;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-1);position:relative}.row{display:flex;align-items:center;gap:8px}.header{padding:10px;border-bottom:1px solid var(--muted);background:var(--panel-2);border-radius:10px 10px 0 0;position:sticky;top:0;z-index:2}.btn{background:var(--panel-2);border:1px solid var(--muted);color:var(--text);padding:6px 9px;border-radius:8px;cursor:pointer}.btn:hover{border-color:var(--salmon)}.btn.primary{background:var(--salmon);border-color:var(--salmon);color:#fff}.btn.danger{border:1px solid #e29a95;color:#9f2e25;background:#fff}.btn.small{padding:3px 7px;font-size:12px}.btn.icon{padding:4px 7px}.btn[disabled]{opacity:.5;pointer-events:none}.field{background:var(--panel-3);border:1px solid var(--muted);color:var(--text);border-radius:8px;padding:7px 9px;width:100%}.select{appearance:none;background:var(--panel-3);border:1px solid var(--muted);color:var(--text);padding:7px 32px 7px 9px;border-radius:8px;position:relative;z-index:1}.select-wrap{position:relative}.select-wrap:after{content:"\25be";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-2);pointer-events:none;z-index:0}.select-wrap:focus-within:after{opacity:0}.chip{background:var(--chip);border:1px solid var(--muted);color:var(--text-2);border-radius:999px;padding:2px 8px;font-size:11px;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--salmon);color:var(--text)}.divider{height:1px;background:var(--muted);margin:8px 0}.mobile-cards{display:none}.data-table{display:table}@media (max-width: 768px){.mobile-cards{display:grid;gap:8px}.data-table{display:none!important}}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;line-height:16px;border:1px solid transparent}.pill-green{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.pill-red{background:#fef2f2;color:#991b1b;border-color:#fecaca}.left{padding:10px}.left.collapsed{padding:6px}.left.collapsed .header,.left.collapsed .divider,.left.collapsed .threads,.left.collapsed .search-row{display:none}.collapsed-toggle{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:100%;pointer-events:auto;color:var(--text)}.collapsed-toggle>*,.collapsed-toggle{background:#fff;border:1px solid var(--muted);border-radius:999px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1);margin:0 auto}.threads{flex:1;overflow:auto;padding:8px 18px 8px 14px}.thread-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel-2);border:1px solid var(--muted);border-radius:10px;padding:8px 10px;margin-bottom:8px;cursor:pointer;margin-right:6px}.threads .folder-header.drag-over,.threads .row.drag-over{background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--salmon)}.threads .folder-header{cursor:pointer;border-radius:8px;transition:background .15s ease,box-shadow .15s ease}.threads .folder-header:hover{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--muted)}.threads .folder-header:focus{outline:none;box-shadow:inset 0 0 0 2px var(--salmon)}.threads .folder-header .btn.icon{opacity:.7;transition:opacity .15s ease}.threads .folder-header:hover .btn.icon,.threads .folder-header:focus .btn.icon{opacity:1}.threads .folder-header.drop-target{background:#fff5f3;box-shadow:inset 0 0 0 2px var(--salmon)}.threads .drop-target-root{background:#f5fff9;box-shadow:inset 0 0 0 2px var(--fork)}.threads.root-drag-over{box-shadow:inset 0 0 0 2px var(--salmon);border-radius:8px}.threads .drop-indicator{position:sticky;top:0;z-index:2;background:#fff5f3;color:var(--text);border:1px solid var(--salmon);border-radius:8px;padding:4px 8px;margin:6px 6px 8px;pointer-events:none;font-size:12px}.thread-item.active{box-shadow:var(--ring);outline:2px solid var(--salmon);outline-offset:2px}.thread-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:184px}.main .chat{flex:1;overflow:auto;padding:10px}.main .composer{padding:10px;border-top:1px solid var(--muted);background:var(--panel-2);border-radius:0 0 10px 10px}.main textarea{height:72px;resize:none}.msg{display:flex;gap:8px;margin-bottom:8px;padding:8px;border:1px solid var(--muted);border-radius:10px;background:#fff;position:relative}.msg.excluded{opacity:.55}.bubble{flex:1;padding:6px;border-radius:8px}.meta{display:flex;align-items:center;justify-content:space-between;color:var(--text-2);font-size:11px;margin-bottom:4px}.actions{display:flex;gap:6px;align-items:center}.system{color:var(--text);font-size:13px}.system blockquote{margin:6px 0;border-left:3px solid var(--muted);padding:4px 8px;background:var(--panel-3);border-radius:6px}.cite .go{color:var(--blue);text-decoration:none;cursor:pointer}.cite .go:hover{text-decoration:underline}mark.prov-fork{background:var(--hl-fork);border-radius:2px;padding:0 .5px}mark.prov-compose{background:var(--hl-compose);border-radius:2px;padding:0 .5px}mark.prov-both{background:var(--hl-both);border-radius:2px;padding:0 .5px}.underline{box-shadow:inset 0 -2px 0 0 currentColor}table mark.prov-fork,table mark.prov-compose,table mark.prov-both{padding:0;box-shadow:none}.msg.highlight{box-shadow:var(--ring)}.pin-badge{margin-left:6px}.edit-wrap{display:flex;flex-direction:column;gap:6px}.edit-wrap textarea{width:100%;min-height:80px;resize:vertical;padding:8px;border-radius:8px;border:1px solid var(--muted);background:var(--panel-3)}.edit-ctrl{display:flex;gap:6px;justify-content:flex-end}.right{padding:10px}.right .pane-content{flex:1;overflow:auto;padding-top:0}.right.collapsed .header,.right.collapsed .pane-content{display:none}.right .pane-content .ol-controls{position:sticky;top:0;z-index:10;background:var(--panel);padding:6px 0;border-bottom:1px solid var(--muted);box-shadow:0 2px 8px #00000008}.collector{flex:1;overflow:auto;padding-right:4px}.snip{border:1px solid var(--muted);background:var(--panel-2);border-radius:10px;margin-bottom:8px;padding:8px}.snip .src{color:var(--text-2);font-size:11px;margin-bottom:6px}.snip pre{white-space:pre-wrap;margin:0;background:#fff;border:1px dashed var(--muted);padding:8px;border-radius:8px;max-height:140px;overflow:auto}.toolbar{position:absolute;display:none;background:#fff;border:1px solid var(--muted);border-radius:8px;padding:4px;gap:4px;z-index:60;box-shadow:var(--shadow)}.toolbar.visible{display:flex}.modal-wrap{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#00000040;z-index:80}.modal-wrap.open{display:flex}.modal{background:var(--panel);border:1px solid var(--muted);border-radius:12px;min-width:340px;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow)}.modal .head{padding:12px;border-bottom:1px solid var(--muted);display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border-radius:12px 12px 0 0}.modal .body{padding:12px;display:flex;flex-direction:column;gap:8px;overflow:auto}.foot{position:sticky;bottom:0;background:var(--panel);padding:10px;border-top:1px solid var(--muted);display:flex;justify-content:flex-end;border-radius:0 0 12px 12px}.tabs{display:flex;gap:6px;align-items:center}.tab{background:var(--panel-2);border:1px solid var(--muted);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer}.tab.active{border-color:var(--salmon);box-shadow:var(--ring)}@media (max-width: 900px){.app{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:6px;padding:6px}.left,.right{display:none!important}.main .chat{padding:8px}.main .composer{padding:8px;position:sticky;bottom:0;border-radius:10px}.threads,.header{padding:8px}.modal{width:95vw;max-width:95vw}.modal .body{padding:10px}}.ol-item{transition:background .15s ease,transform .05s ease,opacity .15s ease,border-color .15s ease;cursor:pointer}.ol-item:hover{background:var(--panel-3)}.ol-item.active{border-color:var(--salmon);box-shadow:var(--ring)}.ol-item.dim{opacity:.8}.relview{display:none}.relview.active{display:block}.rel-matrix{border-collapse:separate;border-spacing:0;width:100%}.rel-matrix th,.rel-matrix td{padding:6px 8px;border:1px solid var(--muted);text-align:center}.rel-matrix thead th{position:sticky;top:0;background:var(--panel-2);z-index:1}.rel-matrix tr.row-hover th,.rel-matrix tr.row-hover td{background:#f6f5f3!important}.rel-matrix th.col-hover,.rel-matrix td.col-hover{background:#f0eeea!important}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card{background:var(--panel-2);border:1px solid var(--muted);border-radius:10px;padding:10px}.mini{font-size:12px;color:var(--text-2)}.legend{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--text-2)}.table-wrap{border:1px solid var(--muted);border-radius:10px;overflow:hidden}.table{width:100%;border-collapse:collapse;background:#fff}.table thead th{position:sticky;top:0;background:var(--panel-2);z-index:1}.table th,.table td{border-bottom:1px solid var(--muted);padding:8px;text-align:left;font-size:12px}.tbody-scroll{max-height:300px;overflow:auto;background:#fff}#swimCanvas{display:block;border:1px solid var(--muted);border-radius:10px;background:#fff;width:100%;height:460px}#hubStage,#graphStage{position:relative;border:1px solid var(--muted);border-radius:10px;background:#fff;height:480px;overflow:hidden}svg{-webkit-user-select:none;user-select:none}#matrixContainer{max-height:460px;overflow:auto;border:1px solid var(--muted);border-radius:10px;background:#fff}#matrixContainer table{border-collapse:collapse;width:100%}#matrixContainer th,#matrixContainer td{border:1px solid var(--muted);padding:6px;font-size:12px;text-align:center;white-space:nowrap}#matrixContainer th{position:sticky;top:0;background:var(--panel-2)}.matrix-hover{outline:2px solid var(--salmon)}#bundleContainer{position:relative;height:460px;display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;gap:8px}.bundle-col{height:100%;overflow:auto;border:1px solid var(--muted);border-radius:10px;background:#fff;padding:8px}.bundle-item{padding:6px;border:1px solid var(--muted);border-radius:8px;margin-bottom:8px;background:var(--panel-3);cursor:pointer}.bundle-center{border:1px dashed var(--muted);background:var(--panel-2);height:90px;border-radius:10px;display:flex;align-items:center;justify-content:center}#bundleSvg{position:absolute;inset:0;pointer-events:none}.dash-anim{stroke-dasharray:7 7;animation:dash 5s linear infinite}@keyframes dash{to{stroke-dashoffset:-140}}.popover{position:absolute;z-index:120;background:#fff;border:1px solid var(--muted);border-radius:10px;box-shadow:var(--shadow);padding:8px;min-width:280px;max-width:420px;max-height:60vh;overflow:auto}.pop-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px;border-radius:8px}.pop-row:hover{background:var(--panel-3)}.msg.highlight{box-shadow:var(--ring);outline:2px solid var(--salmon);outline-offset:2px}#hubStage,#graphStage{position:relative;width:100%;height:520px}#hubSvg,#graphSvg{width:100%;height:100%;display:block}#hubStage,#graphStage,.node{user-select:none;-webkit-user-select:none}.node{cursor:grab}.node:active{cursor:grabbing}.dash-anim{stroke-dasharray:6 6;animation:dash-move 12s linear infinite}@keyframes dash-move{to{stroke-dashoffset:1000}}.msg.pending{opacity:.8}.typing{display:flex;gap:6px;padding:6px 2px 8px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted-2);animation:typing-bounce 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1.1);opacity:1}}