#animation-dialog{width:1100px;max-width:96vw;max-height:95dvh}#animation-title{font-size:20px;font-weight:500;margin:0}#animation-host{width:100%;height:min(58vh,600px);min-height:300px;background:#f8f3e9;overflow:hidden}#animation-host canvas{display:block;width:100%;height:100%;touch-action:none}#animation-message,.animation-help{padding:0 20px;color:var(--muted);font-size:12px;line-height:1.8}.animation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 20px}.animation-controls label{font-size:12px;display:flex;align-items:center;gap:8px}.animation-controls button,.animation-controls select{padding:9px 12px;background:#30382a;color:var(--text);border:1px solid #657151}.animation-timeline{display:flex;align-items:center;gap:12px;padding:10px 20px}.animation-timeline input{flex:1;min-width:50px}.animation-timeline span{font-size:12px;white-space:nowrap}.animation-service{margin:24px 0;padding:20px;border:1px solid #657151;background:#20271d}.animation-service p{font-size:13px;line-height:1.8}.animation-service .admin-form{padding:18px 0}@media(max-width:650px){#animation-host{height:45vh}#animation-title{font-size:16px}.animation-controls{gap:8px;padding:10px}.animation-controls label{font-size:11px}.animation-service{padding:15px}}
#shop-content .showcase-video{display:block;width:100%;max-height:60vh;background:#111;margin:16px 0}
