.tutorial-content { margin-top: 20px; min-width: 0; scroll-margin-top: 90px; }
.tutorial-content header, .tutorial-content-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.tutorial-content header { justify-content: space-between; }
.tutorial-content button, .tutorial-content select { min-height: 44px; }
.tutorial-content label { display: block; margin-block: 12px 6px; }
.tutorial-content select, .tutorial-content textarea { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }
.tutorial-content textarea { min-height: 140px; resize: vertical; line-height: 1.5; padding: 10px; color: #eee4cb; background: #071a20; border: 1px solid #77613a; border-radius: 8px; }
.tutorial-content-preview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-block: 14px; }
.tutorial-content-preview section { min-width: 0; padding: 12px; border: 1px solid #695333; border-radius: 10px; }
.tutorial-content-preview p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; }
.tutorial-content-actions { margin-block: 14px; }
.tutorial-content textarea, .tutorial-content-preview, .tutorial-content-actions, #tutorialContentBuiltin { scroll-margin-top: 90px; }
.tutorial-content [hidden] { display: none !important; }
@media (max-width: 900px) { .tutorial-content-preview { grid-template-columns: minmax(0,1fr); } }