.demo-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:90vw;max-height:90vh;width:100%;overflow:hidden;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.demo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.demo-modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.demo-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.demo-modal-close:hover{background-color:#f3f4f6;color:#374151}.demo-modal-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.demo-modal-video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.demo-modal-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background-color:#000}@media (min-width: 640px){.demo-modal-content{max-width:80vw}}@media (min-width: 768px){.demo-modal-content{max-width:70vw}.demo-modal-title{font-size:1.75rem}}@media (min-width: 1024px){.demo-modal-content{max-width:60vw}}@media (min-width: 1280px){.demo-modal-content{max-width:50vw}}@media (max-width: 639px){.demo-modal-overlay{padding:10px}.demo-modal-header{padding:16px 20px}.demo-modal-title{font-size:1.25rem}.demo-modal-content{max-width:95vw;max-height:85vh}}@media (prefers-color-scheme: dark){.demo-modal-content{background:#1f2937}.demo-modal-header{background:#111827;border-bottom-color:#374151}.demo-modal-title{color:#f9fafb}.demo-modal-close{color:#9ca3af}.demo-modal-close:hover{background-color:#374151;color:#d1d5db}}@media (prefers-contrast: high){.demo-modal-overlay{background-color:#000000e6}.demo-modal-content{border:2px solid #000}.demo-modal-close:focus{outline:3px solid #000}}@media (prefers-reduced-motion: reduce){.demo-modal-content{animation:none}.demo-modal-close{transition:none}}