body .play-reel-preview{width:100%;min-width:0;margin:12px 0}body .play-reel-preview>svg{aspect-ratio:500/470;background:#111e2c;border-radius:9px;width:100%;height:auto;max-height:440px;display:block}body .play-reel-preview>.inline-animation-controls{color:#666;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;font-size:.875rem;display:flex}body .play-reel-preview .inline-animation-toggle{color:#fff;background:#171717;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 14px;font-size:.875rem;font-weight:700;display:inline-flex}body .play-reel-preview .inline-animation-toggle:hover{color:#fff;background:#333}body .saved-drill-card .play-reel-preview{margin:4px 0 14px}body .saved-drill-card .saved-drill-icon{display:none}body .practice-inline-preview{width:100%;margin:12px 0}body .practice-inline-preview .practice-media{margin-top:8px}body .library-card>.play-reel-preview{box-sizing:border-box;padding:0 16px}body .playbook-focus-play .play-reel-preview{margin:8px 0 0}body .playbook-focus-play{flex-basis:240px;padding:10px}body .playbook-focus-play>button{text-align:left;white-space:normal;width:100%;display:block}body .playbook-focus-play .inline-animation-controls{font-size:.8125rem}body .saved-drill-card>.drill-reel-guide p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}body .play-reel-preview .inline-animation-toggle>svg{aspect-ratio:auto;background:0 0;flex:0 0 17px;width:17px;max-width:17px;height:17px;max-height:17px}.play-clip-preview{background:#f6f6f6;border-radius:12px;width:100%;min-width:0;margin:14px 0;position:relative;overflow:hidden}.play-clip-media-frame{background:#111;position:relative;overflow:hidden}.play-clip-preview iframe{aspect-ratio:16/9;background:#111;border:0;width:100%;display:block}.play-clip-preview video,.play-clip-preview img{object-fit:contain;background:#111;width:100%;height:auto;max-height:80dvh;display:block}.play-clip-preview.is-portrait iframe{aspect-ratio:9/16}.play-clip-preview.is-instagram .play-clip-media-frame{aspect-ratio:4/5}.play-clip-preview.is-instagram iframe{aspect-ratio:auto;background:#fff;height:calc(100% + 400px);position:absolute;top:-64px;left:0}.play-clip-preview.is-instagram.is-full-preview .play-clip-media-frame{aspect-ratio:auto}.play-clip-preview.is-instagram.is-full-preview iframe{height:clamp(650px,95dvh,1100px);position:static}.play-clip-preview-tools{z-index:1;position:absolute;top:8px;right:8px}.play-clip-preview-tools>.icon-button{color:#171717;background:#ffffffed;border:1px solid #ddd;border-radius:8px;width:44px;height:44px;box-shadow:0 2px 8px #0002}.play-clip-load-error{color:#555;margin:0;padding:12px;font-size:.875rem;line-height:1.5}.play-clip-link{text-align:center;color:#fff;justify-items:center;gap:8px;padding:28px 16px;display:grid}.play-clip-link a{color:#fff;align-items:center;gap:6px;min-height:44px;display:inline-flex}.play-create-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.play-create-options button{white-space:normal;text-align:left;justify-items:start;gap:8px;padding:18px;display:grid}.play-create-options small{color:#666;font-size:14px;font-weight:400}@media (max-width:400px){.play-create-options{grid-template-columns:1fr}}