@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--bg-deep:#0a0b0e;--bg-panel:#111318;--bg-mid:#181c22;--bg-input:#0d0f13;--border-dim:#252830;--border-glow:#1e2830;--phosphor:#4dffaa;--phosphor-dim:#1a6644;--phosphor-glow:#4dffaa26;--amber:#ffb347;--amber-dim:#7a4a10;--red-warn:#f44;--text-bright:#d8e4d8;--text-mid:#6e8570;--text-dim:#384040;--mono:"Share Tech Mono", "Courier New", monospace;--sans:"Rajdhani", "Segoe UI", sans-serif;--radius:2px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);width:100%;height:100%;color:var(--text-bright);font-family:var(--mono);overflow:hidden}#app{flex-direction:column;width:100%;height:100vh;display:flex}.lab-frame{background:var(--bg-deep);flex-direction:column;width:100%;height:100vh;display:flex}.lab-header{background:var(--bg-panel);border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.lab-title{flex-direction:column;gap:1px;display:flex}.lab-title-main{font-family:var(--sans);letter-spacing:.12em;color:var(--phosphor);text-shadow:0 0 12px #4dffaa80;font-size:22px;font-weight:700;line-height:1}.lab-title-main em{color:var(--amber);text-shadow:0 0 12px #ffb34766;font-style:normal}.lab-title-sub{font-family:var(--mono);color:var(--text-mid);letter-spacing:.15em;text-transform:uppercase;font-size:9px}.lab-stats{gap:2px;display:flex}.stat-block{background:var(--bg-input);border:1px solid var(--border-dim);flex-direction:column;align-items:center;min-width:70px;padding:4px 14px;display:flex}.stat-label{color:var(--text-dim);letter-spacing:.2em;font-size:8px}.stat-value{color:var(--phosphor);letter-spacing:.05em;text-shadow:0 0 8px #4dffaa66;font-size:18px;line-height:1.2}.lab-body{flex:1;min-height:0;display:flex;overflow:hidden}.lab-sidebar{background:var(--bg-panel);border-right:1px solid var(--border-dim);background-image:repeating-linear-gradient(#0000,#0000 2px,#00000014 2px 4px);flex-direction:column;flex-shrink:0;gap:0;width:168px;display:flex;overflow:hidden auto}.lab-sidebar::-webkit-scrollbar{width:4px}.lab-sidebar::-webkit-scrollbar-track{background:var(--bg-deep)}.lab-sidebar::-webkit-scrollbar-thumb{background:var(--phosphor-dim)}.sidebar-section{border-bottom:1px solid var(--border-dim);padding:10px 10px 8px}.sidebar-label{letter-spacing:.22em;color:var(--phosphor-dim);text-transform:uppercase;border-bottom:1px solid var(--border-dim);margin-bottom:7px;padding-bottom:4px;font-size:8px}.palette{grid-template-columns:1fr 1fr;gap:3px;display:grid}.palette-btn{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius);cursor:pointer;color:var(--text-mid);font-family:var(--mono);letter-spacing:.05em;text-align:left;white-space:nowrap;align-items:center;gap:5px;padding:3px 5px;font-size:9px;transition:border-color .12s,background .12s;display:flex;overflow:hidden}.palette-btn:hover{border-color:var(--phosphor-dim);color:var(--text-bright)}.palette-btn.active{border-color:var(--phosphor);color:var(--phosphor);background:#4dffaa0f;box-shadow:inset 0 0 6px #4dffaa33}.swatch{background:var(--swatch-color);border:1px solid #ffffff1a;border-radius:1px;flex-shrink:0;width:10px;height:10px;display:block}.swatch-label{text-overflow:ellipsis;overflow:hidden}.slider-wrap{align-items:center;gap:6px;display:flex}.lab-slider{appearance:none;background:var(--bg-input);border:1px solid var(--border-dim);cursor:pointer;outline:none;flex:1;height:3px}.lab-slider::-webkit-slider-thumb{appearance:none;background:var(--phosphor);cursor:pointer;border:none;width:10px;height:14px;box-shadow:0 0 6px #4dffaa80}.lab-slider::-moz-range-thumb{background:var(--phosphor);cursor:pointer;border:none;width:10px;height:14px}.slider-val{color:var(--phosphor);text-align:right;min-width:20px;font-size:12px}.control-buttons,.preset-buttons{flex-direction:column;gap:3px;display:flex}.lab-btn{background:var(--bg-input);border:1px solid var(--border-dim);color:var(--text-mid);font-family:var(--mono);letter-spacing:.15em;cursor:pointer;border-radius:var(--radius);text-align:left;width:100%;padding:5px 8px;font-size:10px;transition:all .12s}.lab-btn:hover{border-color:var(--phosphor-dim);color:var(--phosphor)}.lab-btn.active{border-color:var(--phosphor);color:var(--phosphor);background:#4dffaa14}.lab-btn.inactive{border-color:var(--amber-dim);color:var(--amber);background:#ffb3470f}.legend-hint{color:var(--text-dim);letter-spacing:.05em;font-size:9px;line-height:1.8}.element-info{flex:1}.info-name{font-family:var(--sans);color:var(--phosphor);letter-spacing:.1em;text-shadow:0 0 8px #4dffaa4d;margin-bottom:4px;font-size:16px;font-weight:700}.info-props{color:var(--text-mid);letter-spacing:.1em;font-size:8px;line-height:1.6}.lab-canvas-wrap{background:var(--bg-deep);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lab-canvas-wrap:before{content:"";pointer-events:none;z-index:10;background:radial-gradient(#0000 55%,#0009 100%);position:absolute;inset:0}.canvas-border{border:1px solid var(--border-dim);position:relative;box-shadow:0 0 0 1px #060708,0 0 20px #4dffaa0a,inset 0 0 30px #0006}.canvas-border:after{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(#0000,#0000 2px,#0000000a 2px 4px);position:absolute;inset:0}#sim-canvas{image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;aspect-ratio:300/200;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 80px);display:block}.canvas-footer{width:100%;max-width:calc(150vh - 120px);color:var(--text-dim);letter-spacing:.1em;font-size:9px;font-family:var(--mono);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.coord-display{color:var(--phosphor-dim);letter-spacing:.12em}.canvas-footer-right{color:var(--text-dim)}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.96}94%{opacity:1}96%{opacity:.94}97%{opacity:1}}.lab-title-main{animation:8s infinite flicker}