:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d7dbe3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#16181d;--ink-soft:#1d2026;--panel:#1f2229f2;--panel-top:#282b33fa;--line:#7b818c33;--line-strong:#949ba657;--muted:#969daa;--text:#d7dbe3;--accent:#7b8fb2;--accent-soft:#7b8fb224;--amber:#9d8767;background:#16181d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 50% 42%,#5a68841f,#0000 26%),radial-gradient(circle at 22% 18%,#5a637614,#0000 32%),radial-gradient(circle at 74% 26%,#4753640f,#0000 28%),radial-gradient(circle at 72% 78%,#5c4e5a0f,#0000 34%),linear-gradient(#1a1d23 0%,#16181d 100%);width:100%;height:100%;position:relative;overflow:hidden}.app-shell:before{z-index:0;pointer-events:none;content:"";opacity:.05;background:radial-gradient(#d0d6e114 .8px,#0000 .8px) 0 0/24px 24px,linear-gradient(#ffffff04,#fff0) 0 0/100% 100%;position:absolute;inset:0}.app-shell:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#08090c38,#0000 18% 82%,#08090c57),linear-gradient(#08090c29,#0000 24% 76%,#08090c5c);position:absolute;inset:0}.graph-stage,.graph-canvas-wrap,.sigma-container,.glow-layer,.graph-interaction-layer{width:100%;height:100%;position:absolute;inset:0}.graph-stage{z-index:0}.graph-canvas-wrap canvas{touch-action:none;display:block}.sigma-stage{overflow:hidden}.sigma-container{z-index:0}.glow-layer{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.46}.graph-interaction-layer{z-index:2;cursor:grab;touch-action:none;overscroll-behavior:none}.graph-interaction-layer:active{cursor:grabbing}.top-dock,.settings-dock,.selection-summary,.preview-dock,.inspector-dock,.mobile-settings-toggle,.error-toast{z-index:3;position:absolute}.project-command,.search-box,.settings-dock,.selection-summary,.preview-dock,.inspector-dock,.search-results,.error-toast{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-top), var(--panel)), var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;box-shadow:0 14px 32px #00000038,inset 0 1px #ffffff08}.top-dock{gap:8px;width:min(360px,100vw - 36px);display:grid;top:18px;left:18px}.project-command{height:40px;color:var(--accent);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:8px;padding:0 9px 0 12px;display:grid}input{min-width:0;color:var(--text);background:0 0;border:0;border-radius:6px;outline:none}.project-command input{color:#d8dde5;height:30px;padding:0 4px;font-size:.94rem;font-weight:600}.load-button,.tool-button,.open-button,.panel-close-button,.mobile-settings-toggle,.node-list-item{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:6px;transition:border-color .15s,background .15s,color .15s}.load-button{color:#d5dbe7;background:#7b8fb224;border-color:#7b8fb257;place-items:center;width:30px;height:30px;display:inline-grid}.load-button:hover,.tool-button:hover,.open-button:hover,.panel-close-button:hover,.mobile-settings-toggle:hover,.node-list-item:hover{border-color:var(--line-strong);background:#ffffff0e}.load-button:disabled,.open-button:disabled{cursor:not-allowed;opacity:.55}.stat-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stat-pill{border:1px solid var(--line);background:#16181fb8;border-radius:6px;align-content:center;gap:0;min-width:56px;height:34px;padding:0 9px;display:grid}.stat-pill strong{color:#e0e4eb;font-size:.86rem;line-height:1}.stat-pill span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.6rem;font-weight:700}.settings-dock{gap:10px;width:min(308px,100vw - 36px);max-height:calc(100vh - 36px);padding:12px;display:grid;top:18px;right:18px;overflow:hidden auto}.settings-header{display:none}.panel-close-button,.mobile-settings-toggle{color:#d8deea;place-items:center;display:inline-grid}.panel-close-button{width:30px;height:30px;padding:0}.mobile-settings-toggle{display:none}.search-box{height:38px;color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:0 11px;display:grid}.search-box input{color:#d8dde5;height:100%;font-weight:500}.search-box input::placeholder{color:#dce4f047}.search-results{gap:6px;padding:8px;display:grid}.dock-section{gap:10px;display:grid}.section-title{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:700}.error-toast{color:#ebd1d5;background:#3f1c26e6;border-color:#8e728057;max-width:min(520px,100vw - 36px);margin:0;padding:11px 13px;top:76px;left:18px}.selection-summary{gap:4px;width:min(180px,100vw - 36px);padding:12px;display:grid;bottom:18px;left:18px}.preview-dock{gap:8px;width:min(318px,100vw - 24px);padding:12px;display:grid}.preview-dock h2{color:#e2e6ed;margin:0;font-size:1rem;line-height:1.2}.preview-dock p{color:#b7beca;margin:0;font-size:.82rem;line-height:1.45}.selection-summary strong{color:#e2e6ed;font-size:1rem}.selection-summary span:last-child,.selection-summary span:nth-last-child(2),.selection-summary span:nth-last-child(3){color:var(--muted);font-size:.78rem}.mini-sliders{gap:10px;min-width:0;display:grid}.micro-slider{color:var(--muted);letter-spacing:0;text-transform:uppercase;grid-template-columns:46px minmax(120px,1fr) 42px;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:grid}.micro-slider output{color:#e0e4eb;text-align:right;font-size:.76rem}input[type=range]{width:100%;accent-color:var(--accent)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tool-button{width:auto;height:34px;color:var(--muted);grid-template-columns:auto 1fr;place-items:center;gap:6px;padding:0 9px;display:grid}.tool-button span{letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.65rem;font-weight:700;line-height:1;overflow:hidden}.tool-button.active{color:#dde3ef;background:#7b8fb224;border-color:#7b8fb26b}.inspector-dock{width:min(308px,100vw - 36px);max-height:min(100vh - 330px,460px);padding:14px;top:312px;right:18px;overflow:hidden auto}.page-detail{gap:12px;display:grid}.info-section{gap:8px;display:grid}.detail-kicker{color:var(--muted);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:inline-flex}.detail-swatch,.node-swatch{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff14}.detail-swatch.warm{background:linear-gradient(135deg, var(--accent), #8d7ac0, var(--amber))}.page-detail h1{overflow-wrap:anywhere;color:#e2e6ed;min-width:0;margin:0;font-size:clamp(1.18rem,2.6vw,1.7rem);line-height:1.08}.page-image{object-fit:cover;border:1px solid var(--line);background:#ffffff0a;border-radius:6px;width:100%;max-height:152px}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.metric{border:1px solid var(--line);background:#ffffff08;border-radius:6px;align-content:center;gap:2px;min-width:0;min-height:48px;padding:8px;display:grid}.metric strong{color:#e2e6ed;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:clamp(.92rem,2.1vw,1.12rem);line-height:1;overflow:hidden}.metric span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.62rem;font-weight:700}.detail-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;display:flex}.detail-text{color:#bcc4cf;margin:0;font-size:.84rem;line-height:1.55}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{color:#c7d0dd;background:#7b8fb217;border:1px solid #7b8fb247;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:.72rem;display:inline-flex}.open-button{color:#dee4ef;background:#7b8fb224;border-color:#7b8fb261;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-weight:600;display:inline-flex}.node-list{gap:6px;display:grid}.node-list.compact .node-list-item{min-height:32px}.node-list-item{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:34px;padding:7px 9px;display:grid}.node-list-item span:nth-child(2){color:#ebeff6db;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.node-list-item strong{color:#cfd6e2;font-size:.74rem}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.top-dock{width:min(360px,100vw - 36px)}.stat-pill{min-width:54px}}@media (width<=760px){.top-dock{gap:6px;width:auto;top:12px;left:12px;right:12px}.project-command{height:38px}.stat-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.stat-pill{min-width:0;height:30px;padding:0 6px}.stat-pill strong{font-size:.78rem}.stat-pill span{font-size:.52rem}.settings-dock{top:auto;right:10px;bottom:max(10px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;z-index:5;border-color:#949ba642;width:auto;max-height:min(76dvh,620px);padding:10px;transition:opacity .15s,transform .18s;left:10px;transform:translateY(calc(100% + 24px))}.settings-dock.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.settings-header{justify-content:space-between;align-items:center;min-height:30px;display:flex}.mobile-settings-toggle{right:12px;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#1f2229eb;border-color:#7b8fb26b;width:44px;height:44px;padding:0;display:inline-grid;box-shadow:0 14px 28px #00000042,inset 0 1px #ffffff0a}.app-shell.has-open-settings .mobile-settings-toggle{opacity:0;pointer-events:none}.app-shell.has-active-node .mobile-settings-toggle{bottom:calc(min(27dvh, 220px) + max(20px, env(safe-area-inset-bottom)))}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-summary{bottom:12px;left:12px}.inspector-dock{width:auto;max-height:27vh;inset:auto 12px 12px}.inspector-dock.is-summary{display:none}}@media (width<=460px){.stat-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.micro-slider{grid-template-columns:42px minmax(80px,1fr) 36px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-summary{display:none}}