.loom-embed-container{background:#000;border-radius:8px;margin:1rem 0;overflow:hidden;position:relative;width:100%}.loom-embed-container.responsive{padding-bottom:56.25%}.loom-embed-container.responsive .loom-embed-iframe{height:100%;left:0;position:absolute;top:0;width:100%}.loom-embed-iframe{border:none;height:400px;width:100%}.loom-facade{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.loom-facade:hover{transform:scale(1.02)}.loom-facade-thumbnail{background:#1a1a1a;display:block;height:auto;width:100%}.loom-facade-play{align-items:center;background:rgba(0,0,0,.8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s ease;width:68px}.loom-facade-play:hover{background:rgba(0,0,0,.9)}.loom-facade-play:focus{outline:2px solid #007bff;outline-offset:2px}.play-icon{height:24px;width:24px}.video-transcript{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;margin-top:1rem}.video-transcript summary{border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);cursor:pointer;font-weight:500;padding:.75rem}.video-transcript summary:hover{background:hsla(0,0%,100%,.05)}.transcript-content{color:hsla(0,0%,100%,.7);font-size:.9rem;line-height:1.6;padding:1rem}.loom-error{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:rgba(239,68,68,.9);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.error-icon{height:48px;margin-bottom:1rem;opacity:.8;width:48px}.loom-error p{font-size:.95rem;margin:0}.demo-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;margin:2rem 0;padding:1.5rem}.demo-title{color:hsla(0,0%,100%,.9);font-size:1.25rem;font-weight:600;margin:0 0 1rem}@media (max-width:768px){.loom-embed-container{border-radius:0;margin:.5rem calc(-1rem - env(safe-area-inset-right)) .5rem calc(-1rem - env(safe-area-inset-left));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.demo-section{border-left:none;border-radius:0;border-right:none;margin-left:-1rem;margin-right:-1rem}.loom-facade-play{height:40px;width:56px}.play-icon{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.loom-facade,.loom-facade-play{transition:none}.loom-facade:hover{transform:none}}@media (prefers-contrast:high){.loom-facade-play{background:rgba(0,0,0,.95);border:2px solid #fff}.demo-section,.video-transcript{border-color:hsla(0,0%,100%,.3)}}.loom-facade-loading{pointer-events:none;position:relative}.loom-facade-loading:after{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.loom-preview{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;margin-top:.5rem;padding:.75rem}.loom-preview.hidden{display:none}.preview-label{color:hsla(0,0%,100%,.7);font-size:.85rem;font-weight:500;margin-bottom:.5rem}.preview-thumbnail{border:1px solid hsla(0,0%,100%,.1);border-radius:4px;height:auto;max-width:200px;width:100%}.loom-facade.no-thumbnail{align-items:center;background:var(--color-bg-subtle);display:flex;justify-content:center;min-height:300px}.loom-facade.no-thumbnail .loom-facade-play{position:relative;transform:none}.loom-video-container{margin:0 auto;position:relative;width:100%}@media (max-width:768px){.loom-video-container{max-width:100%}}