.tutorial-admin-grid { display:grid; grid-template-columns:minmax(260px,380px) minmax(460px,1fr); gap:18px; align-items:start; }
.tutorial-admin-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.tutorial-admin-head h2, .tutorial-admin-head h3 { margin:0 0 12px; }
.tutorial-admin-fields { display:grid; grid-template-columns:repeat(2,minmax(130px,1fr)); gap:12px; }
.tutorial-inline { display:flex; align-items:center; gap:9px; margin:15px 0; }
.tutorial-inline input { width:auto; margin:0; }
.tutorial-global-card { margin:16px 0 20px; border:1px solid #6c8b66; }
.tutorial-global-card .tutorial-inline { margin:0 0 6px; cursor:pointer; }
.tutorial-global-card .tutorial-admin-hint { display:block; margin-left:25px; }
.tutorial-admin-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:11px; margin:8px 0; border:1px solid #46536b; border-radius:10px; background:#19263c; }
.tutorial-admin-item.selected { border-color:#69a9ff; box-shadow:0 0 0 1px #69a9ff inset; }
.tutorial-admin-item small { display:block; color:#b9c9e2; margin-top:4px; }
.tutorial-admin-item button { border:0; border-radius:7px; padding:7px 10px; background:#315d8a; color:#fff; cursor:pointer; }
.tutorial-admin-item > button { min-width:0; overflow-wrap:anywhere; text-align:left; }
.tutorial-admin-order { display:flex; gap:4px; flex-shrink:0; }
.tutorial-admin-order button { min-width:28px; }
.tutorial-admin-order .tutorial-admin-delete { background:#903a4a; }
.tutorial-admin-order .tutorial-admin-delete:hover { background:#b34459; }
.tutorial-admin-hint { color:#b4c9dd; font-size:.85rem; }
.tutorial-admin-upload, .tutorial-admin-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:10px 0 14px; }
.tutorial-admin-upload input { flex:1 1 240px; }
.tutorial-html { line-height:1.55; overflow-wrap:anywhere; }
.tutorial-html img { display:block; max-width:100%; max-height:420px; width:auto; height:auto; object-fit:contain; border-radius:10px; margin:12px auto; }
.tutorial-html a { color:#75baff; }
.tutorial-html table { width:100%; border-collapse:collapse; margin:12px 0; }
.tutorial-html th,.tutorial-html td { border:1px solid #627898; padding:8px; text-align:left; }
#tutorialAdminPreviewPane { margin-top:14px; padding:18px; border:1px solid #5b7295; border-radius:12px; background:#111a2b; }
#tutorialAdminPreviewPane[hidden] { display:none !important; }
.tutorial-overlay { position:fixed; inset:0; z-index:100060; display:none; justify-content:center; align-items:center; padding:16px; background:rgba(4,8,20,.83); backdrop-filter:blur(5px); box-sizing:border-box; }
.tutorial-overlay.is-open { display:flex; }
.tutorial-dialog { width:min(920px,100%); max-height:min(88vh,900px); display:flex; flex-direction:column; background:linear-gradient(150deg,#1b2a46,#131b30); border:1px solid #6e91c8; border-radius:18px; box-shadow:0 20px 60px #0009; color:#f7f8fb; overflow:hidden; }
.tutorial-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:17px 20px; border-bottom:1px solid #536480; }
.tutorial-dialog-head h2 { margin:0; font-size:1.3rem; }
.tutorial-dialog-head button, .tutorial-dialog-footer button, .tutorial-catalog-card button { border:0; border-radius:9px; color:white; background:#355c91; padding:9px 14px; cursor:pointer; font:inherit; }
.tutorial-dialog-head button { background:#633f56; }
.tutorial-dialog-body { padding:20px; overflow-y:auto; min-height:130px; }
.tutorial-dialog-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding:13px 20px; border-top:1px solid #536480; }
.tutorial-dialog-footer button.primary { background:#23845b; font-weight:700; }
.tutorial-dialog-footer button:disabled { opacity:.5; cursor:default; }
.tutorial-catalog { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; }
.tutorial-catalog-card { border:1px solid #536d95; border-radius:12px; background:#213351; padding:15px; }
.tutorial-catalog-card h3 { margin:0 0 8px; }
.tutorial-catalog-card p { min-height:38px; color:#cbd7e9; }
.tutorial-chip { display:inline-block; border-radius:999px; background:#365074; color:#e9f3ff; padding:4px 9px; font-size:.8rem; margin:0 5px 8px 0; }
.tutorial-status { min-height:21px; color:#ffdc82; }
.tutorial-command-hint { margin-top:18px; padding:13px 15px; border:1px solid #6aa8ea; border-radius:10px; background:#213e63; color:#e6f3ff; font-weight:600; }
@media(max-width:900px) { .tutorial-admin-grid { grid-template-columns:1fr; } }
@media(max-width:600px) { .tutorial-dialog { max-height:94vh; } .tutorial-dialog-body { padding:14px; } .tutorial-dialog-head,.tutorial-dialog-footer { padding:12px; } }