.library-tabs{display:flex;gap:5px;margin:0 14px 17px;padding:4px;border:1px solid var(--tone-4);background:var(--tone-1);border-radius:7px}.library-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--tone-7);flex:1;padding:8px 5px;border-radius:4px}.library-tabs button.active{color:var(--green);background:var(--tone-3)}.library-tabs button span{font:8px var(--mono);color:var(--tone-8)}.group-library-actions{display:flex;gap:7px;padding:0 14px 17px}.group-library-actions .btn{padding:9px 8px;font-size:10px;flex:1;gap:5px}.group-library-actions .icon{width:14px;height:14px}.group-list{flex:1;overflow:auto;padding:0 12px}.group-list-item{display:flex;align-items:center;padding:12px 5px;margin-bottom:8px;gap:3px;border:1px solid color-mix(in srgb,var(--group-color) 25%,var(--tone-3));background:color-mix(in srgb,var(--group-color) 5%,var(--tone-1));border-radius:7px;border-left:2px solid var(--group-color)}.group-list-title{min-width:0;flex:1;text-align:left;padding:4px}.group-list-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:550;color:var(--tone-9)}.group-list-title small{display:block;color:var(--tone-7);font:8px var(--mono);margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-toggle,.group-edit{color:var(--group-color,var(--tone-8));display:grid;place-items:center;flex-shrink:0;width:24px;height:25px;border-radius:4px}.group-toggle:hover,.group-edit:hover{background:rgb(var(--rgb-9) / 0.071)}.group-edit{color:var(--tone-8)}.groups-footer{padding:15px 14px 18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px}.groups-footer .btn{font-size:9px;padding:8px 7px;flex:1;gap:4px}.groups-footer .icon{width:12px;height:12px}.groups-footer p{color:var(--tone-7);font-size:10px;line-height:1.7;margin-top:8px}.groups-empty{text-align:center;padding:35px 8px;color:var(--tone-7);font-size:11px;line-height:1.8}.groups-empty>.icon{display:block;width:26px;height:26px;margin:0 auto 18px;color:var(--tone-8)}.groups-empty strong{display:block;color:var(--tone-9);font-size:12px;font-weight:500}.groups-empty p{font-size:11px;line-height:1.8;margin:10px 0 0;color:var(--tone-7)}.network-group{position:absolute;border:1px dashed color-mix(in srgb,var(--group-color) 55%,transparent);border-radius:11px;background:color-mix(in srgb,var(--group-color) 3%,transparent);pointer-events:none;z-index:0;user-select:none}.group-header{position:absolute;top:6px;left:8px;right:8px;display:flex;align-items:center;gap:4px;pointer-events:auto;cursor:grab;height:27px;color:var(--group-color)}.group-name{flex:1;min-width:0;text-align:left;font-size:11px;letter-spacing:.15px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--group-color);cursor:grab}.group-count{font:8px var(--mono);padding:3px 5px;border:1px solid color-mix(in srgb,var(--group-color) 25%,transparent);border-radius:4px;color:var(--group-color)}.group-subtitle{position:absolute;top:34px;left:43px;right:14px;font:8px var(--mono);letter-spacing:.4px;color:var(--tone-7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-group.folded{border-style:solid;border-color:var(--group-color);background:var(--tone-2);box-shadow:0 6px 20px rgb(var(--rgb-0) / 0.200);z-index:2;pointer-events:auto}.network-group.folded:before{content:'';position:absolute;width:6px;height:6px;background:var(--tone-1);border:1px solid var(--group-color);border-radius:50%;top:-4px;left:calc(50% - 4px)}.network-group.folded:after{content:'';position:absolute;width:6px;height:6px;background:var(--tone-1);border:1px solid var(--group-color);border-radius:50%;bottom:-4px;left:calc(50% - 4px)}.folded .group-header{top:10px}.folded .group-subtitle{top:41px}.group-summary{position:absolute;bottom:13px;left:15px;right:15px;border-top:1px solid var(--tone-4);padding-top:12px}.group-summary>span{display:flex;align-items:center;gap:7px;color:var(--group-color)}.group-summary b{font:9px var(--mono);font-weight:400;color:var(--tone-8);margin-left:auto}.group-summary small{display:block;font:8px var(--mono);color:var(--tone-7);margin-top:9px}.group-empty{position:absolute;inset:60px 15px 20px;border:1px dashed rgb(var(--rgb-5) / 0.267);border-radius:6px;pointer-events:auto;color:var(--tone-8);font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.edges{z-index:1}.node{z-index:2}.mini-group{position:absolute;border:1px solid;border-radius:2px;background:rgb(var(--rgb-8) / 0.063)}.group-inline-create{font-size:10px;display:flex;align-items:center;gap:5px;color:var(--tone-8);padding:0;margin-bottom:5px}.table-location{display:block;font:8px var(--mono);color:var(--tone-7);margin-top:5px}.group-members-heading{display:flex;gap:10px;align-items:center;font:9px var(--mono);color:var(--tone-7);margin-top:21px;margin-bottom:10px}.group-members-heading span{flex:1;letter-spacing:1px}.group-members-heading b{font-weight:400;color:var(--green);margin-left:5px}.group-members-heading button{color:var(--tone-8);font-size:9px}.group-member-list{max-height:220px;overflow:auto;background:var(--tone-1);border:1px solid var(--tone-4);border-radius:7px;padding:4px 12px}.group-member{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--tone-4);cursor:pointer}.group-member:last-child{border:0}.group-member input{accent-color:var(--tone-9);width:14px;height:14px;margin:0;flex-shrink:0}.group-member svg{color:var(--tone-8)}.group-member span{min-width:0}.group-member strong{display:block;font-size:11px;font-weight:450;color:var(--tone-9)}.group-member small{display:block;color:var(--tone-7);font:8px var(--mono);margin-top:5px}.group-checkbox{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tone-8);margin:17px 0}.group-checkbox input{accent-color:var(--tone-9);margin:0}.group-form-hint{font-size:10px;color:var(--tone-7);line-height:1.8;margin-top:10px}.danger{color:var(--tone-8)}.group-preview-summary{font:9px var(--mono);color:var(--tone-9);margin:16px 0 10px}.group-preview-list{max-height:250px;overflow:auto;border:1px solid var(--tone-5);border-radius:6px;background:var(--tone-1);padding:5px 13px}.group-preview-list>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--tone-4)}.group-preview-list>div:last-child{border:0}.group-preview-list i{width:7px;height:7px;border-radius:2px}.group-preview-list strong{font-size:11px;font-weight:450;color:var(--tone-9);flex:1}.group-preview-list span{font:9px var(--mono);color:var(--tone-7)}#group-color{height:35px;padding:3px;width:100%;cursor:pointer}#modal{max-height:90dvh;overflow:auto}#modal:has(#group-form){width:min(540px,94vw)}.group-form-hint+.modal-actions{margin-top:18px}
.canvas-area{container-type:inline-size}@container(max-width:800px){.minimap{display:none}}
.network-group.drop-target{outline:3px solid var(--tone-9);outline-offset:5px;background:rgb(var(--rgb-9) / 0.094);box-shadow:0 0 30px rgb(var(--rgb-9) / 0.086)}.network-group.drag-origin,.node.drag-origin{opacity:.6;pointer-events:none;filter:drop-shadow(0 8px 12px rgb(var(--rgb-0) / 0.400))}.group-tree-row.drop-target .group-list-item{border-color:var(--tone-9);background:var(--tone-5);color:var(--tone-9);outline:1px solid var(--tone-9);opacity:1}.group-tree-row.drop-invalid .group-list-item{border-color:var(--tone-8);background:var(--tone-4);outline:1px solid var(--tone-8)}.group-tree-row.drop-target,.group-tree-row.drop-invalid{opacity:1}.group-list-title{cursor:grab;touch-action:none;user-select:none}.hierarchy-tree-root{margin:0 12px 10px;padding:9px 8px;border:1px dashed var(--tone-5);border-radius:6px;font:9px var(--mono);color:var(--tone-7);text-align:center}.hierarchy-tree-root.drop-target{border-color:var(--tone-9);background:var(--tone-4);color:var(--tone-9)}#hierarchy-drag-hint{display:none;position:absolute;z-index:9;top:20px;left:50%;transform:translateX(-50%);padding:10px 15px;max-width:95%;border:1px solid var(--tone-9);border-radius:6px;background:var(--tone-9);color:var(--tone-3);font:10px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:0 4px 20px rgb(var(--rgb-0) / 0.333)}#hierarchy-drag-hint.invalid{background:var(--tone-8);border-color:var(--tone-8);color:var(--tone-2)}#hierarchy-root-drop{display:none;position:absolute;z-index:8;bottom:80px;left:50%;transform:translateX(-50%);padding:14px 20px;border:2px dashed var(--tone-8);border-radius:8px;background:rgb(var(--rgb-2) / 0.918);color:var(--tone-9);font:10px var(--mono);white-space:nowrap}#hierarchy-root-drop.drop-target{border-color:var(--tone-9);background:var(--tone-5);color:var(--tone-9)}.is-hierarchy-dragging #hierarchy-root-drop,.is-hierarchy-dragging #hierarchy-drag-hint{display:block}.is-hierarchy-dragging .canvas-top{opacity:.1}.is-hierarchy-dragging .edges{opacity:.6}.groups-footer [data-action="arrange"]{flex-basis:100%;color:var(--tone-9)}.hierarchy-tree-root{transition:background .1s}.library .group-list{touch-action:pan-y}
.network-group.folded .group-header{top:5px}.network-group.folded .group-subtitle{top:34px}.group-summary{padding-top:6px;bottom:8px}.group-summary small{margin-top:4px}.group-summary .group-boundary-badges{margin-top:2px;padding-top:3px;line-height:12px}
.group-tree-row{position:relative;margin-left:calc(var(--depth)*11px)}.group-tree-row .group-list-item{padding:9px 3px;gap:1px;margin-bottom:7px}.group-tree-row[style*="--depth:0"] .group-list-item{background:color-mix(in srgb,var(--group-color) 8%,var(--tone-1))}.group-tree-row.ancestor-folded{opacity:.57}.group-tree-row.ancestor-folded:hover{opacity:1}.group-tree-row .group-toggle{width:20px}.group-tree-row .group-edit{width:19px}.group-add-child{display:grid;place-items:center;width:20px;height:24px;color:var(--tone-8);border-radius:4px;flex-shrink:0}.group-add-child:hover{background:rgb(var(--rgb-9) / 0.082);color:var(--tone-9)}.group-io{display:flex;align-items:center;justify-content:center;gap:3px;height:24px;min-width:32px;padding:0 3px;border:1px solid color-mix(in srgb,var(--group-color) 25%,transparent);border-radius:4px;color:var(--group-color);font:8px var(--mono)}.group-io:hover{background:rgb(var(--rgb-9) / 0.063)}.container-group.expanded{border-style:solid;background:color-mix(in srgb,var(--group-color) 4%,transparent);border-color:color-mix(in srgb,var(--group-color) 60%,transparent)}.group-boundary-badges{display:flex;align-items:center;gap:10px;width:100%;padding:7px 0 0;margin-top:4px;color:var(--tone-8);font:9px var(--mono);text-align:left}.group-boundary-badges svg{margin-left:auto;width:12px;height:12px}.group-boundary-badges:hover{color:var(--tone-9)}.node-group-path{display:flex;gap:6px;align-items:flex-start;font:9px var(--mono);line-height:1.7;color:var(--tone-8);margin:-4px 0 16px;overflow-wrap:anywhere}.node-group-path svg{margin-top:1px}.child-group-list{max-height:175px}.child-group-list>.group-form-hint{padding:7px 0;margin:0}.group-error{font-size:11px;line-height:1.7;color:var(--tone-8);margin-top:12px}.group-error:empty{display:none}#group-form .modal-actions{flex-wrap:wrap;gap:7px}#group-form .modal-actions .btn{font-size:11px;padding:9px 11px}.io-breadcrumb{font:10px var(--mono);line-height:1.7;color:var(--tone-8);margin:8px 0 17px;overflow-wrap:anywhere}.io-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 23px}.io-stats span{font-size:10px;color:var(--tone-8);padding:15px;background:var(--tone-1);border:1px solid var(--tone-5);border-radius:6px}.io-stats b{font:23px var(--mono);color:var(--tone-9);display:block;margin-bottom:7px;font-weight:400}.io-heading{font:10px var(--mono);letter-spacing:1px;color:var(--tone-8);margin:20px 0 10px}.io-link{display:block;width:100%;padding:13px 14px;background:var(--tone-1);border:1px solid var(--tone-5);border-radius:6px;text-align:left;margin-bottom:9px;overflow-wrap:anywhere}.io-link:hover{background:var(--tone-3);border-color:var(--tone-7)}.io-link strong{display:block;font-size:12px;font-weight:500;color:var(--tone-9)}.io-link>span{display:block;font-size:10px;color:var(--tone-8);margin-top:7px;line-height:1.6}.io-link small{display:block;font:9px var(--mono);color:var(--tone-7);line-height:1.7;margin-top:5px}.io-empty{font-size:11px;color:var(--tone-7);margin-bottom:12px}#modal:has(.io-stats){width:min(620px,94vw)}
@media(max-width:1190px){.group-library-actions{padding-left:10px;padding-right:10px;gap:4px}.group-library-actions .btn{font-size:9px;padding:9px 6px}.group-list{padding-left:9px;padding-right:9px}.group-list-title strong{font-size:10px}.groups-footer{padding-left:9px;padding-right:9px}.groups-footer .btn{font-size:8px}.groups-footer .icon{display:none}}
@media(max-width:680px){.library.group-mode{width:190px}.library.group-mode .panel-title{display:flex;padding:16px 12px 13px;font-size:11px}.library-tabs{margin:10px 5px;flex-direction:column;padding:3px}.library-tabs button{font-size:0;min-height:30px;gap:0}.library-tabs button span{display:none}.group-mode .library-tabs{margin:0 10px 14px;flex-direction:row}.group-mode .library-tabs button{font-size:10px;gap:5px;min-height:0}.group-mode .library-tabs button span{display:inline}.group-mode .groups-footer p{font-size:9px}.group-library-actions .btn{font-size:9px}#modal{padding:22px}.group-form-hint{font-size:9px}#group-form .modal-actions{gap:5px;flex-wrap:wrap}#group-form .modal-actions .btn{font-size:10px;padding:9px 10px}}