#tutorial-screen { flex-direction: column; background: #0a0a12; overflow: hidden; }
#tutorial-container { 
  flex: 1; 
  display: flex; 
  flex-direction: column; 
  padding: 20px; 
  overflow-y: auto;
  min-height: 0;
}
#tutorial-canvas-wrap {
  flex: 0 0 auto;
  max-height: 60vh;
  min-height: 300px;
  background: linear-gradient(180deg, #0a0a1a 0%, #0f1525 100%);
  border: 1px solid #1a3a4a;
  border-radius: 8px;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
#tutorial-canvas { width: 100%; height: 100%; display: block; }
#tutorial-text-box {
  background: rgba(0,30,50,0.95);
  border: 2px solid #00ccff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 15px;
}
#tutorial-title { font-size: 18px; color: #00ffcc; margin-bottom: 12px; }
#tutorial-content { font-size: 13px; line-height: 1.7; color: #aaccdd; }
#tutorial-content strong { color: #ffcc00; }
#tutorial-controls { display: flex; gap: 15px; justify-content: center; }
#tutorial-demo-controls {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  background: rgba(0,20,30,0.9);
  border: 1px solid #1a3a4a;
  border-radius: 8px;
  padding: 12px;
  display: none;
}
.demo-slider-row { display: flex; align-items: center; gap: 12px; margin: 6px 0; }
.demo-slider-row label { width: 100px; font-size: 11px; color: #7ab; }
.demo-slider-row input { flex: 1; }
.demo-slider-row span { width: 45px; text-align: right; font-size: 11px; color: #0ff; }