.draw-videos{max-width:1200px;margin:0 auto;padding:24px 0 40px;color:var(--text-main,#17243e)}
.draw-videos-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.draw-videos-header h2{font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:800;margin:6px 0 10px;line-height:1.2}
.draw-videos-header p{color:var(--text-muted,#64748b);margin:0;line-height:1.6}
.draw-videos-header .draw-videos-eyebrow{color:var(--primary,#5564e8);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.draw-videos-filter{display:grid;gap:7px;font-size:13px;font-weight:700;min-width:210px}
.draw-videos-filter select{font:inherit;min-height:46px;border:1px solid var(--border-color,#dce2ed);border-radius:12px;background:var(--bg-card,#fff);color:inherit;padding:10px 36px 10px 14px;cursor:pointer}
.draw-videos-filter select:focus-visible{outline:3px solid #93a3ff;outline-offset:3px}
.draw-videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.draw-video-card{min-width:0;overflow:hidden;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:20px;box-shadow:0 8px 30px #17243e08}
.draw-video-heading{padding:20px 22px;display:flex;align-items:center;gap:12px}
.draw-video-label{font-size:12px;font-weight:700;color:var(--text-muted,#64748b)}
.draw-video-heading h3{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;margin:0;background:#eef0ff;color:#5564df;padding:6px 14px;border-radius:10px}
.draw-video-card video{display:block;width:100%;aspect-ratio:16/9;background:radial-gradient(ellipse at top,#284575,#101b32);object-fit:contain}
.draw-video-error{padding:12px 20px;color:var(--text-muted,#64748b);font-size:14px}
.draw-videos [hidden]{display:none!important}
.draw-videos-empty{text-align:center;padding:64px 24px;border:1px dashed var(--border-color,#dce2ed);background:var(--bg-card,#fff);border-radius:20px}
.draw-videos-empty>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:20px;background:#eef0ff;color:#5564df;font-size:32px}
.draw-videos-empty h3{font-size:20px;margin:0 0 12px}.draw-videos-empty p{max-width:440px;margin:0 auto;color:var(--text-muted,#64748b);line-height:1.7}
@media(max-width:767px){.draw-videos{padding-top:16px}.draw-videos-header{align-items:stretch;flex-direction:column;gap:20px}.draw-videos-filter{width:100%}.draw-videos-grid{grid-template-columns:1fr;gap:20px}.draw-video-heading{padding:16px 18px}.draw-videos-empty{padding:44px 20px}}