.tutorial-center{padding-block:40px}.tutorial-center>a{color:var(--accent)}
.tutorial-center h1{font-size:clamp(26px,4vw,42px);margin:20px 0 30px}
.tutorial-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.tutorial-video-card{min-width:0;padding:18px}.tutorial-video-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080a0e;border-radius:10px}
.tutorial-video-card h2{font-size:22px;margin-top:18px;overflow-wrap:anywhere}
.tutorial-description{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:12px;color:var(--ink2,#a8a49b)}
.tutorial-placeholder{aspect-ratio:16/9;display:grid;place-items:center;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-align:center}
.tutorial-resources,.tutorial-admin-list{display:grid;gap:16px}.tutorial-resource{min-width:0}
.tutorial-actions,.tutorial-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-block:12px}
.tutorial-meta{font-size:12px;opacity:.72}.tutorial-link{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;user-select:all;opacity:.75}
.tutorial-meta a{color:var(--accent);text-underline-offset:3px}.tutorial-admin .toolbar>a{color:var(--accent,#10b981)}
.tutorial-actions .btn{white-space:normal;text-align:center}.tutorial-resource [data-copy-status]{min-height:1.6em;font-size:13px;color:var(--accent)}
.tutorial-admin .toolbar{flex-wrap:wrap}.tutorial-admin .tutorial-admin-list{margin-block:18px 28px}
.tutorial-admin-card{padding:20px;border:1px solid var(--border,#343946);border-radius:12px;background:var(--panel,#171c25);min-width:0;overflow-wrap:anywhere}
.tutorial-admin-card h3{font-size:17px;margin:0}.tutorial-admin-card img{width:128px;height:72px;object-fit:cover;border-radius:8px}
.tutorial-admin .tutorial-actions a{color:inherit}.tutorial-admin .tutorial-description{color:inherit;opacity:.75}
.tutorial-admin [data-upload-status]{white-space:pre-wrap;min-height:1.6em}.tutorial-admin h2{font-size:20px}
.tutorial-auth{width:min(720px,94vw);height:min(820px,92dvh);max-height:92dvh;padding:0;border:1px solid #383c45;border-radius:18px;background:#111;color:#eee;inset:0;margin:auto;box-shadow:0 30px 100px #0009}
.tutorial-auth::backdrop{background:#000b;backdrop-filter:blur(4px)}.tutorial-auth-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #333}
.tutorial-auth-heading h2{font:500 18px/1.5 system-ui,sans-serif;margin:0}.tutorial-auth-heading .btn{padding:6px 14px;line-height:1.5}
.tutorial-auth iframe{width:100%;height:calc(100% - 80px);border:0;display:block;background:#111}.tutorial-auth>[role=status]:empty{display:none}.tutorial-auth>[role=status]{padding-inline:20px;color:#fca5a5}
@media(max-width:800px){.tutorial-videos{grid-template-columns:1fr}.tutorial-center{padding-block:24px}}
