.experiment-layout{gap:var(--space-lg);padding:calc(70px + var(--space-lg)) var(--space-lg) var(--space-lg);grid-template-columns:1fr 380px;max-width:1600px;min-height:100vh;margin:0 auto;display:grid}.sim-area{gap:var(--space-md);flex-direction:column;display:flex}.sim-header{align-items:center;gap:var(--space-md);display:flex}.sim-title{font-size:1.5rem;font-weight:700}.sim-badge{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:999px;padding:2px 12px;font-size:.75rem;font-weight:500}.canvas-wrapper{border-radius:var(--radius-md);border:1px solid var(--bg-glass-border);background:#050510;flex:1;min-height:500px;position:relative;overflow:hidden}#sim-canvas{width:100%;height:100%;display:block}.info-bar{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.info-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);background:#231e3c66;border:1px solid #ffffff12;flex-direction:column;align-items:center;gap:2px;display:flex;box-shadow:0 4px 12px #0003}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.info-value{font-size:1rem;font-weight:600;font-family:var(--font-mono);color:#a78bfa}.control-panel{gap:var(--space-md);max-height:calc(100vh - 90px);padding-right:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.control-panel::-webkit-scrollbar{width:4px}.control-panel::-webkit-scrollbar-thumb{background:var(--bg-glass-border);border-radius:2px}.panel-section{padding:var(--space-lg);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);background:#19142d80;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.85rem;font-weight:600}.control-group{margin-bottom:var(--space-lg)}.control-group:last-child{margin-bottom:0}.control-label-row{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.control-label{font-size:.85rem;font-weight:500}.control-value-wrap{align-items:center;gap:4px;display:flex}.control-number{border-radius:var(--radius-sm);border:1px solid var(--bg-glass-border);background:var(--bg-secondary);color:#a78bfa;width:56px;font-family:var(--font-mono);text-align:right;outline:none;padding:4px 6px;font-size:.85rem}.control-number:focus{border-color:#8b5cf6}.control-display{font-family:var(--font-mono);color:#a78bfa;font-size:.85rem}.control-unit{color:var(--text-muted);font-size:.75rem}.control-slider{appearance:none;background:var(--bg-secondary);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.control-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #8b5cf666}.control-slider::-moz-range-thumb{cursor:pointer;background:#8b5cf6;border:none;border-radius:50%;width:18px;height:18px}.preset-row{gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.preset-btn{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;flex:1;padding:5px 8px;font-size:.75rem}.preset-btn:hover{color:var(--text-primary);background:#8b5cf61a;border-color:#8b5cf64d}.preset-btn--active{color:#a78bfa;background:#8b5cf626;border-color:#8b5cf666}.action-row{gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.action-row:last-child{margin-bottom:0}.checkbox-label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;font-size:.8rem;display:flex}.checkbox-label input{display:none}.checkbox-custom{border:2px solid var(--bg-glass-border);width:16px;height:16px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;position:relative}.checkbox-label input:checked+.checkbox-custom{background:#8b5cf6;border-color:#8b5cf6}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:10px;font-weight:700;position:absolute;top:-1px;left:2px}.spectrum-canvas{border-radius:var(--radius-sm);width:100%;height:30px;margin-bottom:var(--space-xs);display:block}.spectrum-labels{color:var(--text-muted);justify-content:space-between;font-size:.6rem;display:flex}.equation-card{padding:var(--space-md);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:var(--space-xs);background:#0f0c1e99;border:1px solid #8b5cf626;flex-direction:column;display:flex;box-shadow:inset 0 0 10px #8b5cf60d}.equation{font-family:var(--font-mono);color:#a78bfa;text-align:center;font-size:.82rem}.equation-label{color:var(--text-muted);text-align:center;margin-bottom:var(--space-sm);font-size:.65rem}.equation-label:last-child{margin-bottom:0}@media (width<=1024px){.experiment-layout{grid-template-columns:1fr}.control-panel{max-height:none;overflow-y:visible}}@media (width<=640px){.experiment-layout{padding:calc(60px + var(--space-sm)) var(--space-sm) var(--space-sm);gap:var(--space-sm)}.info-bar{grid-template-columns:repeat(3,1fr)}}