:root{--sidebar-width:350px;--bg-color:#f4f4f9}*{box-sizing:border-box;font-family:sans-serif}body,html{width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}#sidebar{width:var(--sidebar-width);z-index:10;background:#fff;height:100%;padding:20px;transition:transform .3s;overflow-y:auto;box-shadow:2px 0 5px #0000001a}h2{margin-block:.1em .4em}#app{z-index:1;background:#cbc9c5;flex-grow:1;height:100%;position:relative}svg.map-layer{cursor:grab;touch-action:none}svg.map-layer.grabbing{cursor:grabbing!important}.node-group circle{cursor:pointer}.control-group{margin-bottom:15px}label{margin-bottom:5px;font-size:.9em;font-weight:700;display:block}.help-text{color:#666;margin-top:-3px;margin-bottom:5px;font-size:.8em;line-height:1.2}.label-with-buttons{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.label-with-buttons label{margin-bottom:0}.action-buttons{gap:8px;display:flex}select,input[type=text]{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px}input[type=range]{width:100%}.radio-group label{margin-right:10px;font-weight:400;display:inline-block}.radio-group.vertical label{margin-bottom:8px;display:block}.checkbox-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.checkbox-grid label{align-items:flex-start;gap:5px;margin:0;font-weight:400;display:flex}.checkbox-grid label input{margin-top:2px}.legend-container{background:#fafafa;border:1px solid #ddd;border-radius:4px;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding:8px;display:grid}.legend-item{align-items:center;gap:6px;font-size:.8em;display:flex}.legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:12px;height:12px}button{transition:background-color .1s}.clear-btn{cursor:pointer;background:#eee;border:1px solid #ccc;border-radius:3px;padding:2px 6px;font-size:.8em;font-weight:400}.clear-btn:hover{background:#e0e0e0}.clear-btn:active{background:#ccc}#btn-reset-zoom{background:#f0f0f0;border:1px solid #ccc;border-radius:4px;transition:background .1s,transform .1s}#btn-reset-zoom:hover{background:#e4e4e4}#btn-reset-zoom:active{background:#d0d0d0;transform:scale(.98)}.chip-input-container{background:#fff;border:1px solid #ccc;border-radius:4px;flex-wrap:wrap;gap:4px;min-height:38px;padding:4px;display:flex;position:relative}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{background:#e0e0e0;border-radius:12px;align-items:center;gap:4px;padding:2px 2px 2px 8px;font-size:.85em;display:flex}.chip-color-dot{border-radius:50%;width:10px;height:10px;margin-right:2px;display:inline-block}.chip button{cursor:pointer;color:#555;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin:0;padding:0;font-size:1.1em;font-weight:700;line-height:1;display:inline-flex}.chip button:hover{color:#000;background:#0000001a}.chip button:active{background:#00000040}.chip-input-container input{background:0 0;border:none;outline:none;flex-grow:1;min-width:60px;padding:4px}.suggestions{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:4px;max-height:150px;margin-left:0;display:none;position:absolute;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.suggestion-item{cursor:pointer;padding:8px 10px;font-size:.9em}.suggestion-item:hover{background:#f0f0f0}.suggestion-item.disabled{color:#aaa;cursor:default;text-decoration:line-through}.suggestion-item.disabled:hover{background:#fff}#mobile-toggle{cursor:pointer;z-index:20;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border-radius:5px;padding:10px 15px;font-weight:700;transition:background .1s,color .1s;display:none;position:absolute;top:15px;left:15px;box-shadow:0 2px 5px #0003}#mobile-toggle:hover{background:#f0f0f0}#mobile-toggle:active{background:#e0e0e0}.d3-tooltip{white-space:normal;word-wrap:break-word;max-width:min(300px,80vw);line-height:1.4}@media (width<=768px){#sidebar{z-index:9998;max-width:85vw;height:100vh;padding-top:60px;position:absolute;top:0;left:0;transform:translate(-100%)}#sidebar.open{transform:translate(0);box-shadow:5px 0 15px #8a8a8a80}#mobile-toggle{z-index:9999;display:block}}