:root{--bg-deep: #0a0e17;--bg-surface: rgba(15, 20, 35, .85);--bg-glass: rgba(25, 35, 60, .55);--border-glass: rgba(100, 140, 255, .15);--text-primary: #e8ecf4;--text-secondary: #8a94a8;--text-muted: #5a6478;--evo-accent: #00e5ff;--evo-glow: rgba(0, 229, 255, .25);--curved-accent: #b388ff;--curved-glow: rgba(179, 136, 255, .25);--para-accent: #ff5252;--para-glow: rgba(255, 82, 82, .25);--accent: var(--evo-accent);--glow: var(--evo-glow);--radius: 10px;--sidebar-w: 310px;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}#app{display:flex;height:100vh}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;display:flex;flex-direction:column;gap:12px;padding:20px 16px;overflow-y:auto;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--border-glass);z-index:10}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}.sidebar-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.5px}.sidebar-header .accent{color:var(--accent);transition:color .3s}.sidebar-header .subtitle{font-size:.75rem;color:var(--text-muted);margin-top:2px;letter-spacing:1.5px;text-transform:uppercase}.panel{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);padding:14px}.panel h3{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px}.mode-tabs{display:flex;gap:4px;padding:6px}.mode-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:var(--font-ui);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mode-tab .mode-icon{font-size:1.3rem}.mode-tab:hover{background:#ffffff0d;color:var(--text-primary)}.mode-tab.active{background:var(--glow);color:var(--accent);box-shadow:0 0 20px var(--glow)}.btn-row{display:flex;gap:6px;margin-bottom:12px}.ctrl-btn{flex:1;padding:10px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff0a;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .15s}.ctrl-btn:hover{background:var(--glow);border-color:var(--accent);box-shadow:0 0 12px var(--glow)}.ctrl-btn:active{transform:scale(.95)}.slider-group{display:flex;align-items:center;gap:8px;margin-bottom:8px}.slider-group label{font-size:.75rem;color:var(--text-secondary);min-width:48px}.slider-group input[type=range]{flex:1;-webkit-appearance:none;height:4px;background:#ffffff1a;border-radius:2px;outline:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px var(--glow)}.mono{font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem}.stat-row span:first-child{color:var(--text-secondary)}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.legend-item{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-secondary)}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.select-group{margin-bottom:10px}.select-group label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.select-group select{width:100%;padding:8px 10px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff0a;color:var(--text-primary);font-family:var(--font-ui);font-size:.8rem;outline:none;cursor:pointer}.select-group select:focus{border-color:var(--accent)}.select-group select option{background:#1a2035}.entity-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.entity-btn{padding:8px;border:1px solid var(--border-glass);border-radius:8px;background:#ffffff0a;color:var(--text-primary);font-size:.75rem;font-family:var(--font-ui);cursor:pointer;transition:all .15s}.entity-btn:hover{background:#ffffff14}.entity-btn.selected{border-color:var(--accent);background:var(--glow);box-shadow:0 0 10px var(--glow)}.sidebar-footer{margin-top:auto;text-align:center}.hint{font-size:.7rem;color:var(--text-muted);font-style:italic}#canvas-container{flex:1;position:relative;overflow:hidden;background:var(--bg-deep)}#grid-canvas{display:block;width:100%;height:100%;cursor:crosshair}#canvas-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3;z-index:2;pointer-events:none}