*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;width:100%;height:100%}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--border-color:#333;--text-primary:#fff;--text-secondary:#ccc;--accent-primary:#0f8;--accent-cyan:#0ff;--accent-purple:#f0f;--neon-blue:#08f;--neon-pink:#f08;--neon-green:#0f8}body{color:var(--text-primary);background-color:var(--bg-primary)}a{color:inherit;text-decoration:none}.header-brand{gap:12px}.header-brand,.logo-container{display:flex;align-items:center}.logo-container{width:36px;height:36px;background:#000;border-radius:50%;justify-content:center;border:1px solid var(--accent-cyan);box-shadow:0 0 6px rgba(0,255,255,.2)}.logo-container svg{width:18px;height:18px}.brand-text h1{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.brand-text p{font-size:.7rem;color:var(--accent-cyan);margin:0}.container{max-width:1200px;margin:0 auto;padding:2rem}.explorer-window{max-width:1000px;margin:2rem auto;background:#1a1a1a;border:2px solid #0f8;border-radius:8px;box-shadow:0 0 20px rgba(0,255,136,.2),inset 0 0 60px rgba(0,255,136,.03);overflow:hidden}.explorer-toolbar{background:linear-gradient(180deg,#2a2a2a,#1f1f1f);border-bottom:1px solid #0f8;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media (max-width:768px){.explorer-toolbar{padding:.375rem .5rem;gap:.5rem}}.toolbar-button{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:#0ff;padding:.375rem .75rem;border-radius:3px;font-size:.875rem;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace}.toolbar-button:hover{background:rgba(0,255,136,.2);border-color:#0f8}.toolbar-separator{width:1px;height:20px;background:rgba(0,255,136,.3)}.address-bar{background:#0a0a0a;border:1px solid #0f8;border-radius:3px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;flex:1 1;font-family:Courier New,monospace;font-size:.875rem;color:#0ff;min-width:0;overflow:hidden}@media (max-width:768px){.address-bar{font-size:.65rem;padding:.375rem .5rem;gap:.25rem}}.address-icon{color:#0f8;font-size:1rem}.file-list-container{background:#0f0f0f;min-height:400px;padding:1rem}.file-list-header{padding:.5rem 1rem;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:3px;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#0ff;text-transform:uppercase;letter-spacing:.05em}.file-item,.file-list-header{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:1rem;gap:1rem}.file-item{padding:.75rem 1rem;background:rgba(26,26,26,.5);border:1px solid transparent;border-radius:3px;margin-bottom:.25rem;cursor:pointer;transition:all .15s ease;align-items:center}.file-item:hover{background:rgba(0,255,136,.08);border-color:#0f8;transform:translateX(2px)}.file-item.selected{background:rgba(0,255,136,.15);border-color:#0f8}.file-name{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.95rem;flex:1 1;min-width:0}.file-icon{font-size:1.5rem;flex-shrink:0;width:32px;text-align:center}.folder-icon{color:#0f8}.file-icon-doc{color:#0ff}.file-type{color:#888;font-size:.75rem;font-family:Courier New,monospace;line-height:1.4;word-break:break-word}.file-modified{font-size:.85rem}.file-modified,.status-bar{color:#0ff;font-family:Courier New,monospace}.status-bar{background:linear-gradient(180deg,#1f1f1f,#2a2a2a);border-top:1px solid #0f8;padding:.375rem 1rem;display:flex;justify-content:space-between;font-size:.8rem}.status-item{display:flex;align-items:center;gap:.5rem}.status-separator{width:1px;height:14px;background:rgba(0,255,136,.3);margin:0 .5rem}.breadcrumb-link{position:relative}.first-tile-hint{animation:hintPulse 2s ease-in-out .5s 2}@keyframes hintPulse{0%,to{transform:scale(1);box-shadow:0 0 0 rgba(0,255,136,0)}50%{transform:scale(1.02);box-shadow:0 0 20px rgba(0,255,136,.4),0 0 40px rgba(0,255,136,.2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.breadcrumb-segment{font-family:Courier New,monospace;font-size:.85rem;white-space:nowrap}@media (max-width:768px){.breadcrumb-segment{font-size:.65rem}}.breadcrumb-segment:hover{font-weight:700}.diagram-section{margin-bottom:3rem;padding:2rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary)}.diagram-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.diagram-section svg{max-width:100%;height:auto}.mermaid-diagram svg .node{fill:var(--bg-tertiary)!important;stroke:var(--border-color)!important}.mermaid-diagram svg .node text{fill:var(--text-primary)!important}.mermaid-thumbnail{opacity:.8;transition:opacity .3s ease;border-radius:.375rem;overflow:hidden}.mermaid-thumbnail:hover{opacity:1}.mermaid-thumbnail svg{transform:scale(.85);transform-origin:center;width:118%!important;height:auto!important}.diagram-section{min-height:500px}.diagram-container{position:relative;overflow:hidden;border-radius:.5rem}.diagram-controls{position:absolute;top:1rem;right:1rem;display:flex;gap:.25rem;background:hsla(0,0%,4%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.5)}.diagram-controls button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.diagram-controls button:hover{background:var(--accent-primary);color:#000;border-color:var(--accent-primary);transform:scale(1.05)}.mermaid-diagram,.mermaid-diagram svg{transition:transform .3s ease}.mermaid-diagram svg{cursor:-webkit-grab;cursor:grab}.mermaid-diagram svg:active{cursor:-webkit-grabbing;cursor:grabbing}@layer utilities{.text-balance{text-wrap:balance}.glow-text{text-shadow:0 0 8px rgba(0,255,255,.4)}.glow-border{box-shadow:0 0 15px var(--accent-primary)}.neon-border{border:1px solid var(--accent-primary);box-shadow:0 0 5px var(--accent-primary),0 0 10px var(--accent-primary),0 0 15px var(--accent-primary),inset 0 0 5px rgba(0,255,136,.1)}.cyber-grid{background-image:linear-gradient(rgba(0,255,136,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 0);background-size:20px 20px}.tron-glow{filter:drop-shadow(0 0 8px var(--accent-primary))}.animate-pulse-neon{animation:pulse-neon 2s ease-in-out infinite alternate}@keyframes pulse-neon{0%{box-shadow:0 0 5px rgba(0,255,136,.3)}to{box-shadow:0 0 10px rgba(0,255,136,.4)}}.matrix-rain{position:relative;overflow:hidden}.matrix-rain:before{content:"";position:absolute;top:-100%;left:0;right:0;bottom:100%;background:linear-gradient(180deg,transparent,rgba(0,255,136,.02) 50%,transparent);animation:matrix-fall 8s linear infinite;pointer-events:none}@keyframes matrix-fall{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}}.tron-react-flow{background:var(--bg-primary)!important}.tron-react-flow .react-flow__edge{z-index:1!important}.tron-react-flow .react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5,5!important;animation:tron-dash 1s linear infinite!important}@keyframes tron-dash{to{stroke-dashoffset:-10}}.glitch-effect{background:linear-gradient(90deg,transparent,rgba(255,0,255,.1) 25%,transparent 50%,rgba(0,255,255,.1) 75%,transparent);background-size:200% 100%;animation:glitch-slide 3s linear infinite}@keyframes glitch-slide{0%,to{background-position:0 0;opacity:.1}50%{background-position:100% 0;opacity:.3}}.tron-glow{position:relative;box-shadow:0 0 6px rgba(0,255,255,.2)}.react-flow__node-default{background:#1a1a1a!important;color:#fff!important;border:1px solid #0f8!important;border-radius:8px!important;padding:10px 14px!important;font-size:12px!important;box-shadow:0 0 8px rgba(0,255,136,.15)!important}.tron-node{background:var(--bg-tertiary)!important;border:2px solid var(--accent-primary)!important;border-radius:12px!important;padding:16px!important;min-width:180px;max-width:240px;box-shadow:0 0 10px rgba(0,255,136,.2)!important;transition:all .3s ease;cursor:-webkit-grab;cursor:grab;color:var(--text-primary)!important;font-family:system-ui,-apple-system,sans-serif!important}.tron-node *{color:inherit}.tron-node:active{cursor:-webkit-grabbing;cursor:grabbing}.tron-app-node{border-color:var(--accent-primary);box-shadow:0 0 10px rgba(0,255,136,.2)}.tron-service-node{border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(0,255,255,.2)}.tron-data-node{border-color:var(--accent-purple);box-shadow:0 0 10px rgba(255,0,255,.2)}.tron-provider-node{border-color:#f08;box-shadow:0 0 10px rgba(255,0,136,.2)}.tron-node:hover{transform:scale(1.02)}.tron-app-node:hover{box-shadow:0 0 15px rgba(0,255,136,.3)}.tron-service-node:hover{box-shadow:0 0 15px rgba(0,255,255,.3)}.tron-data-node:hover{box-shadow:0 0 15px rgba(255,0,255,.3)}.tron-provider-node:hover{box-shadow:0 0 15px rgba(255,0,136,.3)}.tron-handle{width:10px!important;height:10px!important;background:var(--accent-cyan)!important;border:2px solid var(--bg-tertiary)!important;box-shadow:0 0 8px var(--accent-cyan)!important}.tron-handle:hover{background:var(--accent-primary)!important;box-shadow:0 0 12px var(--accent-primary)!important}.node-header{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:8px!important}.node-icon{font-size:24px!important;width:32px!important;text-align:center!important;flex-shrink:0}.node-title{flex:1 1;min-width:0}.node-label{font-size:14px!important;font-weight:600!important;color:#fff!important;margin-bottom:2px!important;line-height:1.3}.node-subtitle{font-size:11px!important;color:#0ff!important;opacity:.9}.node-metrics{margin-top:8px!important;padding-top:8px!important;border-top:1px solid hsla(0,0%,100%,.1)!important}.freshness-badge{display:inline-block!important;background:#0f8!important;color:#000!important;padding:2px 6px!important;border-radius:4px!important;font-size:10px!important;font-weight:600!important}.metric-item{font-size:10px!important;color:#ccc!important;margin-bottom:2px!important;line-height:1.4!important}.node-capacity,.node-reliability{font-size:11px;color:var(--accent-purple);margin-top:4px}.node-description{font-size:10px;color:var(--text-secondary);margin-top:6px;opacity:.7}.tron-react-flow .react-flow__edge-path{stroke:var(--accent-cyan)!important;stroke-width:2px!important}.tron-react-flow .react-flow__edge.animated .react-flow__edge-path{animation:edge-flow 1s linear infinite!important}@keyframes edge-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.tron-react-flow .react-flow__edge-text{fill:var(--text-primary)!important;font-size:11px!important}.tron-react-flow .react-flow__edge-textbg{fill:var(--bg-tertiary)!important}.tron-controls{background:hsla(0,0%,4%,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.tron-controls button{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:4px!important;transition:all .2s ease!important}.tron-controls button:hover{background:var(--accent-primary)!important;color:#000!important;border-color:var(--accent-primary)!important}.tron-minimap{background:hsla(0,0%,4%,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--border-color)!important}.tron-minimap .react-flow__minimap-node{fill:var(--accent-primary)!important;stroke:var(--accent-primary)!important}.tron-panel{background:hsla(0,0%,4%,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:12px!important}.diagram-title{color:var(--text-primary)!important;font-size:18px!important;font-weight:600!important;margin:0!important}.react-flow-thumbnail{height:60px!important;width:60px!important;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.react-flow-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(0,255,136,.08) 0,transparent 50%);pointer-events:none}.thumbnail-content{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1;position:relative}.thumbnail-icon{font-size:18px;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.thumbnail-stats{display:flex;gap:8px;font-size:8px;color:var(--text-secondary);text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:1px}.stat-number{font-size:10px;font-weight:700;color:var(--accent-primary)}.stat-label{font-size:7px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.thumbnail-types{display:none}.diagram-section{width:100%;max-width:100%;height:600px;min-height:600px;position:relative;overflow:hidden}@media (max-width:768px){.diagram-section{height:500px;min-height:500px}}.version-indicator{position:fixed;bottom:.75rem;right:.75rem;padding:.25rem .75rem;background:rgba(0,0,0,.7);border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);font-size:.7rem;font-family:Courier New,monospace;font-weight:500;letter-spacing:.5px;z-index:1000;opacity:.6;transition:opacity .2s ease;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-indicator:hover{opacity:1}