.graph-layout-panel{background:var(--panel);border-block:1px solid var(--line);padding:12px 18px;color:var(--text)}.graph-layout-panel>summary{font-family:var(--system-mono);font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.graph-map-tools,.graph-save-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding-top:14px}.graph-map-tools{align-items:center}.graph-map-tools label{display:flex;align-items:center;gap:6px;font-size:11px!important}.graph-save-row label{display:grid;gap:5px;flex:1;min-width:180px;max-width:380px;font-size:11px}.graph-save-row input,.graph-save-row select{width:100%;padding:9px;font:inherit;font-size:12px;border:1px solid var(--line)}.graph-layout-panel .field-help{margin:14px 0 2px;font-size:11px}.graph-layout-status{padding:8px 18px;margin:0;background:var(--panel);border-bottom:1px solid var(--line);font-family:var(--system-mono);font-size:10px;min-height:28px}.graph-layout-status.layout-error{color:var(--danger)!important}.graph-map-tools .ghost,.graph-save-row .ghost,.graph-save-row .primary{font-size:10px!important}.top-actions #themeToggle{display:inline-block!important;white-space:nowrap}.top-actions{flex-wrap:wrap}.graph-canvas svg .graph-pick-button{cursor:pointer}
@media(max-width:600px){.graph-layout-panel{padding:12px}.graph-save-row label{min-width:100%;max-width:none}.graph-map-tools{gap:7px}.topbar{flex-wrap:wrap}.top-actions{gap:6px}body .top-actions #themeToggle{font-size:10px;padding:9px}.graph-route-bar{flex-wrap:wrap}}