:root{--bg: #080c1c;--bg-mid: #0a0f22;--panel-bg: #090d1e;--panel-bg2: #0c1128;--border: #1c2a48;--border-bright:#263a60;--blue: #8ab4d4;--blue-dim: rgba(138,180,212,.1);--gold: #c8b07a;--gold-dim: rgba(200,176,122,.1);--purple: #9e90c8;--red: #c89098;--teal: #80b8b0;--orange: #d79150;--orange-dim: rgba(215,145,80,.1);--text: #b0c4dc;--text-bright: #ccdaec;--text-dim: #486080;--text-muted: #283c58;--font: "Open Sans", system-ui, sans-serif;--radius: 8px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;width:100vw;overflow:hidden}.panel{width:284px;flex-shrink:0;height:100%;background:var(--panel-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;z-index:10;transition:width .25s ease;isolation:isolate;transform:translateZ(0);contain:content}.panel--collapsed{width:0;border-right-color:transparent}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:160px;background:radial-gradient(ellipse at 50% 0%,rgba(100,140,200,.05) 0%,transparent 70%);pointer-events:none}.panel>*{position:relative}.panel-header{padding:20px 18px 14px;border-bottom:1px solid var(--border)}.panel-logo{font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.panel-tagline{font-size:9.5px;letter-spacing:.1em;color:var(--text-dim);font-weight:400}.panel-body{padding:14px 16px;display:flex;flex-direction:column;gap:11px;flex:1}.field-group{display:flex;flex-direction:column;gap:5px}.field-label{font-size:9.5px;font-weight:600;letter-spacing:.09em;color:var(--text-dim);text-transform:uppercase}.field-input{background:#080c1cb3;border:1px solid var(--border);border-radius:6px;padding:7px 10px;color:var(--text);font-family:var(--font);font-size:11.5px;outline:none;transition:border-color var(--transition);width:100%}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-dim)}.btn-analyze{width:100%;padding:9px;background:#8ab4d412;border:1px solid rgba(138,180,212,.28);border-radius:6px;color:var(--blue);font-family:var(--font);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--transition),border-color var(--transition);margin-top:2px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-analyze:hover:not(:disabled){background:#8ab4d421;border-color:#8ab4d480;color:var(--text-bright)}.btn-analyze:active:not(:disabled){opacity:.85}.btn-analyze:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed;background:transparent}.btn-analyze .spinner{width:9px;height:9px;border:1.5px solid var(--border-bright);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.progress-counter{font-size:11px;color:var(--text-dim);text-align:center;padding:4px 0 0;letter-spacing:.02em}.status-error{font-size:11px;color:var(--red);padding:7px 10px;background:#c890980d;border:1px solid rgba(200,144,152,.18);border-radius:6px;line-height:1.5}.stats-card{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--panel-bg2)}.stats-title{font-size:9.5px;font-weight:500;letter-spacing:.06em;color:var(--text-dim);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px;font-weight:700;color:var(--blue);line-height:1}.stat-label{font-size:8.5px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;font-weight:500}.toggle-row{display:flex;align-items:center;gap:9px;cursor:pointer;padding:7px 9px;border-radius:6px;border:1px solid var(--border);background:#080c1c66;transition:border-color var(--transition)}.toggle-row:hover{border-color:var(--border-bright)}.toggle-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border:1px solid var(--border-bright);border-radius:3px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:border-color var(--transition),background var(--transition)}.toggle-check:checked{background:var(--blue);border-color:var(--blue)}.toggle-check:checked:after{content:"";position:absolute;left:3px;top:1px;width:4px;height:7px;border:1.5px solid #080c1c;border-top:none;border-left:none;transform:rotate(45deg)}.toggle-label{font-size:10px;font-weight:500;letter-spacing:.05em;color:var(--text-dim);display:flex;align-items:center;gap:6px}.toggle-badge{background:var(--border-bright);color:var(--text-dim);font-size:8.5px;padding:1px 5px;border-radius:10px}.legend{border-top:1px solid var(--border);padding:12px 16px 16px}.legend-title{font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-bottom:10px}.legend-item{display:flex;align-items:center;gap:9px;margin-bottom:7px;font-size:11px;color:var(--text-dim)}.legend-line{width:22px;height:1.5px;border-radius:1px;flex-shrink:0}.legend-line--import{background:var(--blue)}.legend-line--ref{background:var(--gold)}.legend-line--shared{background:var(--purple)}.legend-filter-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 3px 2px 0;transition:color var(--transition)}.legend-filter-row:hover{color:var(--text)}.legend-hint{font-size:9.5px;color:var(--text-muted);line-height:1.65;margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}.graph-canvas{flex:1;height:100%;position:relative;background:var(--bg)}.canvas-github-link{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--text-dim);text-decoration:none;transition:color var(--transition);padding:2px 0}.canvas-github-link:hover{color:var(--text)}.canvas-github-icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}.canvas-embed-controls{display:flex;flex-direction:column;gap:5px;padding-top:4px;border-top:1px solid var(--border);margin-top:2px}.canvas-embed-ships{display:flex;gap:4px}.canvas-embed-section{display:flex;flex-direction:column;gap:3px;padding-top:3px;border-top:1px solid var(--border);margin-top:1px}.canvas-embed-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1px}.canvas-embed-filter{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.canvas-embed-filter:hover{color:var(--text)}.canvas-embed-filter input[type=checkbox]{accent-color:var(--blue);width:11px;height:11px;cursor:pointer}.canvas-embed-open-link{margin-top:3px;font-size:10px;color:var(--text-muted);text-decoration:none;transition:color var(--transition);padding-top:4px;border-top:1px solid var(--border)}.canvas-embed-open-link:hover{color:var(--blue)}.graph-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;z-index:5}.graph-empty-glyph{font-size:48px;color:var(--blue);opacity:.1}.graph-empty-text{font-size:10.5px;font-weight:600;letter-spacing:.24em;color:var(--text-muted);text-transform:uppercase}.react-flow__attribution{display:none}.react-flow__controls{background:var(--panel-bg)!important;border:1px solid var(--border)!important;border-radius:6px!important;overflow:hidden;box-shadow:0 4px 16px #0006!important}.react-flow__controls-button{background:var(--panel-bg)!important;border:none!important;border-bottom:1px solid var(--border)!important;fill:var(--text-dim)!important;transition:background var(--transition)!important;width:26px!important;height:26px!important}.react-flow__controls-button:hover{background:var(--panel-bg2)!important;fill:var(--blue)!important}.react-flow__controls-button:last-child{border-bottom:none!important}.react-flow__minimap{background:#080b16f0!important;border:1px solid var(--border)!important;border-radius:6px!important;box-shadow:0 4px 16px #0006!important}.react-flow__handle{opacity:0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;background:transparent!important;border:none!important;pointer-events:none!important}.file-node{width:190px;height:36px;display:flex;align-items:center;position:relative;cursor:pointer;overflow:visible;transition:opacity var(--transition)}.file-node--dim{opacity:.15;pointer-events:none}.node-circle{width:16px;height:16px;flex-shrink:0;border-radius:50%;background:#080c1ceb;border:1.5px solid rgba(100,130,180,.28);transition:border-color .22s ease,box-shadow .22s ease;z-index:2;position:relative}.node-body{flex:1;height:36px;background:#0c1124e0;border:1px solid rgba(120,150,200,.16);border-radius:5px;display:flex;flex-direction:column;justify-content:center;padding:0 10px;gap:3px;margin:0 -1px;z-index:1;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.file-node--selected .node-body{border-color:#d27832bf;background:#120e0afa}.node-top{display:flex;align-items:center;gap:5px;min-width:0}.node-filename{font-size:11px;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.file-node--selected .node-filename{color:#ddeaf8}.node-bottom{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--text-dim);letter-spacing:.03em}.node-lang{font-weight:500;opacity:.85}.node-sep{opacity:.35}.node-size{opacity:.65}.node-detail-card{background:#0a0e20f7;border:1px solid var(--border-bright);border-radius:10px;padding:16px 18px;width:256px;box-shadow:0 8px 32px #00000080,0 0 0 1px #648cc80f;position:relative;animation:card-in .14s ease}@keyframes card-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.node-detail-close{position:absolute;top:9px;right:9px;background:transparent;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color var(--transition),background var(--transition);line-height:1;font-family:var(--font)}.node-detail-close:hover{color:var(--text);background:#ffffff0a}.node-detail-lang-badge{font-size:8.5px;font-weight:700;letter-spacing:.18em;color:var(--gold);margin-bottom:5px;text-transform:uppercase}.node-detail-filename{font-size:13px;font-weight:700;color:var(--text-bright);margin-bottom:3px;word-break:break-all;line-height:1.3}.node-detail-path{font-size:9.5px;color:var(--text-dim);line-height:1.55;word-break:break-all}.node-detail-divider{height:1px;background:var(--border);margin:11px 0}.node-detail-stats{display:flex;gap:5px}.node-detail-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:6px;background:#648cc80a;border:1px solid var(--border)}.node-detail-stat-val{font-size:15px;font-weight:700;color:var(--blue);line-height:1}.node-detail-stat-key{font-size:7.5px;font-weight:600;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.node-detail-connections-title{font-size:8.5px;font-weight:600;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;margin-bottom:5px}.node-detail-nav-list{list-style:none;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.node-detail-nav-list::-webkit-scrollbar{width:3px}.node-detail-nav-list::-webkit-scrollbar-track{background:transparent}.node-detail-nav-list::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.node-detail-nav-btn{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:none;border-radius:4px;padding:4px 5px;cursor:pointer;text-align:left;transition:background var(--transition);color:var(--text-dim);font-family:var(--font);font-size:10px}.node-detail-nav-btn:hover{background:#648cc812;color:var(--text)}.node-detail-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-detail-dir{font-size:10px;font-weight:700;flex-shrink:0}.node-detail-dir--out{color:var(--blue)}.node-detail-dir--in{color:var(--gold)}.node-detail-summary{margin-top:2px}.node-detail-summary-title{font-size:8.5px;font-weight:600;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-bottom:7px}.node-detail-summary-text{font-size:11px;line-height:1.55;color:var(--text);white-space:pre-wrap}.node-detail-summary-error{font-size:10px;color:var(--text-dim);font-style:italic}.node-detail-summary-loading{display:flex;gap:5px;align-items:center;height:18px}.node-detail-summary-dot{width:4px;height:4px;border-radius:50%;background:var(--text-dim);animation:summary-pulse 1.1s ease-in-out infinite}.node-detail-summary-dot:nth-child(2){animation-delay:.18s}.node-detail-summary-dot:nth-child(3){animation-delay:.36s}@keyframes summary-pulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}.cosmic-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;will-change:transform;transform:translateZ(0)}.stars-particles{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.nebula-cloud{position:absolute;border-radius:50%;pointer-events:none}.nebula-cloud--1{width:500px;height:340px;top:-120px;left:-80px;background:radial-gradient(ellipse,rgba(60,80,160,.14) 0%,transparent 70%);filter:blur(80px)}.nebula-cloud--2{width:380px;height:460px;bottom:-100px;right:-60px;background:radial-gradient(ellipse,rgba(90,50,140,.1) 0%,transparent 70%);filter:blur(90px)}.hub-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#080c18e6;border:1px solid var(--border-bright);border-radius:6px;color:var(--blue);font-family:var(--font);font-size:10.5px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:background var(--transition),color var(--transition);box-shadow:0 2px 10px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hub-btn:hover{background:#8ab4d417;color:var(--text-bright)}.cap-notice{font-size:9px;color:var(--text-muted);letter-spacing:.05em;padding:3px 6px;background:#080c18bf;border:1px solid var(--border);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.layout-pending-badge{font-size:11px;color:var(--text-muted);letter-spacing:.06em;padding:4px 10px;background:#080c18d1;border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pulse-opacity 1s ease-in-out infinite alternate}@keyframes pulse-opacity{0%{opacity:.5}to{opacity:1}}.btn-navigate{width:100%;padding:9px 0;border-radius:var(--radius);border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:var(--font);font-size:11px;letter-spacing:.06em;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn-navigate:hover{background:var(--blue-dim);color:var(--blue);border-color:var(--blue)}.btn-navigate--active{background:var(--gold-dim);color:var(--gold);border-color:var(--gold)}.ship-picker{margin-top:10px}.ship-picker-btns{display:flex;gap:6px}.ship-pick-btn{flex:1;padding:8px 4px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition),filter var(--transition)}.ship-pick-btn svg{width:32px;height:32px;overflow:visible;filter:drop-shadow(0 0 3px rgba(138,180,212,0));transition:filter var(--transition);opacity:.45}.ship-pick-btn:hover svg{opacity:.85;filter:drop-shadow(0 0 4px rgba(138,180,212,.5))}.ship-pick-btn--active{background:var(--gold-dim);border-color:#c8b07a73}.ship-pick-btn--active svg{opacity:1;filter:drop-shadow(0 0 5px rgba(200,176,122,.55))}.graph-canvas .react-flow__renderer{transition:transform .3s ease}.graph-canvas--navigate .react-flow__renderer{transform:perspective(3000px) rotateX(52deg) scale(1.25);transform-origin:center 40%;transition:transform .3s ease}.graph-canvas--navigate .react-flow,.graph-canvas--navigate .react-flow__viewport,.graph-canvas--navigate .react-flow__nodes,.graph-canvas--navigate .react-flow__edges{overflow:visible!important}.graph-canvas--navigate .react-flow__renderer{will-change:transform}.graph-canvas--navigate .file-node,.graph-canvas--navigate .node-circle,.graph-canvas--navigate .node-body{transition:none}.spaceship-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;will-change:transform;transform:translateZ(0)}.spaceship-rotate{display:flex;align-items:center;justify-content:center}.spaceship-icon{display:flex;align-items:center;justify-content:center;animation:ship-bob 1.4s ease-in-out infinite;will-change:transform}.spaceship-icon svg{overflow:visible;will-change:transform;filter:drop-shadow(0 0 6px rgba(138,180,212,.65)) drop-shadow(0 0 14px rgba(138,180,212,.3))}@keyframes ship-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.react-flow__node.destination-target .file-node:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:8px;border:1.5px solid rgba(200,176,122,.55);pointer-events:none;z-index:3;animation:dest-pulse 1.8s ease-in-out infinite}@keyframes dest-pulse{0%,to{border-color:#c8b07a66;box-shadow:0 0 6px #c8b07a26}50%{border-color:#c8b07abf;box-shadow:0 0 16px #c8b07a66}}.navigate-hud{position:absolute;bottom:72px;left:50%;transform:translate(-50%);flex-direction:column;align-items:center;gap:5px;pointer-events:none}.navigate-hud-compass{width:42px;height:42px;border-radius:50%;border:1px solid rgba(200,176,122,.35);background:#080c1ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;position:relative}.navigate-hud-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:12px solid #c8b07a;transform-origin:center 8px;position:relative;top:-2px}.navigate-hud-dist{font-size:9.5px;letter-spacing:.07em;color:var(--gold);opacity:.85;font-family:var(--font)}.navigate-hud-name{font-size:9px;letter-spacing:.04em;color:var(--text-dim);font-family:var(--font);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dest-search{margin-top:10px;display:flex;flex-direction:column;gap:5px}.dest-search-heading{display:flex;align-items:center;justify-content:space-between}.dest-search-label{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.dest-clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:0 2px;line-height:1;transition:color var(--transition)}.dest-clear-btn:hover{color:var(--text)}.dest-current{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(200,176,122,.28);border-radius:var(--radius);background:var(--gold-dim)}.dest-current-icon{font-size:10px;color:var(--gold);flex-shrink:0;opacity:.75}.dest-current-name{font-size:11px;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dest-search-input{width:100%;background:var(--bg-mid);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:11px;padding:6px 10px;outline:none;transition:border-color var(--transition)}.dest-search-input::placeholder{color:var(--text-muted)}.dest-search-input:focus{border-color:#8ab4d48c}.dest-search-results{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg2);overflow:hidden;max-height:168px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.dest-search-results::-webkit-scrollbar{width:3px}.dest-search-results::-webkit-scrollbar-track{background:transparent}.dest-search-results::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.dest-search-item{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:5px 10px;cursor:pointer;display:flex;flex-direction:column;gap:1px;transition:background var(--transition)}.dest-search-item:last-child{border-bottom:none}.dest-search-item:hover{background:var(--blue-dim)}.dest-search-item-name{font-size:11px;color:var(--text);font-family:var(--font)}.dest-search-item-path{font-size:9px;color:var(--text-muted);font-family:var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dest-search-empty{font-size:10px;color:var(--text-muted);font-family:var(--font);padding:6px 2px;letter-spacing:.03em}.react-flow__node.nav-highlight .node-body{border-color:#d7915099;box-shadow:0 0 12px #d7915033,inset 0 0 6px #d791500d;transition:border-color .12s ease,box-shadow .12s ease}.react-flow__node.nav-highlight .node-circle{border-color:#d7915080;box-shadow:0 0 8px #d7915026}.arrived-bar{background:#d7915026;border:1px solid rgba(215,145,80,.4);border-radius:6px;padding:8px 24px;color:var(--orange);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:arrived-flash 1.8s ease forwards}@keyframes arrived-flash{0%{opacity:0;transform:scale(.95)}15%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0}}.boundary-bar{background:#d7915026;border:1px solid rgba(215,145,80,.4);border-radius:6px;padding:8px 24px;color:var(--orange);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:boundary-in .2s ease forwards}@keyframes boundary-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.node-detail-nav-btn--dest:hover{background:#d7915012}.node-detail-dest-hint{margin-left:auto;color:var(--orange);opacity:0;font-size:9px;transition:opacity var(--transition)}.node-detail-nav-btn--dest:hover .node-detail-dest-hint{opacity:.7}.dest-search--canvas{margin-top:5px;width:200px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.spaceship-rotate{perspective:500px}.spaceship-3d{transform:rotateX(25deg);transform-style:preserve-3d;position:relative}.spaceship-3d:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:24px;height:6px;background:radial-gradient(ellipse,rgba(138,180,212,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.panel-toggle{width:18px;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;background:var(--panel-bg);border:none;border-right:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:13px;line-height:1;z-index:20;transition:background var(--transition),color var(--transition),border-color var(--transition);-webkit-user-select:none;user-select:none}.panel-toggle:hover{background:var(--panel-bg2);color:var(--blue);border-right-color:var(--border-bright)}.panel-toggle--closed{border-right-color:var(--border)}.panel-backdrop{display:none}@media (min-width: 640px) and (max-width: 1023px){.panel{width:260px}}@media (max-width: 639px){.panel{position:fixed;top:0;left:0;width:284px;height:100vh;z-index:50;transform:translate(0) translateZ(0);transition:transform .25s ease}.panel--collapsed{width:284px;transform:translate(-284px) translateZ(0);border-right-color:var(--border)}.panel-toggle{position:fixed;top:12px;left:10px;z-index:60;width:30px;height:30px;align-self:auto;border-radius:6px;border:1px solid var(--border);font-size:14px}.panel-toggle--closed{border-color:var(--border)}.panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080}.stats-grid{grid-template-columns:1fr 1fr}.panel-header{padding:14px 16px 12px}.panel-logo{font-size:12px}.field-input{font-size:16px}.node-detail-card{width:min(256px,calc(100vw - 24px));max-height:calc(100dvh - 80px);overflow-y:auto}}.nav-dpad{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right));display:none;grid-template-areas:". up ." "left down right";grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:5px;pointer-events:auto}@media (pointer: coarse){.nav-dpad{display:grid}}.nav-dpad-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:#090d1ee0;border:1px solid var(--border-bright);color:var(--blue);font-size:20px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:background 80ms ease,border-color 80ms ease;box-shadow:0 2px 8px #0006}.nav-dpad-btn:active{background:#8ab4d424;border-color:var(--blue)}.nav-dpad-up{grid-area:up}.nav-dpad-down{grid-area:down}.nav-dpad-left{grid-area:left}.nav-dpad-right{grid-area:right}body.embed-mode{overflow:hidden}body.embed-mode #root{height:100%}.embed-page{position:relative;width:100vw;height:100vh;overflow:hidden}.embed-page .graph-canvas,.embed-page .graph-canvas .react-flow{background:transparent}.embed-loading{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.embed-loading-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.embed-loading-text{color:var(--text-dim);font-size:14px}.embed-error{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.embed-error-card{position:relative;z-index:2;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 36px;text-align:center;max-width:400px}.embed-error-title{color:var(--red);font-size:15px;font-weight:600;margin-bottom:8px}.embed-error-msg{color:var(--text);font-size:12px;margin-bottom:16px;line-height:1.5}.embed-error-link{color:var(--blue);font-size:12px;text-decoration:none}.embed-error-link:hover{text-decoration:underline}.embed-toolbar{position:fixed;top:16px;right:16px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:0}.embed-nav-bar{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:10px;background:#090d1ee0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-bright);border-radius:10px;padding:6px 10px}.embed-nav-btn{font-size:13px;font-weight:600;padding:8px 20px;border-radius:7px;border:1px solid var(--border-bright);background:transparent;color:var(--text);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap}.embed-nav-btn:hover{border-color:var(--blue);color:var(--blue)}.embed-nav-btn--active{background:#8ab4d424;border-color:var(--blue);color:var(--blue)}.embed-nav-ships{display:flex;gap:4px}.embed-toolbar-toggle{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-bright);background:#090d1ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.embed-toolbar-toggle:hover{background:#090d1ef2;border-color:var(--blue)}.embed-toolbar-body{margin-top:8px;background:#090d1ee6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;min-width:200px;display:flex;flex-direction:column;gap:12px}.embed-toolbar-section{display:flex;flex-direction:column;gap:6px}.embed-toolbar-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.embed-toolbar-filter{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer}.embed-toolbar-filter input[type=checkbox]{accent-color:var(--blue)}.embed-toolbar-ships{display:flex;gap:6px}.embed-toolbar-link{font-size:11px;color:var(--blue);text-decoration:none;padding-top:4px;border-top:1px solid var(--border)}.embed-toolbar-link:hover{text-decoration:underline}.embed-snippet{padding:12px 16px;border-top:1px solid var(--border)}.embed-snippet-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px}.embed-snippet-style-row{display:flex;gap:4px;margin-bottom:8px}.embed-snippet-style-btn{flex:1;padding:4px 0;font-size:11px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.embed-snippet-style-btn:hover{border-color:var(--border-bright);color:var(--text)}.embed-snippet-style-btn--active{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.embed-snippet-preview{margin-bottom:8px}.embed-snippet-img{width:100%;border-radius:6px;border:1px solid var(--border)}.embed-snippet-code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:8px;font-family:Fira Code,monospace;font-size:10px;color:var(--text-dim);word-break:break-all;line-height:1.5;margin-bottom:8px}.embed-snippet-copy{width:100%;padding:6px 0;font-size:11px;background:var(--blue-dim);border:1px solid var(--border);border-radius:4px;color:var(--blue);cursor:pointer;transition:background var(--transition)}.embed-snippet-copy:hover{background:#8ab4d42e}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}