.pwm-graph-page{background:var(--background);color:var(--foreground);flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.graph-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem 1.5rem}.graph-header h1{color:var(--primary);font-size:1.6rem;font-weight:700}.graph-header p{font-size:.875rem}.graph-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.65rem;padding:.75rem 1.5rem;display:flex}.graph-toolbar label{align-items:center;gap:.5rem;display:flex}.pwm-graph-page button,.pwm-graph-page select,.pwm-graph-page input[type=search]{border:1px solid var(--border);background:var(--background);border-radius:.35rem;padding:.45rem .65rem}.pwm-graph-page button:hover,.graph-node-list button[aria-pressed=true]{background:var(--secondary);color:var(--primary)}.pwm-graph-page :focus-visible{outline-offset:3px;outline:3px solid #b45309}.graph-search{flex:1}.graph-search input{width:100%;min-width:10rem}.graph-workspace{flex:1;min-height:max(60dvh,320px);display:flex;position:relative}.graph-sidebar{border-right:1px solid var(--border);flex-shrink:0;width:265px;padding:1rem;overflow-y:auto}.graph-filters summary{cursor:pointer;font-weight:700}.graph-filters fieldset{margin:1rem 0}.graph-filters legend{margin-bottom:.5rem;font-weight:600}.graph-filters label{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.graph-filters input{accent-color:#155e75;flex-shrink:0;width:1rem;height:1rem}.graph-swatch{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.graph-node-list{flex-direction:column;gap:.4rem;display:flex}.graph-node-list button{text-align:left}.graph-node-list small{overflow-wrap:anywhere;font-size:.7rem;display:block}.graph-canvas{background:#f8fafc;flex:1;min-width:0}.graph-detail{border-left:1px solid var(--border);background:var(--background);overflow-wrap:anywhere;flex-shrink:0;width:370px;padding:1.25rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.graph-detail h2{color:var(--primary);margin:.5rem 0;font-size:1.5rem;font-weight:700}.graph-detail h3{margin-top:1.25rem;font-weight:700}.graph-detail h4{margin-top:.7rem;font-weight:600}.graph-detail ul{padding-left:1.2rem;list-style:outside}.graph-detail li{margin:.5rem 0}.graph-error{color:#78350f;background:#fef3c7;padding:.75rem}.is-presenting .graph-detail,.is-presenting .graph-toolbar{font-size:1.1rem}@media (width<=900px){.graph-header{padding:.6rem 1rem}.graph-header h1{font-size:1.2rem}.graph-header p{display:none}.graph-toolbar{gap:.4rem;padding:.5rem;font-size:.8rem}.graph-search{flex-basis:100%;order:-1}.graph-sidebar{width:180px;padding:.6rem}.graph-detail{border-top:2px solid var(--border);z-index:2;width:100%;max-height:48%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0002}}@media (width<=550px){.graph-workspace{flex-direction:column}.graph-sidebar{border-bottom:1px solid var(--border);width:100%;max-height:28%}.graph-filters:not(:focus-within){font-size:.85rem}.graph-node-list{flex-direction:row;overflow-x:auto}.graph-node-list button{min-width:155px}.graph-canvas{min-height:0}}