:root{--grid: rgba(16, 24, 40, .08);--panel: rgba(255, 255, 255, .84)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 10%,#f7d9a8 0%,transparent 25%),radial-gradient(circle at 80% 12%,#99e9dd 0%,transparent 30%),radial-gradient(circle at 52% 90%,#c3d4f6 0%,transparent 24%),linear-gradient(130deg,#f5f2e8,#eef5f0);font-family:Space Grotesk,sans-serif}.page-shell{min-height:100vh;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}.panel-card{width:100%}.panel-card{border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 40px #080f2014}.graph-card{min-height:72vh}.graph-shell{position:relative}.graph-layout-picker-wrap{position:absolute;top:10px;right:10px;z-index:20;display:inline-flex;align-items:center;gap:.5rem;background:#ffffffeb;border:1px solid rgba(8,15,32,.12);border-radius:10px;padding:.35rem .55rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.graph-layout-label{color:#334155;font-size:.78rem;font-weight:600}.graph-layout-picker{border:1px solid rgba(8,15,32,.18);border-radius:7px;background:#fff;font-size:.8rem;padding:.22rem .45rem}.graph-layout-warning{margin:0 0 .55rem;border-radius:10px;border:1px solid rgba(180,83,9,.35);background:#fef3c7e6;color:#7c2d12;font-size:.85rem;padding:.45rem .65rem}.graph-host{width:100%;height:72vh;border:1px solid rgba(8,15,32,.12);border-radius:14px;overflow:hidden}.graph-host>*{width:100%;height:100%}.graph-placeholder{min-height:160px;border-radius:12px;border:1px dashed rgba(8,15,32,.2);display:grid;place-items:center;color:#334155;font-size:.95rem;padding:1rem}.mono textarea,.mono .MuiInputBase-inputMultiline{font-family:IBM Plex Mono,monospace;font-size:.83rem}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f9fafb66;z-index:50}@media (max-width: 900px){.graph-host{height:420px}}