.tutorial-videos{color:#172638;min-width:0;margin:20px 0 28px}.tutorial-videos h2{margin:0 0 12px;font-size:20px;font-weight:500;line-height:1.4}.tutorial-video-rail{scroll-snap-type:x proximity;overscroll-behavior-x:contain;direction:ltr;gap:12px;min-width:0;padding:2px 2px 12px;display:flex;overflow:auto hidden}.site-typography .tutorial-video-rail .tutorial-video-tile{box-sizing:border-box;color:#172638;text-align:start;scroll-snap-align:start;min-width:0;max-width:none;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7adbf;border-radius:12px;flex-direction:column;flex:0 0 min(216px,66.6667% - 8px);gap:8px;padding:0 0 10px;font-size:16px;line-height:1.4;display:flex;overflow:hidden}.tutorial-video-tile>img,.tutorial-video-poster{aspect-ratio:9/16;object-fit:cover;background:#172638;width:100%;height:auto;display:block}.tutorial-video-poster{color:#fff;place-items:center;font-size:32px;display:grid}.tutorial-video-tile>span:last-child{overflow-wrap:anywhere;padding-inline:10px;display:block}:is(.tutorial-video-rail:focus-visible,.tutorial-video-tile:focus-visible){outline-offset:2px;outline:3px solid #246b62}.site-typography dialog.creative-live-dialog.tutorial-video-viewer{box-sizing:border-box;background:#101820;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.tutorial-video-viewer>video{object-fit:contain;width:100%;height:100%;display:block}.tutorial-video-actions{z-index:3;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));direction:ltr;gap:8px;display:flex;position:absolute}.site-typography dialog.creative-live-dialog.tutorial-video-viewer .tutorial-video-actions :is(a,button){box-sizing:border-box;color:#fff;cursor:pointer;background:#101820;border:0;border-radius:8px;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;font-size:28px;text-decoration:none;display:grid;position:static}.tutorial-video-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tutorial-video-actions :focus-visible{outline-offset:2px;outline:3px solid #a3f0da}.site-typography dialog.tutorial-video-viewer .tutorial-video-status{z-index:3;bottom:max(80px,calc(64px + env(safe-area-inset-bottom)));color:#fff;overflow-wrap:anywhere;background:#101820;margin:0;padding:12px;font-size:16px;line-height:1.5;position:absolute;inset-inline:12px}.tutorial-admin{color:#172638;min-width:0}.tutorial-admin form{gap:16px;max-width:640px;display:grid}.tutorial-admin label{gap:8px;font-size:16px;display:grid}.tutorial-admin :is(input,select,button){box-sizing:border-box;max-width:100%;min-height:48px;font:inherit;font-size:16px}
