@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deepest:#050d1a;--bg-deep:#0a1929;--bg-surface:#0f1b2d;--bg-elevated:#1e293b;--bg-overlay:#0f172af2;--bg-panel:#0f172ad9;--bg-upload:#050a14d9;--bg-upload-card:linear-gradient(145deg, #0f172af2, #1e293be6);--bg-graph:radial-gradient(ellipse at center, #0f1b2d 0%, #0a1929 70%);--bg-ctrl-btn:#0f172ad9;--bg-ctrl-hover:#1e293bf2;--bg-code:#0003;--bg-tag:#60a5fa1a;--bg-close:#94a3b81a;--bg-file:#94a3b814;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-faint:#475569;--text-body:#cbd5e1;--accent-blue:#60a5fa;--accent-blue-dim:#93c5fd;--accent-green:#4ade80;--accent-red:#f87171;--border-subtle:#94a3b81a;--border-ctrl:#94a3b833;--border-tag:#60a5fa26;--promo-text:#94a3b88c;--promo-label:#94a3b859;--promo-sep:#94a3b833;--promo-dot:#94a3b84d;--attr-text:#94a3b859;--attr-link:#94a3b873;--cy-node-label:#e2e8f0;--cy-node-outline:#0a1929;--cy-edge-color:#475569;--cy-edge-label:#94a3b8;--cy-edge-outline:#0a1929;--toggle-bg:#94a3b81a;--toggle-color:#94a3b8;--toggle-hover-bg:#94a3b833;color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}[data-theme=light]{--bg-deepest:#f0f4f8;--bg-deep:#f8fafc;--bg-surface:#fff;--bg-elevated:#e2e8f0;--bg-overlay:#f8fafcf7;--bg-panel:#ffffffe6;--bg-upload:#e2e8f0d9;--bg-upload-card:linear-gradient(145deg, #fffffffa, #f1f5f9f2);--bg-graph:radial-gradient(ellipse at center, #f0f4f8 0%, #e2e8f0 70%);--bg-ctrl-btn:#ffffffe6;--bg-ctrl-hover:#f1f5f9fa;--bg-code:#94a3b81f;--bg-tag:#3b82f614;--bg-close:#64748b1a;--bg-file:#64748b1a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-faint:#94a3b8;--text-body:#334155;--accent-blue:#2563eb;--accent-blue-dim:#3b82f6;--accent-green:#16a34a;--accent-red:#dc2626;--border-subtle:#64748b2e;--border-ctrl:#64748b40;--border-tag:#3b82f633;--promo-text:#475569bf;--promo-label:#47556980;--promo-sep:#47556940;--promo-dot:#47556959;--attr-text:#47556980;--attr-link:#47556999;--cy-node-label:#1e293b;--cy-node-outline:#f0f4f8;--cy-edge-color:#94a3b8;--cy-edge-label:#64748b;--cy-edge-outline:#f0f4f8;--toggle-bg:#64748b1a;--toggle-color:#475569;--toggle-hover-bg:#64748b33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#app{width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b840}::selection{color:#f1f5f9;background:#60a5fa4d}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button{font-family:inherit}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.graph-container[data-v-6ccf6561]{background:var(--bg-graph);width:100%;height:100%;transition:background .25s;position:relative}.graph-controls[data-v-6ccf6561]{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:20px;left:20px}.graph-controls button[data-v-6ccf6561]{border:1px solid var(--border-ctrl);background:var(--bg-ctrl-btn);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.graph-controls button[data-v-6ccf6561]:hover{background:var(--bg-ctrl-hover);color:var(--text-primary);border-color:#60a5fa66;transform:scale(1.05)}@media (width<=600px){.graph-controls[data-v-6ccf6561]{flex-direction:row;bottom:12px;left:auto;right:12px}}.upload-overlay[data-v-ae5a02f9]{z-index:100;background:var(--bg-upload);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-panel[data-v-ae5a02f9]{text-align:center;background:var(--bg-upload-card);border:1px solid var(--border-subtle);border-radius:20px;width:90%;max-width:480px;padding:48px 56px;transition:border-color .3s,box-shadow .3s;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff0d}.upload-panel.drag-active[data-v-ae5a02f9]{border-color:var(--accent-blue-dim);box-shadow:0 25px 50px -12px #00000080,0 0 30px #60a5fa26,inset 0 1px #ffffff0d}.upload-icon[data-v-ae5a02f9]{color:var(--accent-blue);margin-bottom:16px;animation:3s ease-in-out infinite float-ae5a02f9}@keyframes float-ae5a02f9{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}h2[data-v-ae5a02f9]{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:700}p[data-v-ae5a02f9]{color:var(--text-secondary);margin:0 0 24px;font-size:.875rem;line-height:1.5}input[type=file][data-v-ae5a02f9]{display:none}.upload-actions[data-v-ae5a02f9]{justify-content:center;gap:12px;display:flex}.upload-actions button[data-v-ae5a02f9]{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-browse[data-v-ae5a02f9]{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa4d!important}.btn-browse[data-v-ae5a02f9]:hover{background:#60a5fa40;transform:translateY(-1px)}.btn-sample[data-v-ae5a02f9]{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040!important}.btn-sample[data-v-ae5a02f9]:hover{background:#4ade8038;transform:translateY(-1px)}.or-divider[data-v-ae5a02f9]{color:var(--text-secondary);opacity:.6;-webkit-user-select:none;user-select:none;align-items:center;font-size:.75rem;font-weight:500;display:flex}.error-msg[data-v-ae5a02f9]{color:var(--accent-red)!important;margin-top:16px!important;font-size:.8rem!important}.fade-enter-active[data-v-ae5a02f9],.fade-leave-active[data-v-ae5a02f9]{transition:opacity .3s}.fade-enter-from[data-v-ae5a02f9],.fade-leave-to[data-v-ae5a02f9]{opacity:0}@media (width<=600px){.upload-panel[data-v-ae5a02f9]{width:95%;padding:32px 24px}.upload-actions[data-v-ae5a02f9]{flex-direction:column}.upload-actions button[data-v-ae5a02f9]{justify-content:center;width:100%}}.detail-panel[data-v-9769ec8e]{background:var(--bg-panel);border-left:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;width:380px;height:100%;padding:24px;transition:background .25s,border-color .25s;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #00000026}.panel-header[data-v-9769ec8e]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.node-type-badge[data-v-9769ec8e]{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-icon[data-v-9769ec8e]{filter:brightness(0)saturate()invert();width:16px;height:16px}.close-btn[data-v-9769ec8e]{background:var(--bg-close);width:32px;height:32px;color:var(--text-faint);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-btn[data-v-9769ec8e]:hover{color:var(--accent-red);background:#ef444433}.node-name[data-v-9769ec8e]{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 20px;font-size:1.25rem;font-weight:700;line-height:1.3}.section[data-v-9769ec8e]{margin-bottom:20px}.section h3[data-v-9769ec8e]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.7rem;font-weight:600}.section p[data-v-9769ec8e]{color:var(--text-body);margin:0;font-size:.85rem;line-height:1.6}.tags[data-v-9769ec8e]{flex-wrap:wrap;gap:6px;display:flex}.tag[data-v-9769ec8e]{background:var(--bg-tag);color:var(--accent-blue-dim);border:1px solid var(--border-tag);border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:500}.ext-ref[data-v-9769ec8e]{margin-bottom:4px}.ext-ref a[data-v-9769ec8e]{color:var(--accent-blue);font-size:.85rem;text-decoration:none;transition:color .15s}.ext-ref a[data-v-9769ec8e]:hover{color:var(--accent-blue-dim);text-decoration:underline}.ext-ref span[data-v-9769ec8e]{color:var(--text-secondary);font-size:.85rem}.props-table[data-v-9769ec8e]{border-collapse:collapse;width:100%}.props-table tr[data-v-9769ec8e]{border-bottom:1px solid var(--border-subtle)}.prop-key[data-v-9769ec8e]{color:var(--text-muted);text-transform:capitalize;white-space:nowrap;vertical-align:top;width:35%;padding:6px 8px 6px 0;font-size:.78rem}.prop-val[data-v-9769ec8e]{color:var(--text-body);word-break:break-word;padding:6px 0;font-size:.78rem}.stix-id[data-v-9769ec8e]{color:var(--text-muted);background:var(--bg-code);word-break:break-all;border-radius:6px;padding:8px 10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;display:block}.properties-section[data-v-9769ec8e]{max-height:300px;overflow-y:auto}.slide-enter-active[data-v-9769ec8e],.slide-leave-active[data-v-9769ec8e]{transition:transform .3s,opacity .3s}.slide-enter-from[data-v-9769ec8e],.slide-leave-to[data-v-9769ec8e]{opacity:0;transform:translate(100%)}.detail-panel[data-v-9769ec8e]::-webkit-scrollbar{width:4px}.detail-panel[data-v-9769ec8e]::-webkit-scrollbar-track{background:0 0}.detail-panel[data-v-9769ec8e]::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}@media (width<=600px){.detail-panel[data-v-9769ec8e]{width:100%;box-shadow:none;border-left:none}}.sidebar-container[data-v-b0aee327]{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;left:16px}.legend-bar[data-v-b0aee327]{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;max-height:60vh;padding:10px 14px;transition:all .3s;overflow-y:auto}.stats-box[data-v-b0aee327]{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:10px 14px;transition:all .3s}.stats-header[data-v-b0aee327]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.stats-items[data-v-b0aee327]{flex-direction:column;gap:4px;display:flex}.stats-row[data-v-b0aee327]{justify-content:space-between;align-items:center;gap:16px;display:flex}.stats-label[data-v-b0aee327]{color:var(--text-secondary);font-size:.72rem}.stats-value[data-v-b0aee327]{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.stats-file[data-v-b0aee327]{color:var(--text-faint);background:var(--bg-file);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:180px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.68rem;overflow:hidden}.legend-bar.collapsed[data-v-b0aee327]{padding:6px 10px}.legend-toggle[data-v-b0aee327]{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:4px;padding:0;font-size:.75rem;font-weight:600;display:flex}.legend-toggle[data-v-b0aee327]:hover{color:var(--text-primary)}.collapsed .legend-toggle[data-v-b0aee327]{margin-bottom:0}.legend-items[data-v-b0aee327]{flex-direction:column;gap:4px;margin-top:6px;display:flex}.legend-item[data-v-b0aee327]{align-items:center;gap:8px;display:flex}.legend-dot[data-v-b0aee327]{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-label[data-v-b0aee327]{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.expand-enter-active[data-v-b0aee327],.expand-leave-active[data-v-b0aee327]{transition:all .25s}.expand-enter-from[data-v-b0aee327],.expand-leave-to[data-v-b0aee327]{opacity:0;max-height:0}.legend-bar[data-v-b0aee327]::-webkit-scrollbar{width:3px}.legend-bar[data-v-b0aee327]::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}@media (width<=600px){.sidebar-container[data-v-b0aee327]{max-width:100%;top:10px;left:10px;right:10px}.legend-bar[data-v-b0aee327]{max-height:25vh}.legend-items[data-v-b0aee327]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stats-box[data-v-b0aee327]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats-header[data-v-b0aee327]{margin-bottom:0}.stats-items[data-v-b0aee327]{flex-flow:wrap;align-items:center;gap:12px}.stats-row[data-v-b0aee327]{gap:6px}.stats-file[data-v-b0aee327]{max-width:120px}}.app-shell[data-v-fad4dcaf]{background:var(--bg-deep);flex-direction:column;width:100vw;height:100vh;transition:background .25s,color .25s;display:flex;overflow:hidden}.top-bar[data-v-fad4dcaf]{background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 20px;transition:background .25s,border-color .25s;display:flex}.brand[data-v-fad4dcaf]{align-items:center;gap:10px;display:flex}.brand-logo[data-v-fad4dcaf]{width:auto;height:28px;transition:filter .25s}.brand-logo[data-v-fad4dcaf]:not(.logo-dark){filter:invert()brightness(.3)}.brand-name[data-v-fad4dcaf]{color:var(--text-primary);letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;transition:color .25s}.bar-actions[data-v-fad4dcaf]{margin-left:auto}.btn-small[data-v-fad4dcaf]{cursor:pointer;color:var(--accent-blue);background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-small[data-v-fad4dcaf]:hover{background:#60a5fa33;transform:translateY(-1px)}.theme-toggle[data-v-fad4dcaf]{border:1px solid var(--border-ctrl);background:var(--toggle-bg);width:34px;height:34px;color:var(--toggle-color);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle[data-v-fad4dcaf]:hover{background:var(--toggle-hover-bg);color:var(--accent-blue);border-color:var(--accent-blue);transform:scale(1.05)}.main-area[data-v-fad4dcaf]{flex:1;position:relative;overflow:hidden}.promo-banner[data-v-fad4dcaf]{align-items:center;gap:8px;margin-left:12px;display:flex}.promo-sep[data-v-fad4dcaf]{color:var(--promo-sep);-webkit-user-select:none;user-select:none;font-size:.85rem}.promo-dot[data-v-fad4dcaf]{color:var(--promo-dot);-webkit-user-select:none;user-select:none;font-size:.7rem}.promo-link[data-v-fad4dcaf]{color:var(--promo-text);white-space:nowrap;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .2s}.promo-link[data-v-fad4dcaf]:hover{color:var(--accent-blue);text-decoration:none}.promo-label[data-v-fad4dcaf]{text-transform:uppercase;letter-spacing:.04em;color:var(--promo-label);margin-right:3px;font-size:.62rem;font-weight:600}.icon-attribution[data-v-fad4dcaf]{color:var(--attr-text);z-index:20;pointer-events:auto;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:.65rem;transition:color .25s;display:flex;position:absolute;bottom:10px;left:12px}.icon-attribution svg[data-v-fad4dcaf]{opacity:.5;flex-shrink:0}.icon-attribution a[data-v-fad4dcaf]{color:var(--attr-link);text-decoration:none;transition:color .2s}.icon-attribution a[data-v-fad4dcaf]:hover{color:var(--accent-blue);text-decoration:underline}@media (width<=600px){.top-bar[data-v-fad4dcaf]{flex-wrap:wrap;justify-content:space-between;height:auto;min-height:52px;padding:10px 12px}.brand-logo[data-v-fad4dcaf]{height:24px}.brand-name[data-v-fad4dcaf]{font-size:.95rem}.promo-banner[data-v-fad4dcaf]{display:none}.bar-actions[data-v-fad4dcaf]{border-top:1px solid var(--border-subtle);justify-content:flex-end;width:100%;margin-top:8px;margin-left:0;padding-top:8px}.icon-attribution[data-v-fad4dcaf]{display:none}}