:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.controls-panel{align-items:center;gap:var(--space-sm);display:flex}.control-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);justify-content:center;min-width:80px;display:inline-flex}.control-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.control-btn:disabled{opacity:.4;cursor:not-allowed}.pulse-btn{border-color:var(--warning);color:var(--warning)}.pulse-btn:hover:not(:disabled){background:#ffaa0026}.toolbar{gap:var(--space-md);flex-direction:column;display:flex}.toolbar-toggle{display:none}.toolbar-section{gap:var(--space-sm);flex-direction:column;display:flex}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-xs);font-size:11px;font-weight:600}.tool-grid{gap:var(--space-xs);grid-template-columns:repeat(2,1fr);display:grid}.tool-btn{padding:var(--space-sm);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:center;gap:2px;display:flex}.tool-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.tool-btn.active{background:var(--accent-dim);border-color:var(--accent)}.tool-icon{font-size:18px}.tool-name{color:var(--text-secondary);font-size:10px}.tool-btn.active .tool-name{color:var(--accent)}.material-grid{gap:var(--space-xs);grid-template-columns:repeat(2,1fr);display:grid}.material-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);display:flex}.material-btn:hover{border-color:var(--material-color)}.material-btn.active{border-color:var(--material-color);background:color-mix(in srgb, var(--material-color) 15%, var(--bg-core))}.material-icon{font-size:14px}.material-name{color:var(--text-secondary);font-size:11px}.brush-slider{appearance:none;background:var(--bg-core);border:1px solid var(--border);border-radius:3px;outline:none;width:100%;height:6px}.brush-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.brush-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.current-selection{padding:var(--space-md);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-md)}.selection-indicator{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.selection-tool{font-size:24px}.selection-material{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.actions{margin-top:auto}.action-btn{width:100%;padding:var(--space-sm) var(--space-md)}.clear-btn{color:var(--danger);border-color:var(--danger)}.clear-btn:hover{background:#ff00551a}.scenario-menu{gap:var(--space-sm);flex-direction:column;display:flex}.scenario-trigger{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);display:flex}.scenario-trigger:hover{border-color:var(--accent)}.trigger-icon{font-size:16px}.trigger-label{text-align:left;color:var(--text-primary);flex:1;font-size:13px}.trigger-arrow{color:var(--text-muted);font-size:10px}.scenario-dropdown{gap:var(--space-xs);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.dropdown-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:var(--space-xs) var(--space-sm);font-size:11px;font-weight:600}.scenario-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:1px solid #0000;display:flex}.scenario-item:hover{background:var(--bg-hover);border-color:var(--border)}.scenario-item.active{background:var(--accent-dim);border-color:var(--accent)}.item-icon{font-size:18px}.item-content{flex-direction:column;gap:2px;display:flex}.item-name{color:var(--text-primary);font-size:13px}.item-desc{color:var(--text-muted);font-size:11px}.scenario-toast{bottom:calc(var(--footer-height) + var(--space-lg));padding:var(--space-sm) var(--space-lg);background:var(--accent);color:#000;border-radius:var(--radius-md);z-index:100;font-size:13px;font-weight:600;animation:.2s slideUp;position:fixed;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.signal-monitor{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b10f2;min-width:280px}.monitor-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.monitor-title{color:var(--text-primary);font-size:12px;font-weight:600}.probe-coords{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.monitor-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;line-height:1}.monitor-close:hover{color:var(--danger)}.monitor-value{padding:var(--space-sm);font-family:var(--font-mono);color:var(--accent);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.monitor-canvas{border-radius:0 0 var(--radius-md) var(--radius-md);width:100%;display:block}.fps-counter{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);padding:var(--space-xs) var(--space-sm);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;display:flex}.fps-value{text-align:right;min-width:24px;font-weight:700}.fps-label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.fps-counter.good .fps-value{color:var(--success)}.fps-counter.ok .fps-value{color:var(--warning)}.fps-counter.bad .fps-value{color:var(--danger)}.energy-label{color:var(--text-secondary)}.energy-value{font-weight:600}.energy-monitor.critical{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#ff005526}.energy-monitor.critical .energy-value{color:var(--danger);animation:.5s infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.instability-alert-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.instability-alert{background:var(--bg-panel);border:2px solid var(--danger);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;max-width:380px;animation:.3s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.alert-icon{margin-bottom:var(--space-md);font-size:48px}.instability-alert h3{color:var(--danger);margin:0 0 var(--space-sm) 0;font-size:18px}.instability-alert p{color:var(--text-secondary);margin:0;font-size:14px}.alert-hint{color:var(--text-muted)!important;margin-top:var(--space-md)!important;font-size:12px!important}.instability-alert button{margin-top:var(--space-lg);padding:var(--space-sm) var(--space-xl);background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;font-weight:600}.instability-alert button:hover{filter:brightness(1.1)}:root{--bg-core:#0a0b10;--bg-panel:#13151a;--bg-hover:#1a1d24;--border:#2d313a;--border-light:#3d424d;--accent:#00f0ff;--accent-dim:#00f0ff1a;--accent-glow:#00f0ff4d;--success:#00ffa3;--danger:#f05;--warning:#fa0;--text-primary:#ececec;--text-secondary:#9ca3af;--text-muted:#6b7280;--sidebar-width:260px;--footer-height:56px;--header-height:48px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", "Monaco", monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-core);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app-container{grid-template-areas:"header header""sidebar canvas""sidebar footer";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr var(--footer-height);width:100vw;height:100vh;display:grid}.header-area{align-items:center;gap:var(--space-md);padding:0 var(--space-lg);background:var(--bg-panel);border-bottom:1px solid var(--border);grid-area:header;display:flex}.app-title{align-items:center;gap:var(--space-sm);color:var(--accent);margin:0;font-size:18px;font-weight:700;display:flex}.app-icon{font-size:20px}.app-subtitle{color:var(--text-muted);font-size:12px;font-weight:400}.header-spacer{flex:1}.sidebar-area{gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;grid-area:sidebar;display:flex;overflow-y:auto}.sidebar-divider{background:var(--border);height:1px;margin:var(--space-sm) 0}.canvas-area{background:#000;grid-area:canvas;position:relative;overflow:hidden}.canvas-area canvas{object-fit:contain;width:100%;height:100%;display:block}.monitor-container{right:var(--space-lg);bottom:var(--space-lg);gap:var(--space-md);z-index:10;flex-direction:column;display:flex;position:absolute}.footer-area{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);background:var(--bg-panel);border-top:1px solid var(--border);grid-area:footer;display:flex}.status-bar{align-items:center;gap:var(--space-lg);font-family:var(--font-mono);font-size:12px;display:flex}.status-item{color:var(--text-secondary)}.status-item strong{color:var(--text-primary)}.status-item.success{color:var(--success)}.status-item.danger{color:var(--danger)}button{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:500;display:inline-flex}button:hover{background:var(--bg-hover);border-color:var(--accent)}button:active{transform:scale(.98)}button.active,button.primary{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}button.active:hover,button.primary:hover{filter:brightness(1.1)}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover{background:#ff00551a}.monitor-panel{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-md);background:#0a0b10eb}.fps-counter{font-family:var(--font-mono);padding:var(--space-xs) var(--space-sm);background:var(--bg-core);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:600}.energy-monitor{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:12px;display:flex}.energy-monitor .energy-label{color:var(--text-secondary)}.energy-monitor .energy-value{font-weight:600}.energy-monitor.low .energy-value{color:var(--success)}.energy-monitor.medium .energy-value{color:var(--warning)}.energy-monitor.high .energy-value{color:var(--danger)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-core)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media (max-width:768px){.app-container{grid-template-columns:1fr;grid-template-areas:"header""canvas""footer";grid-template-rows:var(--header-height) 1fr var(--footer-height)}.sidebar-area,.app-subtitle{display:none}}