.tutorial-intro p{max-width:85ch;line-height:1.6}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.tutorial-heading label{min-width:180px}.tutorial-switches{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.tutorial-timings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.tutorial-timings label,.tutorial-messages label,.tutorial-heading label{display:flex;flex-direction:column;gap:8px;color:#e8f1de;font-weight:650}.tutorial-timings small{color:#aebba5;font-weight:400;line-height:1.5}.tutorial-messages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tutorial-messages textarea{resize:vertical;min-height:75px}.tutorial-status{min-height:1.5em;color:#d0edaa}.tutorial-actions{display:flex;gap:10px;flex-wrap:wrap}.tutorial-actions button{min-height:44px}.tutorial-actions button:disabled{opacity:.5}.tutorial-intro{margin-bottom:18px}#tutorial-form input[type=number],#tutorial-form textarea,#tutorial-form select{font:inherit;background:#0e1b14;color:#eaf1e1;border:1px solid #607450;border-radius:8px;padding:10px;max-width:100%;box-sizing:border-box}#tutorial-form textarea::placeholder{color:#8ea181}#tutorial-preview-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;background:#0d1712;color:#eaf1e1;overflow:hidden}#tutorial-preview-dialog[open]{display:flex;flex-direction:column}.tutorial-preview-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #3b4c33;flex:none}.tutorial-preview-bar strong{margin-right:auto}.tutorial-preview-bar button{min-height:40px}#tutorial-preview-frame{border:0;width:100%;flex:1;min-height:0;background:#0d1712}#tutorial-preview-dialog::backdrop{background:#000b}
@media(max-width:700px){.sidebar nav{overflow-x:auto;justify-content:flex-start;max-width:100%}.sidebar nav button{flex:0 0 auto;min-height:44px}.sidebar nav button span{display:inline}.tutorial-timings,.tutorial-messages{grid-template-columns:1fr}.tutorial-heading{gap:8px}.tutorial-actions button{flex:1 1 160px}.tutorial-preview-bar{padding:6px 10px;gap:8px}.tutorial-preview-bar strong{font-size:14px}}