.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:var(--accent-primary);background:#6366f11f;border:1px solid #6366f140;border-radius:999px;padding:2px 12px;font-size:.75rem;font-weight:500}.canvas-wrapper{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--bg-glass-border);flex:1;min-height:400px;position:relative;overflow:hidden}#sim-canvas{width:100%;height:100%;display:block}.canvas-overlay{color:var(--text-secondary);pointer-events:none;transition:opacity var(--transition-base);background:#0a0a1a80;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;inset:0}.canvas-overlay.hidden{opacity:0}.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);background:var(--bg-card);border:1px solid var(--bg-glass-border);flex-direction:column;align-items:center;gap:2px;display:flex}.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:var(--accent-secondary)}.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);background:var(--bg-card);border:1px solid var(--bg-glass-border)}.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{color:var(--text-primary);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);width:56px;color:var(--accent-secondary);font-family:var(--font-mono);text-align:right;transition:border-color var(--transition-fast);outline:none;padding:4px 6px;font-size:.85rem}.control-number:focus{border-color:var(--accent-primary)}.control-display{font-family:var(--font-mono);color:var(--accent-secondary);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;background:var(--accent-gradient);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--accent-glow);transition:transform var(--transition-fast);border-radius:50%}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-slider::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;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);border:1px solid var(--bg-glass-border);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:5px 8px;font-size:.75rem}.preset-btn:hover{color:var(--text-primary);background:#6366f11a;border-color:#6366f14d}.preset-btn--active{color:var(--accent-primary);background:#6366f126;border-color:#6366f166}.action-row{gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.action-row:last-child{margin-bottom:0}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast);border:none;flex:1;font-size:.9rem;font-weight:600;display:flex}.btn--primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 12px #6366f14d}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f180}.btn--secondary{background:var(--bg-glass);border:1px solid var(--bg-glass-border);color:var(--text-secondary)}.btn--secondary:hover{color:var(--text-primary);background:#ffffff0f}.btn-icon{font-size:.85rem}.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:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:10px;font-weight:700;position:absolute;top:-1px;left:2px}.graph-container{margin-bottom:var(--space-md)}.graph-container:last-child{margin-bottom:0}.graph-label{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:500}.graph-canvas{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--bg-glass-border);width:100%;height:120px;display:block}.equation-card{padding:var(--space-md);border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--bg-glass-border);gap:var(--space-sm);flex-direction:column;display:flex}.equation{font-family:var(--font-mono);color:var(--accent-secondary);text-align:center;font-size:.85rem}@media (width<=1024px){.experiment-layout{grid-template-columns:1fr}.control-panel{max-height:none;overflow-y:visible}.canvas-wrapper{min-height:350px}}@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)}}