.lokf-graph{margin:1.5rem 0 2rem}.lokf-graph__controls{flex-direction:column;gap:.6rem;margin-bottom:.8rem;display:flex}.lokf-graph__selectors,.lokf-graph__pagination{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.lokf-graph__selectors label{flex:17rem;min-width:0;font-size:.85rem}.lokf-graph__selectors select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.6rem;display:block}.lokf-graph__status{flex:15rem;margin:.4rem 0;font-size:.85rem}.lokf-graph__btn:disabled{opacity:.45;cursor:default}.lokf-graph__search{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.55rem .8rem;font-size:.9rem}.lokf-graph__search:focus{outline:2px solid var(--accent);outline-offset:1px}.lokf-graph__filters{flex-wrap:wrap;gap:.8rem;display:flex}.lokf-graph__fieldset{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;flex:13rem;min-width:12rem;padding:.4rem .8rem .7rem}.lokf-graph__fieldset legend{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:0 .3rem;font-size:.7rem;font-weight:700}.lokf-graph__fieldset label{cursor:pointer;align-items:center;gap:.35rem;margin-right:.9rem;font-size:.8rem;line-height:1.9;display:inline-flex}.lokf-graph__fieldset input{accent-color:var(--accent)}.lokf-graph__swatch{border-radius:50%;flex:none;width:.7rem;height:.7rem}.lokf-graph__stage{position:relative}.lokf-graph__toolbar{z-index:3;gap:.4rem;display:flex;position:absolute;top:.55rem;left:.55rem}.lokf-graph__btn{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.4rem;padding:.3rem .65rem;font-size:.75rem;line-height:1.4}.lokf-graph__btn:hover{border-color:var(--accent);color:var(--accent)}.lokf-graph__layout-panel{z-index:5;background:var(--surface);width:min(23rem,100% - 1.1rem);color:var(--text);border:1px solid var(--border);border-radius:.5rem;max-height:calc(100% - 4rem);padding:1rem;font-size:.85rem;position:absolute;top:3rem;left:.55rem;overflow:auto;box-shadow:0 10px 28px #0004}.lokf-graph__layout-panel select{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:.3rem;margin:.4rem 0;padding:.5rem}.lokf-graph__layout-panel label{margin-bottom:.5rem;display:block}.lokf-graph__layout-status{color:var(--muted);margin-bottom:0}.lokf-graph__toolbar{flex-wrap:wrap}.lokf-graph__canvas{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(circle at 25% 15%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 55%), var(--surface);width:100%;height:62vh;min-height:460px}.lokf-graph__stage.is-fullscreen{background:var(--bg)}.lokf-graph__stage.is-fullscreen .lokf-graph__canvas{border:0;border-radius:0;height:100vh;min-height:100vh}.lokf-graph__detail{width:min(20rem,82%);color:var(--text);background:var(--surface);border:1px solid var(--border);z-index:4;border-radius:.6rem;padding:.9rem 1.1rem 1rem;font-size:.82rem;position:absolute;top:.7rem;right:.7rem;box-shadow:0 12px 32px #0000002e}.lokf-graph__detail h3{margin:0 1.5rem .6rem 0;font-size:1rem}.lokf-graph__detail dl{grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:0 0 .7rem;display:grid}.lokf-graph__detail dt{color:var(--muted);font-weight:700}.lokf-graph__detail dd{word-break:break-all;margin:0}.lokf-graph__mono{font-family:var(--mono);font-size:.74rem}.lokf-graph__close{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:1.4rem;line-height:1;position:absolute;top:.3rem;right:.5rem}.lokf-graph [hidden]{display:none!important}.lokf-graph__view-controls{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.lokf-graph__list li{overflow-wrap:anywhere;margin:.75rem 0}.lokf-graph__list button,.lokf-graph__detail-relations button{text-align:left;white-space:normal;max-width:100%}.lokf-graph[data-view=list] .lokf-graph__stage{height:auto;min-height:0;overflow:visible}.lokf-graph[data-view=list] .lokf-graph__detail{box-sizing:border-box;width:100%;max-height:none;position:relative;inset:auto}.lokf-graph__detail-relations{padding-left:1rem}.lokf-graph__sharing input{box-sizing:border-box;width:100%;display:block}.lokf-graph__groups details{border-bottom:1px solid var(--border);padding:.65rem}.lokf-graph__groups button{white-space:normal;text-align:left;max-width:100%}.lokf-graph__groups summary{overflow-wrap:anywhere}