body.graph-page{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding-top:0;--sidebar-width: 272px;--sidebar-edge: 20px;--sidebar-scroll-gap: 18px}#app-shell{position:relative;min-height:100vh}.status-banner{position:fixed;top:18px;left:50%;z-index:20;min-width:280px;max-width:calc(100vw - 40px);padding:8px 12px;border-radius:999px;background:#fff8dbf5;color:#6e5d16;box-shadow:0 8px 24px #0000001f;transform:translate(-50%);text-align:center}#graph{position:absolute;inset:0;background:linear-gradient(180deg,#f8fbfcf2,#fff)}#graph canvas,#graph svg{position:absolute;inset:0;display:block;width:100%;height:100%}#graph canvas{pointer-events:none}#graph svg{cursor:move}#graph svg.is-panning{cursor:grabbing}.graph-page .topwrapper{position:fixed;top:0;left:50%;z-index:16;height:auto;width:min(640px,calc(100vw - 24px));transform:translate(-50%);pointer-events:none}.graph-page .introheader{position:relative;display:flex;flex-direction:column;height:auto;max-height:min(760px,calc(100vh - 150px));font-size:12px;padding:18px 24px 20px;background:#f5f5f5f2;border-bottom-left-radius:14px;border-bottom-right-radius:14px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;pointer-events:none;transform:translateY(calc(-100% - 12px));opacity:0;transition:transform .25s ease,opacity .25s ease}.graph-page .topwrapper.out .introheader{pointer-events:auto;transform:translateY(0);opacity:1}.graph-page .introheader-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}.graph-page .introheader-title h3{margin:0}.graph-page .intro-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:#48617114;color:#486171;transition:background-color .2s ease,color .2s ease}.graph-page .intro-close:hover{background:#48617124;color:#2f4654}.graph-page .intro-actions{display:flex;justify-content:center;margin:14px 0 0}.graph-page .intro-actions .btn{min-width:140px;font-weight:600}.graph-page .intro-about{margin-top:16px;padding-top:16px;border-top:1px solid rgba(73,96,111,.12)}.graph-page .intro-about h4,.graph-page .intro-about h5{margin-top:0}.graph-page .intro-about .bib{padding-left:18px;margin-bottom:0}.graph-page .introheader,.graph-page .introheader h3,.graph-page .introheader h4,.graph-page .introheader h5{font-family:Merriweather,Georgia,serif}.graph-page .uiwidget{position:fixed;top:20px;z-index:15;width:var(--sidebar-width);overflow:visible;pointer-events:none!important}.graph-page .uiwidget-left{left:var(--sidebar-edge)}.graph-page .uiwidget-right{right:var(--sidebar-edge)}.graph-page .uiwidget-body{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%;height:calc(100vh - 40px);max-height:calc(100vh - 40px);overflow:hidden;pointer-events:auto;transition:transform .25s ease,opacity .25s ease}.graph-page .uiwidget-scroll{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 var(--sidebar-scroll-gap) 12px 0;scrollbar-gutter:stable;scrollbar-width:thin}.graph-page .uiwidget-left:not(.out) .uiwidget-body{transform:translate(calc(-100% - var(--sidebar-edge)));opacity:0;pointer-events:none}.graph-page .uiwidget-right:not(.out) .uiwidget-body{transform:translate(calc(100% + var(--sidebar-edge)));opacity:0;pointer-events:none}.graph-page .uihandle{position:fixed;top:20px;z-index:4;display:flex;align-items:center;justify-content:center;width:40px;height:46px;padding:0;border:1px solid rgba(73,96,111,.12);background:#f5f5f5fa;cursor:pointer;pointer-events:auto;transition:left .25s ease,right .25s ease,background-color .2s ease,border-color .2s ease}.graph-page .uihandle span{pointer-events:none}.graph-page .uihandle-top{position:absolute;top:0;left:50%;width:48px;height:34px;margin:0;border-top:0;border-radius:0 0 12px 12px;transform:translate(-50%);transition:transform .25s ease,opacity .2s ease}.graph-page .topwrapper.out .uihandle-top{opacity:0;pointer-events:none;transform:translate(-50%,-10px)}.graph-page .topwrapper:not(.out) .uihandle-top{opacity:1;pointer-events:auto}.graph-page .uihandle-edge{border-color:#49606f1a}.graph-page .uihandle-left{left:0;border-left:0;border-radius:0 14px 14px 0}.graph-page .uihandle-right{right:0;border-right:0;border-radius:14px 0 0 14px}.graph-page .uiwidget-left.out .uihandle-left{left:calc(var(--sidebar-edge) + var(--sidebar-width) - var(--sidebar-scroll-gap) - 1px)}.graph-page .uiwidget-right.out .uihandle-right{right:calc(var(--sidebar-edge) + var(--sidebar-width) - 1px)}.graph-page .uiwidget .handlelabel{display:none}.graph-page .formpanel{box-sizing:border-box;width:100%;margin:0;padding:0;overflow:visible;float:none;border-radius:14px;background:#f5f5f5d1;border:1px solid rgba(73,96,111,.08);pointer-events:auto}.graph-page .formpanel-static{flex:0 0 auto;width:auto;margin-right:var(--sidebar-scroll-gap)}.graph-page .uiwidget-left .formpanel,.graph-page .uiwidget-right .formpanel{float:none;border-radius:14px}.graph-page .uiwidget-left .formpanel-static{border-top-right-radius:0}.graph-page .uiwidget-right .formpanel-static{border-top-left-radius:0}.graph-page .formpanel-heading,.graph-page .formpanel summary{list-style:none;display:flex;align-items:center;font-family:Merriweather,Georgia,serif;font-size:17px;margin:0;min-height:52px;padding:14px 16px}.graph-page .formpanel-heading{justify-content:space-between;gap:12px}.graph-page .formpanel-heading-reverse{justify-content:flex-start}.graph-page .formpanel-title{flex:1 1 auto}.graph-page .formpanel summary{position:relative;cursor:pointer;padding-right:44px}.graph-page .formpanel summary::-webkit-details-marker{display:none}.graph-page .uiwidget-scroll .formpanel summary:after{content:"";position:absolute;top:50%;right:18px;width:10px;height:10px;border-right:2px solid #5b7180;border-bottom:2px solid #5b7180;transform:translateY(-50%) rotate(45deg);transform-origin:center;transition:transform .2s ease}.graph-page .uiwidget-scroll .formpanel[open] summary:after{transform:translateY(-50%) rotate(-135deg)}.graph-page .panel-body{font-size:12px;padding:12px 16px 16px}.token-input-group{position:relative}.token-menu{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:30;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fffffffa;box-shadow:0 8px 24px #0000001f}.token-menu-item{border:0;background:transparent;padding:6px 10px;text-align:left}.token-menu-item:hover{background:#98b1c42e}.status-text{min-height:18px;margin-top:8px;color:#597083}.btn-group>label.btn input{position:absolute;opacity:0;pointer-events:none}.btn-group>label.btn.active{background:#98b1c4;color:#fff}.graph-page .btn-group-justified>.btn,.graph-page .btn-group-justified>label.btn{width:1%}.graph-page .panel-body>.btn-group.btn-group-xs.btn-group-justified{margin-bottom:14px}.export-divider{margin-top:12px}#footerwrapper{position:fixed;right:0;bottom:0;left:0;height:auto;display:flex;justify-content:center;pointer-events:none}#footer{position:relative;left:auto;width:min(560px,calc(100vw - 40px));margin:0 auto;pointer-events:auto}.legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:14px 24px;font-size:11px;text-align:left}.legend-row{margin-top:4px}.legend-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:999px}.legend-dot.sensory{background:#ed008c}.legend-dot.inter{background:#00adef}.legend-dot.motor{background:#f5892d}.legend-line{display:inline-block;width:20px;height:0;margin-right:6px;border-top:2px solid #222;vertical-align:middle}.legend-line.ej{border-top-style:dashed}.graph-node-label{font-size:8px;pointer-events:none}.graph-node,.graph-node circle{cursor:pointer}.graph-node.hidden,.graph-link.hidden{visibility:hidden}.graph-link.hidden{opacity:0}.graph-node circle{stroke:#fff;stroke-width:1px}.graph-node.is-fixed circle{stroke:#000;stroke-width:2px}.graph-node.is-selected circle{stroke:#000;stroke-width:2px;stroke-dasharray:6 4}.graph-node.is-muted circle,.graph-node.is-muted text{opacity:.12}.graph-link.is-muted{opacity:.12}.graph-link.is-suppressed{visibility:hidden;opacity:0}.graph-link{fill:none;stroke-linecap:round;cursor:move}.graph-link.ej{stroke-dasharray:3 3}.graph-tooltip{position:fixed;z-index:40;max-width:260px;padding:8px 10px;border-radius:8px;background:#fafafaf5;box-shadow:0 10px 24px #00000029;font-size:12px;pointer-events:none}@media(max-width:900px){body.graph-page{--sidebar-width: min(264px, calc(100vw - 56px) );--sidebar-edge: 8px}.legend-grid{grid-template-columns:1fr;gap:12px;padding-right:24px}.graph-page .topwrapper{width:min(600px,calc(100vw - 20px))}.graph-page .introheader{max-height:min(720px,calc(100vh - 132px))}#footer{width:min(560px,calc(100vw - 24px))}}
